useful abilities

Schreibe einen Kommentar
Usability
Blogfoto Usability

Usability heisst Funktionalität

Wie kann die Konzeption einer Website, einer APP gelingen? „Usability“ lautet das Zauberwort. Doch was steckt hinter dem Begriff „Usability“? Er wird im Deutschen häufig mit „Benutzerfreundlichkeit“ übersetzt. Ausgehend vom englischen „to use“ (=benutzen, gebrauchen, verwenden) und „ability“(= Möglichkeit) bedeutet „Usability“ wörtlich, die „Möglichkeit, zu benutzen“. Websites ohne Usability sind also „nicht benutzbar“ und damit nutzlos. “Use the ability“ (= Nutze die Möglichkeit) als Handlungsaufforderung richtet den Fokus auf die Nutzergruppe als aktiv und sinnvoll Handelnde.

Weiterlesen

„Lost in Cyberspace“- Wie geht Orientierung in der Website?

Schreibe einen Kommentar
Benutzerführung / Konzeption / Navigation / Usability
Hauptwanderweg

Die perfekte Metapher ist der Wald

Am Wochenende erhole ich mich gerne im Wald. Meist nehme ich altbekannte Touren: rund um den See, oder zum Naturfreundehaus und wieder zurück. Letztens überkam mich eine kleine Nostalgie und ich suchte das stadtnahe Waldgebiet  auf, in welchem wir Kinder fast jeden Samstag Nachmittag mit unserem Großvater gewandert waren. Trotz Erinnerungen und trotz Wanderkarte (Maßstab 1:35.000) in der Tasche verlief ich mich allerdings zunächst hoffnungslos.
Prima, dachte ich: die perfekte Metapher für mein nächstes Unterrichtsthema!

Weiterlesen

Die geheimen Strukturen der Website

Kommentare 2
Informationsdesign / Navigation
priorities

Das Wichtige zuerst

Ein wesentlicher Vorteil von Hypertext im Vergleich zu Printmedien, ist die Möglichkeit Inhalte so zu strukturieren, dass am Anfang, auf der Startseite im Browserfenster oder auf dem Bildschirm erst einmal nur die wichtigsten Informationen zu sehen sind (Stichwort: Priority/Priorisierung=Prioritäten werden gesetzt). Hintergrundinformationen werden auf tiefere Navigationsebenen gelegt.
So entsteht eine Art virtuelles Gebäude. Verschiedenen Räume und Ebenen sind miteinander verbunden, in welchem man sich frei bewegen kann (Stichwort: Informationsarchitektur). Allerdings ist es sinnvoll, bei aller Freiheit bereits in der Planungsphase auch die Reihenfolge der Inhalts“pakete“ zu bestimmen. Dies erleichtert beispielsweise die Benutzung von Screenreadern.  Zudem können so die Inhalte auf kleinen Screens (wie z.B. Smartphones) bestmöglich, d.h. einspaltig und scrollbar, dargestellt werden (Stichwort: Linearisierung).

Weiterlesen

Datenschutz im Internet

Schreibe einen Kommentar
Allgemein / Datenschutz
Roter Kamm

„Das Internet ist kaputt- die Idee der digitalen Vernetzung ist es nicht“

Sascha Lobo’s These hält das Banner „Prinzip Hoffnung“ hoch in einer Welt, deren „Technologie“, und er meint das Internet mit, wenn er mit Herbert Marcuse sagt, „das Prinzip Herrschaft bereits in sich trägt“. Sascha Lobo, ein Mensch der sich wie wenige andere ein Bild vom Internet macht und uns kompetent an seinem Wissen und Erkennen teilhaben lässt.

Weiterlesen

Welt um spannend!

Schreibe einen Kommentar
Allgemein / World Wide Web
web40

Uuups…. Internet und WWW – ist das denn nicht ein und dasselbe? Da sind einmal die vielen weltweit miteinander vernetzten Geräte: Einzelne PCs, ganze Computer-Netzwerke, Server, mobile Endgeräte wie Tablets und Smartphones… und alle sind miteinander vernetzt. Verbindungen entstehen über Kabel, Glasfasernetze oder W-Lan-Router. Sie alle bilden eine weltumspannende Infrastruktur. Weiterlesen

Was will die Zielgruppe?

Kommentare 2
Gestaltung / Konzeption / Zielgruppe
2_Zielgruppe

In der Planungsphase eines Web-Projekts ermitteln wir die Bedürfnisse und Interessen unserer Zielgruppe. Wir fragen:

  • Was erwarten die NutzerInnen von der Website? Nach welchen Informationen suchen die BesucherInnen?
  • Gibt es Produkte und/oder Dienstleistungen, die auf der Website präsentiert werden? Wenn ja, mit welchen gestalterischen Mitteln soll das geschehen?
  • In welcher Breite und Tiefe soll über die Produkte und/oder Dienstleistungen informiert werden?
  • Wie sollen die NutzerInnen angesprochen werden (Corporate Communication)?
  • Soll die Website neben der Informationsfunktion, auch die Interaktion der (potenziellen) Kunden untereinander oder mit  dem Unternehmen ermöglichen?
Quelle: frei nach www.e-kompetenz-ratgeber.de, Thema „Website-Gestaltung“, 27.7.2015

Aufgabe 1: Gehen Sie auf die Seiten des Ratgebers.
Klicken Sie sich durch die Tests „Website-Gestaltung“ und „Mobile Website-Gestaltung“.
Notieren Sie sich je fünf wichtige Stichpunkte zu den Themen.

Aufgabe 2: Entwickeln Sie 2-3 „Personas“ für Ihre Zielgruppe. Falls Sie sich fragen: „Wie bestimme ich meine Zielgruppe?“ informieren Sie sich bei www.onpulson.de

20 Dinge über Web & Browser

Schreibe einen Kommentar
Webdesign / World Wide Web
Beitragsbild_20Dinge

Google das Unternehmen hinter dem Marktführer der Suchmaschinen, hat ein nettes E-Book ins Netz gestellt: „20 Dinge, die ich über Browser und das Web gelernt habe.“  Es eignet sich super als Einstieg in das Themenfeld Websurfing, Browser, WWW, Internet… Mit Stand von 2010 ist der Content zwar „schon“ nicht mehr brandaktuell.  Grundlegendes verändert sich aber auch im Web relativ langsam.

Der Daten-Pixel-Faktor

Schreibe einen Kommentar
Gestaltung / Informationsdesign / Screendesign
Vitruvian

Zeitgenössische Designer, auch UI-Designer, berufen sich wieder auf moderne Klassiker: „form follows function“ oder „less is more.“  (Beispiel:  Netzialisten und Dieter Rahms).
Edward Tufte, Informationsdesigner und Infografik-Guru, erläutert diese Haltung anschaulich in seinem 2001 (!) erschienenen Klassiker „Visual Display of Quantitative Information“ und bringt sie als sogenannte „Data-Ink-Ratio“ auf den Punkt- auf Deutsch der Daten*/Tinte-Faktor, das Verhältnis „Daten : Tinte“. Bei Datenbildern soll dieser möglichst hoch sein. (Für Digitale Medien gilt demnach der „Daten/Pixel-Faktor“).
Erstrebenswert ist ein grosser Anteil an Elementen, die nicht weggelassen werden können, ohne den Sinn des Dargestellten zu verändern. „Alle Elemente ohne Daten nehmen den Daten die Aufmerksamkeit.“ schreibt Tufte.

(* Daten sind relevante/wichtige/sinnvolle Informationen)

Ein wundervolles Beispiel [von Emily Zimiris] für „minimalist design“ im Sinne Tuftes:
https://www.behance.net/gallery/17120667/Remra

Eine erstklassige, zeitlos-moderne Webseite: Moormann

Ein intelligenter, kritischer Kommentar zum Thema:
http://www.fit-fuer-usability.de/archiv/die-wurzeln-des-minimalismus-im-webdesign/


Aufgabe 1: Die Web-Agentur „Webgarten“ stellt in einem Blog-Beitrag Edward Tuftes Buch vor. Klicken Sie sich durch die interaktive Grafik „Redesign einer Grafik“ im obigen Blog-Beitrag. Es lohnt sich die Kommentare zu lesen.

Aufgabe 2: Nehmen Sie Stellung zum vorgestellten  Redesign (vorher/nachher). Begründen Sie Ihre Meinung.

Aufgabe 3: Notieren Sie sich die aufgelisteten Regeln. Inwiefern halten Sie diese für sinnvoll?

Aufgabe 4: Nehmen Sie Stellung zu dem Zitat „Gestalte den Inhalt und nicht das „Rund-um-den-Inhalt“.