L’articolo di oggi è la traduzione integrale dell’articolo originale di Peter Vukovic comparso sul blog 99Designs.

Sei un web designer? Se sì, Projekte, die Sie dann auch Benutzerschnittstellen, eine Spezialisierung, die weiter an Bedeutung im Laufe der Zeit wachsen wird. Während die heutigen Web-Seiten haben einfache Schnittstellen, die in der Regel nicht mehr als eine Menüführung und ein Kontaktformular, die Entwicklung neuer Technologien und Standards in der nahen Zukunft wird mehr und mehr dynamische Inhalte verlangen und erlebt benutzerdefinierte Navigations.

Dies bedeutet zwangsläufig mehr Arbeit an der Benutzerschnittstelle. Mal sehen, was uns daran zu erinnern, in der Design-Phase.

1. Gesetz der Klarheit

L’utente eviterà elementi dell’interfaccia che non abbiano un significato chiaro.

gmail_ui

Usi Google Mail? Ich werde. Prima dell’ultimo aggiornamento Gmail mostrava chiaramente un menù di navigazione in cima alla pagina: Kalender, Antrieb, Karten und andere Google-Dienste nur einen Klick entfernt.

Wir haben dann beschlossen, “vereinfachen” und bewegen sich alle dietro a un’icona astratta. Das Ergebnis? La maggior parte della gente non ha mai notato l’icona e Gmail iniziò a ricevere eine Flut von Anfragen nach Unterstützung.

Oft ignorieren und zu vermeiden, die Dinge, die nicht verstehen können,, è la natura umana. Wir vermeiden Designelemente, die Menschen setzen in Bezug auf Zeit zu verlieren, um zu verstehen, was sie tun müssen,, denn niemand würde über etwas, das ist zu beklagen.

2. Legge dell’azione preferita

L’utente si sentirà più confortato quando capirà quale sia l’azione preferita.

NewTwitter1

Sehen Sie in der obigen Screenshot Twitter. Glauben Sie, dass neue Benutzer in der Lage sind zu verstehen, was sie tun müssen,?

Natürlich sollte sie beginnen twittern. Wie auch immer, die Taste “Verfassen neuer Tweetnell’angolo in alto a destra ist nicht ganz klar (sehen “Gesetz der Klarheit”) und schreiben Sie Ihre Nachricht in das Feld auf der linken Seite bar verschmilzt mit dem Rest der Seite. Aus der Sicht von Design scheint zu wollen, für etwas, das Twitter-Nutzer schauen, oder bieten ihnen einige Inhalte aus dem linken Menü, da diese Elemente vorherrschen.

Benutzer sollten nicht immer fragen, was als nächstes zu tun, l’azione preferita dovrebbe essere ovvia.

3. Gesetz der Kontext

L’utente si aspetta di vedere i controlli dell’interfaccia somiglianti agli oggetti di tutti i giorni.

linkedin

Wie sehen Sie Ihre Namen auf Facebook ändern? Si va su “Einstellungennell’angolo in alto a destra, Klicken “Account-Einstellungen“, finden Sie den Namen und klicken Sie auf “Bearbeiten“. Wie sehen Sie die gleiche Sache auf LinkedIn tun? Sie wählen der Stift neben dem Namen.

Gli utenti si aspetteranno sempre elementi di interfaccia nel contesto dell’oggetto che vogliono controllare. Dies entspricht der Realität: wenn Sie Popcorn machen, vai al microonde e giri l’interruttore.

Es wäre nicht sehr praktisch sein, wenn der Mikrowelle würde Anweisungen, um die Treppe hinabsteigen bieten, öffnen Sie den Keller, trovare l’interruttore generale e accendere quello etichettato come G-35 per avviare il programma di popcorn (die ähnlich der Namensänderung Facebook ist) .

Halten Sie die Dinge praktisch für Benutzer – wenn etwas geändert werden, geändert oder auf andere Weise gesteuert, fügen Sie einen Weg als nächstes zu tun.

4. Gesetz vorgegebenen

L’utente raramente cambierà le impostazioni “Fabrik”.

Klingt vertraut Ring der oben? Natürlich können Sie – Zeit die beliebteste Klingelton in der Welt. Warum? Es war die Standard-Klingelton, e la maggior parte delle persone non l’ha mai cambiata.

Die Standardwerte sind wichtig:

  • Die meisten Menschen haben eine Standard-Wallpaper und Klingeltöne auf ihre Handys.
  • Die Mehrheit der Menschen (viele von Ihnen darunter) nicht auf die Werkseinstellungen ändern, den Fernseher.
  • Die meisten Menschen werden niemals die Temperatur des Kühlschranks Standardeinstellung ändern.

Wir haben keine Kenntnis von den Standardeinstellungen, aber beherrschen unsere Welt. Dann stellen Sie sicher, dass alle Standardwerte sind so nützlich und praktisch wie möglich – es ist wahrscheinlich, dass einige Leute sie sich nie ändern.

5. Legge dell’azione guidata

È facile che l’utente faccia qualcosa se gli viene chiesto.

linkedin2

C’è una grande differenza tra aspettarsi che gli utenti facciano qualcosa per conto proprio, und Insbesondere bitten sie, dies zu tun.

Beispielsweise, Bei LinkedIn Funktionalität eingeführt, um die Fähigkeiten zu bestätigen, aber nicht erwarten, dass die Nutzer würden sofort verstehen, wie es zu benutzen. Stattdessen, haben sichtbare Teile erstellt “Call-to-Action-” apparse all’interno del profilo.

Die Lektion: wenn Sie Ihre Benutzer etwas tun wollen, Sie haben ohne zu zögern zu fragen.

6. Hinzufügen ein Feedback

L’utente si sentirà a proprio agio se avrà dei feedback chiari e costanti.

gmail_archiviata

Das ist nur logisch – più gli utenti sentono che l’interfaccia sta comunicando un’azione, werden sich sicherer fühlen.

Google Mail ist ein großartiges Beispiel für gutes Feedback. Benachrichtigungen klar, für jede Aktion, compresi i link “Erfahren Sie mehr” und “Stornieren“. Questo fa sentire gli utenti il pieno controllo e li rende sicuri nell’utilizzo del il prodotto.

7. Gesetz der Einfachheit

L’utente sarà più invogliato a eseguire un’azione complessa, wenn dies in einfachere Aktionen fragmentiert.

Form

Wir vergleichen die Form auf der linken Seite mit der rechten. Beide haben ähnliche Arten von Feldern, aber die auf der rechten Seite ist leichter zu verwalten per l’utente.

Alle oder fast hassen, füllen Sie langwierige und komplizierte Form, denn sie sind langweilig und oft ist es schwierig, wieder alles doppelt überprüfen. Aber wenn die Form ist in mehrere Schritte im Lichte der Fortschrittsbalken geteilt, Zusammenstellung wird leichter.

Das ist das Gesetz der Vereinfachung: Menschen es vorziehen, vervollständigen 10 kleinere Ziele eher als ein großes Einzelziel. Ich weiß nicht einschüchtern kleine Ziele und geben Ihnen ein Gefühl der Erfüllung, jedesmal wenn sie abgeschlossen sind.

Gesetze oder Richtlinien?

C’è una ragione per cui ho deciso di usare la parola “Gesetz” in diesem Artikel: Ich habe noch nie einen Fall, wo dieses Gesetz nicht folgen gesehen hat, einen günstigeren Ergebnis geführt.

C’è una punizione per aver infranto queste leggi, und ist in Form von mürrisch Benutzer, die Wörter in Ihrem Benutzerschnittstelle zur Verfügung zu vergießen.

Scherz beiseite, il design dell’interfaccia utente è un compito delicato e di responsabilità. Diese Gesetze helfen, besser zu machen, und wenn Sie zu entscheiden, “infrangerle” Sie sollten sicherstellen, dass Sie einen guten Grund haben.


TheJoe

Ich halte diesen Blog als ein Hobby von 2009. Ich bin begeistert von Grafik, Technologie, Open Source Software. Unter meinen Artikel wird nicht schwierig sein, über die Musik finden, und einige persönliche Reflexionen, aber ich bevorzuge die direkte Linie des Blogs vor allem auf Technologie. Weitere Informationen Kontaktieren Sie mich.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Seite nutzt Akismet Spam zu reduzieren. Erfahren Sie, wie Sie Ihren Kommentar Daten verarbeitet.