User Interface Design fürs Internet

100 %
0 %
Information about User Interface Design fürs Internet

Published on May 28, 2008

Author: mschroeder_1

Source: slideshare.net

Description

Vortrag von Matthias C. Schroeder von SCHROEDER + WENDT zur webinale 08
Mehr unter:
www.schroeder-wendt.com/blog
www.schroeder-wendt.de

Matthias C. Schroeder | SCHROEDER + WENDT User Interface Design fürs Internet Trends, Prinzipien und Herausforderungen

SCHROEDER WENDT MATTHIAS C. SCHROEDER ... ich bin Interface Designer + Kaufmann gelernt und als IT-Kaufmann gearbeitet + von dort quer ins Webdesign bei einer Werbeagentur eingestiegen + dann Interface Design am Fachbereich Industriedesign der HS Magdeburg studiert + 2004 SCHROEDER + WENDT gegründet + aktives Mitglied im GC UPA - Ausrichter des World Usability Days in Sachsen-Anhalt + Blog-Autor „Interface Design und Usability Blog“ < >

SCHROEDER WENDT Die Bedeutung einer guten Schnittstelle Umfassenden Überblick über die Arten der Interfaces im Internet Prinzipien der Interface Gestaltung Überblick über Evaluierungsmöglichkeiten Ausblick WORUM GEHTS IN DER NÄCHSTEN STUNDE? < >

SCHROEDER WENDT WARUM IST EIN GUTES INTERFACE SO WICHTIG? < >

SCHROEDER WENDT WEIL EIN SCHLECHTES DICH TÖTEN KANN! < >

SCHROEDER WENDT Ergebnisse des Social Issuse Research Centre UNTERSUCHUNG DER MUSKELKONTRAKTION UND KREISLAUF < >

SCHROEDER WENDT Wonach beurteilen Sie die Glaubwürdigkeit einer Webseite? Consumer WebWatch befragten 2684 Personen WEIL AUCH DAS INTERNET „OBERFLÄCHLICH“ IST < >

SCHROEDER WENDT „ ... Durch eine an Anwendererwartungen und - bedürfnissen ausgerichtete Optimierung von Produktinformationen auf E-Commerce Websites konnten Umsatzzuwächse von über 200% erreicht werden ....“ Bericht des Bundesverbandes der Digitalen Wirtschaft WEIL ES EINE DIREKTE AMORTISIERUNG GIBT < >

SCHROEDER WENDT © GARMIN Pressebild FIRMEN GEBEN HUNDERTTAUSENDE FÜR WERBUNG AUS ... < >

SCHROEDER WENDT ... ABER SCHAUT MAN DANN AUF DIE SCHNITTSTELLEN ZUM NUTZER < >

SCHROEDER WENDT ES GEHT ABER AUCH ANDERS < >

SCHROEDER WENDT 2012 werden 43% aller Einzelhandelsverkäufe (bezogen auf die USA) online getätigt oder vom Internet beeinflusst. Forrester:quot;The Web's Impact on In-Store Sales“ and U.S. Department of Commerce. UND DABEI SOLLTE MAN BEDENKEN .... < >

SCHROEDER WENDT WELCHE INTERFACES GIBT ES ÜBERHAUT? < >

SCHROEDER WENDT WO IST UNSER SCHNITTSTELLE ZUM INTERNET? < >

SCHROEDER WENDT KLASSISCH IM BROWSER < >

SCHROEDER WENDT AUF MOBILEN GERÄTEN < >

SCHROEDER WENDT ODER AUF DEM TOASTER < >

SCHROEDER WENDT verbinden rausfinden interagieren DREI AUFGABEN EINER WEBSEITE UND DAMIT DES INTERFACES < >

SCHROEDER WENDT verbinden rausfinden interagieren DER KOMMUNIKATIONSWEG BEIM VERBINDEN + Monolog-Struktur + Dialog-Struktur < >

SCHROEDER WENDT STATISCHE WEBSEITE - NUTZER ALS EMPFÄNGER < >

SCHROEDER WENDT NUTZER ALS SENDER - MONOLOG - ZEITVERSETZTER DIALOG < >

SCHROEDER WENDT NUTZER ALS SENDER + EMPFÄNGER - PSEUDO-ECHTZEIT-DIALOG < >

SCHROEDER WENDT NUTZER ALS SENDER UND EMPFÄNGER - ECHTZEIT-DIALOG < >

SCHROEDER WENDT verbinden rausfinden interagieren DIE DREI ASPEKTE DES INTERFACES BEIM RAUSFINDEN + Informationsaufbereitung + Navigation + Suche < >

SCHROEDER WENDT INFO.AUFBEREITUNG - BEI SHOPS ANWENDUNGSORIENTIERT < >

SCHROEDER WENDT SUCHE - BEI SHOPS PARAMETERORIENTIERT < >

SCHROEDER WENDT SUCHE - VISUELL < >

SCHROEDER WENDT SUCHE - SPIELERISCH / EXPERIMENTELL < >

SCHROEDER WENDT SUCHE - EXPLORATIV < >

SCHROEDER WENDT verbinden rausfinden interagieren INTERAKTION DURCH ... + direkte Eingaben über die Hardware + indirekte Eingaben < >

SCHROEDER WENDT TASTATUR < >

SCHROEDER WENDT MAUS - IN EINEM 2D- ODER 3D-RAUM < >

SCHROEDER WENDT MAUS - MAUSGESTEN < >

SCHROEDER WENDT MAUS - STEUERUNG DER REALWELT < >

SCHROEDER WENDT EXPERIMENTELL MIT MAUS UND TASTATUR < >

SCHROEDER WENDT MIKROFON - PUSTEN < >

SCHROEDER WENDT MIKROFON - MELODIEERKENNUNG < >

SCHROEDER WENDT KAMERA - STRICHCODE-ERKENNUNG < >

SCHROEDER WENDT KAMERA - BEWEGUNGSERKENNUNG < >

SCHROEDER WENDT KAMERA - DIREKTE OBJEKTSTEUERUNG < >

SCHROEDER WENDT KAMERA - ABSTANDSERKENNUNG < >

SCHROEDER WENDT KAMERA - ANWENDUNGSBEISPIEL < >

SCHROEDER WENDT INTERAKTIONEN OHNE EINGABEN < >

SCHROEDER WENDT LOGIN / COOKIES < >

SCHROEDER WENDT BROWSER- / BETRIEBSSYSTEMABFRAGE < >

SCHROEDER WENDT METADATEN < >

SCHROEDER WENDT IP-ADRESSE UND LOKALISATION < >

SCHROEDER WENDT BANDBREITE < >

SCHROEDER WENDT WIE GESTALTE ICH EIN GUTES INTERFACE? < >

SCHROEDER WENDT Sind ALLE Seiten zueinander konsistent? Wurde genug Freiraum gelassen (und nicht die gesamte Seite mit Inhalten ausgefüllt)? Wurde beim Menü und Inhalt der „Fold“ (je nach Auflösung die Stelle, an der der Browser nach unten endet) beachtet? Wurde die Seite wirklich um alles was möglich war (visuell) reduziert? Sind die Kontrastverhältnisse überall ausreichend? Ist der Abstand überall(!) zwischen zusammengehörigen Elementen kleiner als der zwischen nichtzusammengehörigen? Sind die Mauswege zwischen allen Navigationselementen so gering wie möglich? Wurden überall die allgemeinen Farbcodes beachtet (grün für Bestätigungen, rot für Warnungen etc.? Wurde auf „visuelle Haptik“ geachtet (Buttons nicht als flache Fläche sondern, leichter räumlicher Wirkung? Sind alle Interaktionselemente (insbesondere „Weiter“-Buttons) groß genug? Sind alle Schriften groß genug oder vergrößerbar? Wird nirgends die Größe des Browsers beim Nutzer geändert? Werden PopUps vermieden? Wird bei Multimedia-Inhalten (z.B. Flash) ein alternativer Inhalt angezeigt, falls die PlugIns deaktiviert sind? Sind alle Linkbezeichnung eindeutig und präzise? Wurden alle Links überprüft / Funktionieren alle Links? Sind alle Texte in einer anschaulichen Weise geschrieben? Können alle Aktionen (insbesondere bei der Bestellung) rückgängig gemacht werden? Werden Details nicht sofort, sondern erst auf nach und nach dargestellt? Werden wiederkehrenden Besuchern „Abkürzungen“ angeboten? KLEINE CHECKLISTE < >

SCHROEDER WENDT VIEL WICHTIGER IST ... < >

SCHROEDER WENDT INDIVIDUALITÄT BEACHTEN! + es gibt nicht DEN Nutzer - es gibt nur eine sehr breite Masse an Persönlichkeiten + Jeder navigiert und interagiert auf seiner persönliche Art und Weise + Ziel ist es: ALLEN eine optimale Schnittstelle zu bieten < >

SCHROEDER WENDT 1. FRAGE: WENN SPRECHE ICH WIE AN? + Nutzergruppe genau analysieren: Welche gibt es? Wie sind deren Erwartungen an die Seite und deren Inhalt? Welche anderen Webseiten nutzen diese jeweils und wie sind deren Erfahrungen? + Die Ergebnisse beziehen sich auf alle Elemente: Sitemap, Aufteilung, Navigation, Inhalte, Design, ... < >

SCHROEDER WENDT 2. FRAGE: WIE SIEHT DAS SZENARIO MEINES NUTZERS AUS? + Welche Absichten verfolgen die einzelnen Nutzer, wenn sie die Webseite besuchen? + Finden alle Nutzer innerhalb kürzester Zeit die gesuchte Information bzw. können die gewünschte Aktion ausführen oder eine Kommunikation starten? (Siehe Aufgaben einer Webseite) < >

SCHROEDER WENDT 3. FRAGE: KOMMUNIZIERE ICH MIT DEM BENUTZER? + Wie gut beantwortet die erste Seite die Frage, mit der der Nutzer auf die Webseite gegangen ist? + Führe ich mit dem Besucher einen Dialog oder „drücke“ ich ihm nur die Informationen auf, die ich kommunizieren will? < >

SCHROEDER WENDT „Ästhetik ist Usability!“ 4. FRAGE: MACHT MEINE SEITE SPASS? 5. FRAGE: IST MEINE SEITE ÄSTHETISCH? < >

SCHROEDER WENDT EMOTIONEN! DENN GEFÜHLE BEEINFLUSSEN UNSERE ENTSCHEIDUNGEN < >

SCHROEDER WENDT < >

SCHROEDER WENDT < >

SCHROEDER WENDT < >

SCHROEDER WENDT < >

SCHROEDER WENDT KLARE STRUKTUREN! < >

SCHROEDER WENDT < >

SCHROEDER WENDT < >

SCHROEDER WENDT MAXIMAL EINE ANIMATION PRO SEITE! < >

SCHROEDER WENDT TEXTE „SCANNBAR“ MACHEN! „UMGEKEHRTE PYRAMIDE“ NUTZEN! < >

SCHROEDER WENDT (VISUELLE) REDUKTION! < >

SCHROEDER WENDT WIE BEKOMME ICH RAUS, OB MEINE SEITE FUNKTIONIERT? < >

SCHROEDER WENDT VORAB: CARD SORTING < >

SCHROEDER WENDT GRUPPENDISKUSSION < >

SCHROEDER WENDT WWW.FENG-GUI.COM < >

SCHROEDER WENDT WWW.FENG-GUI.COM < >

SCHROEDER WENDT NUTZERTEST < >

SCHROEDER WENDT INTERVIEWS / (ONLINE) FRAGEBÖGEN < >

SCHROEDER WENDT EXPERTENANALYSE Start | Internet | Software | Beispiele | Projektablauf | Kommunikation < >

SCHROEDER WENDT EXPERTENANALYSE Start | Internet | Software | Beispiele | Projektablauf | Kommunikation < >

SCHROEDER WENDT EXPERTENANALYSE Start | Internet | Software | Beispiele | Projektablauf | Kommunikation < >

SCHROEDER WENDT Gruppe A Gruppe B STATISTIK-ANALYSE MIT UNTERSCHIEDLICHEN TEMPLATES < >

SCHROEDER WENDT STATISTIK-ANALYSE DER SUCHBEGRIFFE < >

SCHROEDER WENDT WAS WIRD DIE ZUKUNFT BRINGEN? < >

SCHROEDER WENDT Bedürfnissen Hardware Software ANALOGE ENTWICKLUNG ZU ... < >

SCHROEDER WENDT Bedürfnissen Hardware Software ANALOGE ENTWICKLUNG ZU ... < >

SCHROEDER WENDT WELTWEIT EINFACHER ZUSAMMENARBEITEN - FÜR JEDENMAN < >

SCHROEDER WENDT SOFTWAREUNABHÄNGIG ÜBERALL ARBEITEN KÖNNEN < >

SCHROEDER WENDT INTERFACE STANDARDS? SOFTWAREUNABHÄNGIG ÜBERALL ARBEITEN KÖNNEN < >

SCHROEDER WENDT JOY OF USE < >

SCHROEDER WENDT EINKAUFSERLEBNIS (MIT ONLINE-KONFIGURATOREN) < >

SCHROEDER WENDT JEDER IST IM NETZ - JEDER KANN SEINE KREATIVITÄT UMSETZEN < >

SCHROEDER WENDT JEDER IST IM NETZ - JEDER KANN SEINE KREATIVITÄT UMSETZEN < >

SCHROEDER WENDT JEDER IST IM NETZ - JEDER KANN SEINE KREATIVITÄT UMSETZEN < >

SCHROEDER WENDT INTERFACE STANDARDS? JEDER IST IM NETZ - JEDER KANN SEINE KREATIVITÄT UMSETZEN < >

SCHROEDER WENDT WIRKLICH JEDER IM NETZ? - MANCHE FALLEN DURCHS RASTER < >

SCHROEDER WENDT Bedürfnissen Hardware Software ANALOGE ENTWICKLUNG ZU ... < >

SCHROEDER WENDT KAMERAS WERDEN STANDARD < >

SCHROEDER WENDT UNENDLICH VIELE MÖGLICHKEITEN - GESICHTSAUTHENTIFIZIERUNG < >

SCHROEDER WENDT UNENDLICH VIELE MÖGLICHKEITEN - OBJEKTERKENNUNG < >

SCHROEDER WENDT GRÖSSERE BANDBREITE - FERNSEHEN VERLAGERT SICH INS WEB < >

SCHROEDER WENDT DAMIT AUCH DIE SYNERGIEN DES ENDGERÄTES NUTZEN < >

SCHROEDER WENDT DIE GROSSE AUFGABE: VON „LEAN FORWAD“ ZU „LEAN BACK“ < >

SCHROEDER WENDT DIE GROSSE AUFGABE: VON „LEAN FORWAD“ ZU „LEAN BACK“ < >

SCHROEDER WENDT ENDGERÄTE-DIVERSIFIKATION - TRENNUNG INHALT UND DESIGN < >

SCHROEDER WENDT Bedürfnissen Hardware Software ANALOGE ENTWICKLUNG ZU ... < >

SCHROEDER WENDT VERBINDUNG VON 3D UND AUGMENTED REALITY < >

SCHROEDER WENDT 3D-WELTEN OHNE INSTALLATION - DIREKT IM BROWSER < >

SCHROEDER WENDT WIE WERDEN WIR IN UND MIT DER 3D-WELT INTERAGIEREN? < >

SCHROEDER WENDT GROSSE CHANCE: JOY OF USE MIT DER „SCHÖNEN NEUEN 3D-WELT“ < >

SCHROEDER WENDT ABER BEI ALL DEM BEDENKEN WIR MAL ... ... das wir vor fast genau 15 Jahren gerade mal ein Bild in Hypertext einfügen konnten .. ... und wir heute für diese unendlichen Möglichkeiten und Oberflächen auch in den nächsten Jahren in erster Linie die beiden Eingabegeräte zur Verfügung haben, die wir auch die letzten 40 Jahre hatten ... < >

SCHROEDER WENDT ABER BEI ALL DEM BEDENKEN WIR MAL ... ... das wir vor fast genau 15 Jahren gerade mal ein Bild in Hypertext einfügen konnten .. ... und wir heute für diese unendlichen Möglichkeiten und Oberflächen auch in den nächsten Jahren in erster Linie die beiden Eingabegeräte zur Verfügung haben, die wir auch die letzten 40 Jahre hatten ... < >

SCHROEDER WENDT VIELEN DANK FÜR IHRE AUFMERKSAMKEIT SCHROEDER + WENDT AUF DER WEBINALE 08 < >

SCHROEDER WENDT MEHR UNTER: www.schroeder-wendt.com/blog < >

Add a comment

Related presentations

Related pages

The Tangible Mind – User-Interface-Design fürs IoT

Das Internet of Things ist auf dem Vormarsch und hält dabei Einzug in (fast) alle Lebensbereiche. Der Grund für den Siegeszug des IoT liegt dabei aber ...
Read more

User Interface: „Das Wichtigste ist Weglassen“ - futurezone.at

... beschäftigt sich seit vielen Jahren mit User Interface Design und spricht im futurezone-Interview über die Zukunft ... Ein Surface fürs leichte ...
Read more

Jobs Usability Praktikant, Stellenangebote Usability ...

Karriere bei Bosch Karriere bei Bosch Technik fürs Leben Praktikant/in: User Interface Design ... Internet, ist ein junges ... User Interface Design (m/w ...
Read more

User Interface Design für Medizinische-Informatik ...

User Interface Design für Medizinische-Informatik Responsive ... Alleinstellungsmerkmale sind aufgrund der Vielzahl an Angeboten im Internet um so ...
Read more

Zoomable User Interface fürs Web - entwickler.de

Zoomable User Interface ist felxibler und intuitiver als das klassische GUI. ... Zoomable User Interface fürs Web. ... Material Design: ...
Read more

UCD+ /// Applikationen und ... - Interface Design

... Unsere User Interfaces für Maschinensteuerungen ... Industrial Internet Lösungen für ... agentur für User Centered Design, ...
Read more

Desktop App User Interface (Windows) - msdn.microsoft.com

This section provides information that enables you to develop graphical user interfaces for your apps. ... UI design ... Desktop App User Interface.
Read more

PAGE eDossier »Winzschriften fürs Internet der Dinge ...

Davon berichtet das PAGE eDossier »Winzschriften fürs Internet der ... User Interfaces stießen auch ... wird im Design kleiner ...
Read more

eDossier: »Winzschriften fürs Internet der Dinge«

... »Winzschriften fürs Internet der Dinge« eDossier: »Winzschriften fürs Internet der Dinge« sofort herunterladbar ...
Read more