Yumin

Wie funktioniert UX Design und was ist es? Wie sehen unsere Prozesse als UX Design Agentur aus? Wir packen unser Wissen zusammen und erklären UX Design für App Design.

*Wissen - knowledge   *erklären - explain

Wie funktioniert UX Design: Recherche

 *Recherche - research

Wie funktioniert UX Design: Zeichnen *draw

Am Anfang jeder UX-Phase steht Recherche. Wer sind die User? Wer ist die Konkurrenz? In der Recherche-Phase im UX Design werden alle Informationen zusammengetragen und niedergeschrieben. Gerade im Teil der Nutzer-Analyse wird überlegt, wer die User sind und was seine Haupt-Interessen an dem Produkt sind. Diese „Personas“ werden bei jedem Schritt der User Experience und User Interface-Phase bedacht und im Hinterkopf behalten. Zum Research gehört auch, was der Markt momentan macht und was die „Best Practices im UX Design“ momentan sind. Entscheidend auch: Welches System benutzen die User? Brauche ich Designer für iOS Apps? Brauche ich Designer für Material Design? Nach einer umfangreichen Recherche-Phase kann das UX erst so richtig starten, denn ohne eine genaue Vorstellung, was der User möchte, kann gar nicht effektiv gestartet werden. Wichtig auch: Um wirklich gute Ergebnisse zu erzielen sind Gespräche mit allen Teilhabern des Unternehmens oder Projektes unabdingbar. Erst wenn man einen 360°-Blick aus allen Facetten des Unternehmens oder Startups hat, lassen sich wirklich gute Ergebnisse erzielen.

*Phase - 階段、時期   *Konkurrenz - 競爭   *zusammengetragen - 收集、匯集   *niederschreiben - 寫下來   *überlegen - 考慮   *Haupt - 頭    *Schritt - 步驟  *bedacht - 考慮   *Hinterkopf - 後腦勺   *behalten - 留下、保持、紀錄   * im Hinterkopf behalten - Keep in mind   *Entscheidend - 決定性的?   *umfangreichen - 廣泛   *Vorstellung - 介紹   *Wichtig - 重要的    *Gespräche - 對話   *Teilhabern - 合作業務夥伴   *Unternehmens - 公司   *unabdingbar - 絕對必要?    *Blick - 目光   *Facetten - 方面   *Ergebnis - 成果   *erzielen - 獲得、達到

Wie funktioniert UX Design: Brainstorming/Zeichnen

Wie funktioniert UX Design: Brainstorming

Mit den wichtigsten Use-Cases im Gepäck kann nun endlich gestaltet werden! Zwar erst auf dem Papier aber das ist ja immerhin schon mal was. Beim Brainstorming werden wild Lösungen für die Probleme der User entworfen, verworfen und neu erdacht. Diese Phase bringt den meisten Spaß, weil sie noch voller Möglichkeiten ist und auf dem weißen Papier denken lässt. Gestaltet werden Screens, Interaktionen, Designs, Ideen und mehr. Was benötigt der User? Braucht er einen Kalender in seiner App? Eine Timeline? Je wilder desto besser! Aber auch hier gilt wieder: Erst aus den gelernten Mustern der User schöpfen und von dort aus revolutionieren! Das beste UX Design soll benutzt und nicht nur bestaunt werden.

*gestaltet - 創造、設計   *Zwar - 雖然   *immerhin - 之後   *Lösungen - 解決方案   *meisten - 解決方案   *benötigt - 需要   *desto - 更加   *Mustern - ?   *schöpfen - 獲取   *bestaunt - 欽佩

Wie funktioniert UX Design: Wireframe

Wie funktioniert UX Design: Wireframes

Sind Screens auf dem Papier entworfen, werden die Ideen auf dem Computer in Wireframes, also sehr simple Designs, verwandelt. Tools wie Balsamiq oder Axure bieten eine hervorragende Umgebung für das Gestalten von Wireframes aber auch eine Design Agentur mit Sketch kann hier einiges erreichen. Ziel ist es, die Ideen und Screens der Phase zuvor umzusetzen und zu einem vollständigen System aus simplen Designs zu verwandeln. All diese Wireframes dienen später als Vorlage für das User Interface Design und stellen alle Funktionen des jeweiligen Screens dar.

*verwandelt - 變成 *bieten - 提供 *hervorragende - 非常好   *Umgebung - 環境   *einiges - 一些東西 *erreichen - 實現   *umzusetzen - 執行   *vollständigen - 完全地   *Vorlage - 模型   *stellen - 代表   *jeweiligen - 各自

Wie funktioniert UX Design: Prototyping

Wie funktioniert UX Design: Prototyping

Menschen sind verschieden und weil wir noch in der User Experience Design Phase sind, in der alles noch mit simplen Designs gehandhabt wird, nutzen wir das doch für ein wenig Prototyping! Mit Tools wie InVision oder Marvel lassen sich aus den Wireframes hervorragende Prototypen bauen, die die Wireframes zum Leben erwecken. Auf diese Weise lässt sich das Tool möglichen Nutzern in die Hand drücken. um erstes Feedback einzusammeln. Wir bei desiign gehen hier noch einen Schritt weiter und erstellen FramerJS Prototypen der Ideen unserer Brainstorm-Phase, um auch Dinge auszuprobieren, die es vorher so noch nicht gab. Auf diese Weise sind Elemente wie die Tinder Cards entstanden und je weiter man sich für Ideen öffnet, desto näher ist man an wirklich herausragendem UX Design.

*verschieden - 不同的   *wenig - 一點點  *hervorragende - 很好的  *bauen - 製作   *erwecken - 激發、喚起   *Nutzern - 用戶   *drücken - 擠壓(put into...)   *einzusammeln - 收集   *erstellen -  創造   *auszuprobieren -  嘗試   *die es vorher so noch nicht gab - 之前並不存在   *Weise - 方法   *entstanden  - 產生、形成   *öffnet -  打開   *näher - 較近的   *herausragendem - 優秀

Und wiederholen!
Wiederholen? Alles noch einmal von vorne? Ja! Denn mit den Ergebnissen dieser Phasen werden sich in 100% der Fälle neue Probleme und Fragen auftun. Über diese muss wieder gebrainstormt werden, neue Wireframes erstellt werden und auch dieser müssen wieder durch Prototypes ausprobiert werden. Auf diese Weise und durch stetige Wiederholung wird aus einer durchschnittlichen App ein wirkliches Meisterwerk.

*wiederholen - 重複   *Alles noch einmal von vorne - 一切重新開始   *Ergebnissen - 結果   *Fälle - 事件、情況(單數：Fall)   *auftun - 打開、發現找到   *erstellt - 創造   *ausprobiert - 試   *stetige - 不斷的 *durchschnittlichen - 平均(普通)   *Meisterwerk - 傑作