💘 👇 🧓🏼 Food Design Digest, Februar 2020 👨🏾‍🤝‍👨🏽 🏂🏽 🥨

Der Digest sammelt seit 2009 neue Artikel zum Thema Interface-Design sowie Tools, Muster, Fälle, Trends und historische Geschichten. Ich filtere sorgfältig einen großen Strom von Abonnements, damit Sie Ihre beruflichen Fähigkeiten verbessern und Arbeitsaufgaben besser lösen können. Frühere Ausgaben: April 2010 - Januar 2020 .

Food Design Digest, Februar 2020

Muster und Best Practices

So gestalten Sie mobile Apps für die Verwendung aus einer Hand

Maitrik Kataria hat eine gute Sammlung von Front-End-Mustern für die Verwendung mobiler Anwendungen mit einer Hand zusammengestellt. Er nahm Screencasts mit guten Beispielen auf und machte viele davon.

Drag & Drop - Entwerfen für Benutzerfreundlichkeit <

Wunderschöne Erinnerung an das Entwerfen und Entwerfen der Drag & Drop-Oberfläche von Page Laubheimer von der Nielsen / Norman Group. Wie man es im Web und auf dem Handy gut macht.

Livin 'on the Edge - wie man zu Beginn des Prozesses für Edge Cases entwirft

Tridip Thrizu bietet seinen Ansatz zur Ermittlung von Schnittstellenzuständen. Es unterteilt die Anzeigemethoden in permanent und temporär, Schlüssel und Hilfs.

10 böse Arten von dunklen UX-Mustern

Danny Sapio von Skookum hat 10 häufig verwendete dunkle Muster zusammengestellt.

Ausführen von UX-Animationen: Dauer und Bewegungsmerkmale

Seite Laubheimer von der Nielsen / Norman Group gibt Tipps zur Optimierung von Animationen in Interfaces.

So filmen und fotografieren Sie für Benutzerfreundlichkeit - UX-Details für Videos und Bilder

Aurora Harley von der Nielsen / Norman Group gibt Tipps, wie Lehrvideos und Fotos für Benutzer verständlicher gemacht werden können.

Torrey Podmajersky - Strategisches Schreiben für UX

O'Reilly hat Torrey Podmajerskys Buch Strategic Writing for UX über Front-End-Texte veröffentlicht. Bewertung von UXmatters.

Übrigens haben UXmatters und A List Apart Auszüge aus einem anderen Buch zum Thema veröffentlicht: Michael J. Metts und Andy Welfle, „Writing Is Designing“.

Entwurfssysteme und Richtlinien

Content Design unter der Oberfläche

Atlassians Linette Voller bietet ein cooles Modell für die systematische Beschreibung von Texten in einer Benutzeroberfläche. Sie verwendet die Idee der Ebenen Jesse James Garrett und legt alle Werkzeuge für die Textkommunikation darauf.

Dunkles Thema

Dunkler Modus vs. Lichtmodus - Was ist besser?

Raluca Budiu von der Nielsen / Norman Group hat Berechnungen aus Studien zur Wahrnehmung eines dunklen und hellen Themas zusammengestellt. In den meisten Fällen erleichtert ein leichtes Thema das Lesen.

SVG-Favicon mit hellem und dunklem Thema unter Verwendung der Medienfunktion CSS Prefer-Color-Schema

Catalin Red zeigt, wie Sie das Favicon einer Site für ein dunkles Thema ändern.

Entwerfen Sie die Systemunteraufgaben schrittweise

Die intelligenteste Checkliste für die Bearbeitung von Komponenten (und anderen Teilen) des Designsystems von Nathan Curtis. In welchen Phasen geht es von einem Vorschlag zu einem Rollout mit einer detaillierten Liste spezifischer Schritte?

Die Benutzeroberfläche des Design-Systems ist teurer als die Benutzeroberfläche eines Produktteams

Im nächsten Artikel zeigt Nathan Curtis den Unterschied in den Arbeitskosten für die Erstellung einer Komponente von Grund auf und innerhalb eines Konstruktionssystems. Es ist zunächst nicht zugunsten des Entwurfssystems, wird aber später kompensiert.

Wie Design-Systeme Storybook verwenden

Dominic Nguyen hat Beispiele zusammengestellt, wie große Designsysteme das Storybook verwenden.

Design Systems, Agile und Industrialisierung

Diskussion von Brad Frost, Dave Rupert und Jeremy Keith darüber, ob Design-Systeme Kreativität töten und ob sie neuer Taylorismus sind. Wie überall ist Gleichgewicht erforderlich und Exzesse führen zur Ablehnung.

Navigation für Designsysteme und Style Guides

Eine Übersicht der Live-Navigationsrichtlinien von Danielle Romo.

Microsoft Fluent Design

Ein neuer Ansatz für Anwendungssymbole wurde überhaupt eingeführt .

Material Design

Aktualisierte Animationsrichtlinien . In vielen Beispielen erschien ein visuelles Tool mit Spezifikationen ( GitHub-Code ).

Benutzerverständnis

Informationsduft - Wie Benutzer entscheiden, wohin sie als nächstes gehen möchten

Raluca Budiu von der Nielsen / Norman Group beschreibt eine Theorie des „Gespürs für Informationen“, mit deren Hilfe Benutzer den potenziellen Nutzen von Informationen auf Websites einschätzen können.

Behavioral Design 2020 und darüber hinaus

Eine Reihe von Interviews mit Experten zur Gestaltung des Nutzerverhaltens über den aktuellen Stand der Disziplin und ihre Perspektiven.

Neue Tools für das Interface-Design

Skizze 63

Schnittstellenerweiterungen ohne expliziten Fokus. Und die Entwicklung der Cloud .

Zeplin 3.0

Es gab eine API und die Möglichkeit, einen Link zu einer Komponente im Code zu erstellen.

Abstrakt

Wir haben das ukrainische Flawless-Team gekauft .

Figma Config 2020

Die erste offizielle Konferenz. Es wurde ein verbessertes automatisches Layout (Sie können das Verhalten einzelner Elemente festlegen), eine verbesserte Auswahl von Farben und Schriftarten, Links zu Objekten und Seiten innerhalb eines Dokuments (oder allgemein extern) sowie die Unterstützung neuer Steuerungsmethoden in Prototypen (Tastaturen, Spiel-Joysticks, Geräte für Benutzer) angekündigt behindert). Wenn Sie nur den Prototyp freigeben, wird das Layout selbst übrigens nicht mehr weitergegeben. Video von Aufführungen .

Plugins

Dan Hollick beschrieb detaillierte Anweisungen zum Erstellen von Plugins am Beispiel der Farbkontrastanalyse.
Labyrinth : Der Usability-Test-Service ist auch für Figma verfügbar.
Typ Heute : Sie können die Schriftbibliothek der heimischen Gießerei ausprobieren.
Memo Yuan Qing Lim über die kompetente Plug-In-Schnittstelle . Wie man es nützlich und bequem macht.
Ditto : Erleichtert die Zusammenarbeit bei Texten in der Benutzeroberfläche.
JSON nach Figma : Laden von Daten aus JSON.

Artikel

Interview mit dem Mitbegründer von Dylan Field , das er bei seiner Ankunft in Russland im Herbst 2019 gab.
AMA mit Noah Levin , Leiter Design bei Figma.

Flussfelder

Mit dem Tool können Sie animierte Stromlinien erstellen. Ähnliche Experimente von Tyler Hobbs .

Tinkersynth

Ein einfaches Werkzeug für generative abstrakte Bilder im Synthesizer-Modell.

Öffnen Sie Peeps - Handgezeichnete Illustrationsbibliothek

Eine weitere kostenlose Illustrationsbibliothek mit Charakterdesigner des Branchenfavoriten Pablo Stanley.

Iconset

Mit dem Tool können Sie eine Reihe von Symbolen speichern und an beliebte Design-Tools verteilen. Es gibt eine Version für Windows.

Anicons

Symbolschrift mit Animation und Unterstützung für verschiedene Farben.

Benutzerforschung und -tests

Service Monitoring Digest für Online-Tests

Usethik Olga Kryukova verglich die Dienste für Remote-Usability-Tests mit der Bewertung der Funktionalität. Es ist nützlich, dass der Zugriff auf die inländische Datenbank der Befragten vermerkt wurde.

So maximieren Sie Einblicke in Benutzertests - Schrittweise Benutzeraufgaben

Kara Pernice von der Nielsen / Norman Group beschreibt einen Ansatz zur Aufteilung eines Usability-Testszenarios in Komponenten, die unterschiedliche suggestive Informationen liefern. Auf diese Weise können Sie nicht nur die Bequemlichkeit der Arbeit mit Funktionen überprüfen, sondern auch deren Erkennbarkeit.

Entmystifizierung der Kunst, Feedback zur Benutzerforschung zu geben

Dalia El-Shimy von Shopify hat eine hervorragende Erinnerung an die Benutzerforschung mit einer detaillierten Checkliste für jeden Schritt erstellt. Dies ist besonders nützlich für moderne Produktteams, in denen sie zunehmend von Designern und Produktmanagern durchgeführt werden.

Drei Ziele für Usability-Tests

Jim Lewis und Jeff Sauro erinnern uns an die drei Hauptziele von Usability-Tests: Erkennen von Problemen, Vergleichen mit einer bestimmten Metrik oder einer anderen Schnittstelle. Das Wesen eines jeden ist gut beschrieben.

10 Wissenswertes zum Microsoft Desirability Toolkit

Jim Lewis und Jeff Sauro diskutieren die Funktionen des Microsoft Desirability Toolkit.

Kulturelle Auswirkungen auf Bewertungsskalen

Jeff Sauro untersuchte den Einfluss verschiedener Kulturen auf die Verteilung der Antworten in Umfragen wie NPS. Seine Hypothese: Dies kann die Tendenz der Antworten zu ausgeprägteren oder neutraleren beeinflussen.

Laden Sie Ihre agile UX-Forschung mit informellen kognitiven exemplarischen Vorgehensweisen auf

Valentina Strachan von Microsoft spricht über eine agile kognitive Schritt-für-Schritt-Analyse einer Schnittstelle. Auf diese Weise können Sie einige Probleme in der Benutzeroberfläche fachmännisch erkennen.

Die ultimative Notion-Vorlage für effiziente Usability-Tests

Inês Duvergé hat in Notion ein Memo zum Usability-Test veröffentlicht. Die Vorlage selbst .

Zehn Dinge, die ich als UX-Forscher bei Uber gelernt habe

Der UX-Forscher Minal Jain von Uber erzählt verschiedene Lebensgeschichten aus Unternehmenserfahrung und Benutzerverständnis.

Design ist geeignet oder nicht - wie man nur das Aussehen des Produkts und nicht die Kundenerfahrung im Allgemeinen überprüft

Elena Borodina spricht über das Testen von visuellem Design bei der Gazprombank. In einem 5-Sekunden-Test wurden wichtige Reaktionen erfasst - wie sehr sie den ursprünglichen Erwartungen des Teams entsprachen.

Überprüfen, ob Aufträge erledigt werden sollen, ohne mit Kunden zu sprechen

Sergey Borisyuk von PandaDoc spricht darüber, wie er die Kundenbedürfnisse für die Erstellung eines Markenversprechens anhand der Schlüsselwörter in Produktbewertungen ermittelt hat.

5 Dinge, die UX-Forscher anders machen können - Eine Reflexion nach Ubers Entlassungen

Elsa Ho analysiert die Entlassung der Hälfte der Nutzerforscher bei Uber im Zusammenhang mit der Umstrukturierung im vergangenen Jahr. Welche Schlussfolgerungen für den Prozess und das Format der Arbeit können daraus gezogen werden (und ob es notwendig ist, wenn dies ein Merkmal eines bestimmten Unternehmens sein kann).

Visuelle Programmierung und Gestaltung im Browser

Neue Skripte

Sarah Fossheim hat die CSS Polaroid- Kameraillustration neu erstellt .
Die Wirkung von Partikeln, die auf dem Foto um das Objekt fliegen .
Aufteilung des Fotos in eine spektakuläre Collage .
Reiner CSS-Hintergrundmustergenerator .
Es scheint, dass der beschämendste Trend der letzten Jahre jetzt definitiv überall sein wird. Schattengenerator für nicht morphische Elemente im Web .
Animation mit der Bewegung von Text entlang des Pfades .

Verfügbarkeit

Adam Silver zeigt, wie ein Eingabefeld mit Eingabeaufforderungen und automatischer Vervollständigung erstellt wird, wobei die Barrierefreiheitsanforderungen für Benutzer mit Behinderungen berücksichtigt werden.

Metriken und ROI

8 Manipulationen des Net Promoter Score - Welche sind wichtig?

Jeff Sauro und Jim Lewis haben alle ihre Mini-Forschungen zu den Merkmalen der Verwendung von NPS zusammengestellt.

Design Management und DesignOps

Vektoriell - Lernen und Entwickeln für Produktteams

Mit diesem Service können Sie Kompetenzkarten für ein Designteam verwalten. Bewertung, Zielsetzung, Verfolgung realer Aufgaben.

Berechnung des ROI für Designprojekte in 4 Schritten

Eine großartige Erinnerung für Kate Moran von der Nielsen / Norman Group zur Berechnung des ROI-Designs. So wählen Sie geeignete Metriken aus und wandeln sie in Geld um.

Defragmentieren Sie Ihren Kalender, um Ihre Gedanken zu fokussieren

Tipps zum Organisieren eines Kalenderdesign-Managers von Mia Blume. So organisieren Sie einen endlosen Strom von Besprechungen.

Wie wir Produktdesigner einstellen

Monzos Zander Brade beschreibt den Prozess der Einstellung von Designern für ein Unternehmen. Schritt-für-Schritt-Anleitung.

Monatliches Leveling für den Sieg

Leslie Yang von Open Table gibt Tipps, wie Sie regelmäßig an einer Kompetenzkarte arbeiten können. Wie und welche Art von Treffen sind durchzuführen, um voranzukommen?

Das Handwerk führender Remote-Teams

Alaine Mackenzie von Shopify gibt Tipps zum Management von Remote-Designteams. Sie merkt an, dass Komplexität vom Grad der Verteilung abhängt und seltsamerweise der einfachste Weg mit vollständig zerstreuten Menschen ist - dann gibt es keine lokale Gruppe, die unweigerlich zum Kern aller Aktivitäten wird.

Kuratieren, einberufen, verstärken

Scott Strubberg spricht über die interne Design-Wissensbasis von IBM. Es gibt nur wenige Details und der Zugriff ist geschlossen, aber ein interessantes Beispiel für die Kategorisierung von Referenzinformationen.

Zusammenarbeit

UX Workshops vs. Meetings - Was ist der Unterschied?

Kate Kaplan von der Nielsen / Norman Group machte ein Memo über die Meetings und Arbeitssitzungen, die das Designteam durchführen kann. Es zeigt auch den Unterschied zwischen Formaten und Empfehlungen für die Verwendung in typischen Situationen.

Produktmanagement und Analytik

Wachstum durch die Schaffung neuer Produkte für das aktuelle Publikum des Unternehmens

Oleg Yakubenkov analysiert Situationen, in denen ein großes Unternehmen wachsen kann, indem es neue Produkte für sein aktuelles Publikum entwickelt.

Fälle

Wie Waymo Design nutzt, um Vertrauen in selbstfahrende Autos zu schaffen

Casper Kessels analysiert die autonome Fahrzeugschnittstelle von Waymo, die ein Passagier auf Reisen sieht. Übersetzung .

Schritt für Schritt Anleitung zum Neugestalten

Taras Bakushevich von Windmill Solutions beschreibt seinen Ansatz zur Neugestaltung der Benutzeroberfläche.

Wie wir die Yandex.Zen-Oberfläche im Desktop aktualisiert haben: Designprozess

Ulyana Salo spricht über die Aktualisierung der Yandex.Zen-Oberfläche. So optimieren Sie die Navigation und den Informationsfluss.

Unsichtbare Veränderungen

Sarah Klearman von Medium spricht über die Überarbeitung des Seitendesigns eines Artikels und die Verfeinerung des Designsystems dafür.

Eine Bibliothek, die Sie selbst anrufen können

Raymonst spricht über die Neugestaltung der Speicherfunktion für Favoriten in Medium.

Digital Product Branding

Skyeng

Skyeng Rebranding von Shuki. Aktualisieren Sie, fügen Sie Charakter hinzu und unterstützen Sie die wachsende Markenarchitektur. Die Anwendung auf die Schnittstelle selbst wird jedoch nicht angezeigt. Fall im Portfolio .

Mixcloud

Umbenennung des Musikdienstes Mixcloud von British Output. Guter Empfang mit dem Eindringen einer proprietären Schallwelle in Logo, Schriftart, Animation und anderen Details. Fall im Portfolio .

Eventbrite

Rebranding von Eventbrite-Veranstaltungskalender von Moving Brands. Es gibt Beispiele für Touchdowns im Web, obwohl es nicht viel Charakter gibt. Fall im Portfolio .

Tripadvisor

Rebranding TripAdvisor Reiseführer von New York Mother Design. Ein gutes Beispiel für einfache Vereinfachung und Erfrischung ohne Anstrengung. Fall im Portfolio .

Geschichte

Über Design Thinking

Eine gute Analyse der Entstehungsgeschichte des Design Thinking und allgemein systematischer Designansätze von Maggie Gram. Und natürlich Probleme mit ihrer Vermarktung, wenn ein solches Etikett fehl am Platz angebracht wird.

Das Xbox-Dashboard, ein visueller Verlauf

Cameron Faulkner hat die Entwicklung der Benutzeroberfläche für alle Versionen der Xbox auseinander genommen.

Trends

Kreative Trends 2020 - Datengesteuerte Designtrends

Trends in der Fotografie von Shutterstock.

Algorithmisches Design

Lingua Franca - Eine Designsprache für menschenzentrierte KI

Algorithmische Entwurfssprache aus Standardnotation. Prinzipien, Muster, Prozesse.

Free Logo Maker - Erstellen Sie Ihr Logo in 5 Minuten

Logo Generator von Fiverr. Es ist lustig, denn genau diese Art von kostengünstigen Freiberuflern sollte unter algorithmischem Design leiden.

Was bedeutet eigentlich ein faltbares Web?

Frederick O'Brien analysiert Layoutfunktionen für Geräte mit flexiblen Bildschirmen. Unterscheiden sie sich von der üblichen Unterstützung für Anpassungsfähigkeit und welche Standards und Entwicklungen bereits existieren?

Für die allgemeine und berufliche Entwicklung

Trine Falbe, Martin Michael Frederiksen und Kim Andersen - Das Handbuch für ethisches Design

Smashing Magazine hat ein neues Buch veröffentlicht. Es konzentriert sich auf die moderne Ethik bei der Entwicklung digitaler Produkte, die dunkle Muster vermeiden. Übersicht .

Sechs Übungen zur Überwindung von Fähigkeitsplateaus als Designer

Richard Yang gibt Tipps zur Verbesserung der Fähigkeiten von Produktdesignern. Übungen, Kurse, Bücher und der Entwicklungsansatz selbst.

Die wichtigste übersehene Designfähigkeit

Chris Lee rät Designern, zu lernen, wie sie ihre Arbeit und Rolle im Produkt analysieren können. Dies wird dazu beitragen, besser zu werden und Interviews effektiver zu gestalten.

Menschen und Unternehmen in der Branche

Einstellung zu Produktdesign-Teams: 2019

Im Herbst startete er eine Studie zur Einstellung gegenüber Produktdesign-Teams in Russland. Schließlich sammelte die Ergebnisse. 1260 Personen nahmen teil - doppelt so viel wie 2018 , obwohl es für qualitative Ergebnisse noch besser ist, dies zu berücksichtigen (ich werde es 2020 berücksichtigen).

In Russland gibt es genug starke Lebensmittelunternehmen und Teams mit starken Designern und starken internationalen Produkten. Viele von ihnen helfen der Design-Community bei Konferenzen, Meetings, Wettbewerben und anderen nützlichen Dingen.

Ein solches Rating wird für den Markt nützlich sein. Designer sollten besser verstehen, wo es gute Herausforderungen und ein angenehmes Umfeld für berufliches Wachstum gibt. Unternehmen und Designteams - sehen Sie, was heruntergeladen werden muss. Dies ist ein nützliches Instrument zur Bewertung von Investitionen in eine HR-Marke.

Bonus gesammeltEine Liste prominenter Produktdesign-Teams mit Links zu ihren Websites, Blogs und Designsystemen. Wie Sie sehen können, wiederholt dies die Bewertung fast vollständig :) Bisher wird die Beta-Version, aber ich werde sie aktiv weiterentwickeln, eine gute Ergänzung zum Design Systems Club sein .

Gleichzeitig überarbeitete er die Website des kommenden Buches über Designmanagement . Bisher wahrscheinlich auf eine neue Plattform mit einer Grundlage für die Zukunft umziehen.

PS Besonderer Dank geht an die Design-Communities, die beim Sammeln der Antworten geholfen haben. Zuallererst - Odi und SUCHE NACH DESIGNER .

Design bei Sberbank

Die Seite des Designteams der Sberbank.

Larry Tesler, der UI-Pionier, der für das Ausschneiden, Kopieren und Einfügen verantwortlich ist, stirbt im Alter von 74 Jahren

Larry Tesler, einer der Schlüsselpersonen in der Geschichte der modernen Schnittstellen, starb :(
Er arbeitete im legendären Xerox PARC-Labor und dann in den ersten goldenen Jahren von Apple. Er schlug das Konzept des Kopierens und Einfügens vor, während er an einem experimentellen Texteditor arbeitete , und befürwortete die Ablehnung der Modalität von Schnittstellen. Ihm wird die Urheberschaft der Schlüsselbegriffe "benutzerfreundlich" und "was Sie sehen, ist was Sie bekommen" zugeschrieben. Er war einer von denen, die Steve Jobs die Errungenschaften von Xerox PARC zeigten (und sie weiter aus Apple heraus in den Macintosh einführten). Es scheint aus dieser Zeit Legenden blieben nur Alan Kay.

Tagungsband

Design Leadership Summit 2019

Der Design Management Summit 2019 Design Management Conference fand vom 4. bis 5. November in Toronto statt. Sprachaufnahmen veröffentlicht.

Facebook, , ― . , , , , , , , , , . .

Food Design Digest, Februar 2020