Der Digest sammelt seit 2009 neue Artikel zum Thema Interface-Design sowie Tools, Muster, Fälle 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 - Juli 2018 .
Muster und Best Practices
Nathan Gitter war beeindruckt von der Präsentation von „Designing Fluid Interfaces“ auf der WWDC 2018 und erstellte eine Reihe experimenteller Schnittstellenlösungen, die ähnliche Animationen während der Gestensteuerung zeigen.
Therese Fessenden von der Nielsen / Norman Group spricht über die Theorie der Sichtbarkeit und die Interpretation von Schnittstellenelementen. Ihre Kombination beeinflusst die Wahrnehmung des gesamten Produkts.
Saadia Minhas analysiert detailliert Situationen, in denen Sie das Kontrollkästchen und den Kippschalter verwenden müssen - sie lösen ähnliche Probleme, sind jedoch nicht austauschbar.
Eine weitere Bibliothek mit Mustern mobiler Anwendungen.
Das schicke Konzept der Entwicklung von Benachrichtigungen und Multitasking in iOS von Kévin Eugène. Die Benachrichtigung kann mit der jetzt geöffneten Anwendung interagieren, was viele interessante Funktionen bietet.
Stéphanie Walter Mobile Design Memo. Seit der Zeit des klassischen Buches Luke Wroblewski hat sich wenig geändert, aber die neue Ausgabe reicht eindeutig nicht aus, sodass der Artikel nützlich ist. Teil 2 befasst sich mit der
Verarbeitung von Eingabefeldern auf Mobilgeräten .
Eine intelligente visuelle Anleitung zur Visualisierung von Daten.
Amazon verwendet ein ziemlich hartes dunkles Muster - im Gegensatz zu dem relativ vernünftigen Standardansatz „Wir werfen eine positive Bewertung in den Anwendungsspeicher, ein negatives Feedback“ lassen sie einfach keine schlechten Bewertungen zu (sie sagen, es sei zu lang).
Kim Flaherty von der Nielsen / Norman Group hat mehrere Bereiche identifiziert, in denen Amazon schlecht arbeitet, und bietet anderen Online-Shops die Möglichkeit, sich abzuheben.
Baymard Institute Research
Edward Scott schreibt über die
Wichtigkeit einer expliziten Möglichkeit, einen Artikel an einen Offline-Shop zurückzugeben.Entwurfssysteme und Richtlinien
SteelKiwi Inc. Team vergleicht die Implementierung typischer Schnittstellenaufgaben in Android und iOS. Ein geeignetes Memo für diejenigen, die gerade erst anfangen, die Besonderheiten mobiler Plattformen zu lernen.
Kyle Peatt erzählt die Geschichte des Shopify Polaris-Designsystems. Eine sehr geeignete Analyse der Merkmale und Probleme der Implementierung und Popularisierung der Plattform. Beispielsweise sehen viele Unternehmen das Designsystem als eine Möglichkeit, das grundlegende Niveau des Produktdesigns zu erhöhen, aber Standardlösungen können Designer einschränken. Deshalb stellen sie ständig „Concept Cars“ her - Experimente mit Schnittstellenmustern im Geiste eines einzigen Designs, die Polaris voranbringen.
Matt Bond zog kürzlich nach Asana, war aber an der Spitze des Atlassian-Designsystems. Er spricht über die wichtigsten Erkenntnisse, die er bei der Arbeit für sich selbst gewonnen hat.
Die Registrierung für die Clarity Specialized Conference in New York (10.-12. Dezember) wurde eröffnet. Das erste war Feuer, das zweite vollständig in Milch (
war da und brach ab ). Es gibt noch kein neues Programm, aber Sie müssen darauf achten, nicht auf die Präsentation hereinzufallen, die wieder wenig mit dem Thema zu tun hat.
Android P ist aus der Beta-Phase und auf einigen Geräten bereits verfügbar.
EK Chung, der Android Design Manager, spricht über die in der neuen Version festgelegten Prinzipien .
iOS 12
Durchsuchen Sie Videoaufnahmen von Designauftritten mit Apple WWDC 2018 .
Benutzerverständnis
Daniel Stefanovic sammelt die Prinzipien der Psychologie für Designer in visueller Form unter Bezugnahme auf die Theorie. Es gibt zwar nicht sehr viele, aber die Liste sollte aufgefüllt werden.
Informationsarchitektur, Konzeption, Inhaltsstrategie
Noch trauriger sind neue Forschungen zu den Gefahren von blauem Licht in modernen Schnittstellen - sie sagen, dass sie zu einem irreversiblen Zeitverlust führen.
New Riders veröffentlichte im Dezember 2017 Carrie Hanes Buch „Designing Connected Content: Planen und Modellieren digitaler Produkte für heute und morgen (Voices That Matter)“. Es widmet sich der Arbeit am Inhalt komplexer Websites und Informationsprodukte, die Benutzeroberfläche und der Inhalt sind eng miteinander verbunden und es ist oft nicht klar, was genau zuerst entworfen werden muss und was dann.
Webinar des Autors .
Design und Design von Schnittstellenbildschirmen
Framer x
Sprechen Sie nach und nach über die wichtigsten Funktionen von Framer X:
Layouts und
Zeichnungen . Die Arbeit mit Layouts ist äußerst interessant und verspricht, das Leben von Designern erheblich zu vereinfachen. Antoine Plu teilt seine
Eindrücke von der Beta-Version von Framer X (er hat einen Screencast der Arbeit aufgenommen).
Beta-Versionen kommen bereits nach und nach bei allen Wartenden an. Außerdem gibt es eine
offizielle Beschreibung der Funktionsweise der Komponenten . Die Möglichkeit, Komponenten in React zu importieren, wird erwähnt.
Figma
Erweiterte Möglichkeiten zur Interaktion mit dem Prototyp hinzugefügt.
Ein kleiner Kurs von Designlab .
Adobe xd
August-Update : Verbesserte Arbeit mit der Ausgabe von Spezifikationen an Entwickler.
Juli-Update : Integration mit Tools von Drittanbietern.
Das Tool hilft beim Sammeln und Testen interaktiver Prototypen von Schnittstellen. Import aus Sketch und ziemlich umfangreiche Analysen für die Skriptausführung.
Koos Looijesteijn verglich Sketch, Figma, Adobe XD, UXPin und InVision Studio in vielerlei Hinsicht.
Eine Packung schicker Vorlagen für Skizzen von Augmented- und Virtual-Reality-Schnittstellen von Vladimir Kurbatov.
Benutzerforschung und -tests, Analytik
Service für die Arbeit mit Erkenntnissen. Es hilft dabei, Benutzerforschungsdaten zu aggregieren, um nützliche Ideen für die Produktentwicklung zu finden. Er war mehrere Jahre in der Beta und jetzt wird die
erste Version vorbereitet .
Mail.Ru-Kreativdirektor Dmitry Osadchuk und Leiter des UX-Labors Ksenia Sternina berichteten dem Team über eine Reihe von UX-Tests für Beepcar-Videos. Dies half zu verstehen, wie gut sie für verschiedene Gruppen des Publikums arbeiten werden, und eine Checkliste für die Zukunft zu erstellen.
Jeff Sauro listet die Arten von Bewertungsskalen für Benutzerumfragen auf. Tolle Referenz.
Victor Kuptsov von Usethics teilt seine Erfahrungen beim Testen von Schnittstellen mit Kindern und Jugendlichen, die von ihren Eltern begleitet werden. Diese Paare haben eine interessante Dynamik, je nachdem, ob Mutter / Vater und Tochter / Sohn gekommen sind.
Visuelle Programmierung und Gestaltung im Browser
Neue Skripte
Facundo Corradini zeigt eine
Möglichkeit, die Farbe von Text in einem Steuerelement abhängig vom Hintergrund mithilfe von CSS festzulegen . Dies vereinfacht die Beschreibung von Komponenten in Entwurfssystemen.
Das Skript zeigt ein Beispiel für das Verwandeln von Formen in SVG .
Das Skript erstellt eine Animation im Geiste von Leuchtreklamen mit dem Effekt des Blinkens .
Arbeite mit Farbe
Ein Farbvariationsgenerator für eine bestimmte Farbe ist ein großartiges Werkzeug für die Arbeit an Richtlinien.
Web-Typografie
Mathieu Triay hat eine
weitere Überprüfung der variablen Schriftarten durchgeführt . Im Allgemeinen ist dies Standard, aber es gibt eine nützliche Abbildung zum Speichern der Dateigröße am Beispiel einer Schriftart.
Mischmodi
Bennett Feely zeigt Ihnen, was Sie mit CSS-Mischmodi tun können . An einigen Stellen sieht es aus wie die meisten Cond-Filter in Photoshop, aber dies ist ein wichtiger Schritt, um die Grenzen des Möglichen zu finden.
Arbeite mit SVG
Ein Online-Tool hilft beim Anprobieren von SVG-Filtern .
Mit dem Plugin für Chrome und Firefox können Sie schnell den endgültigen Code des ausgewählten Elements auf der Seite abrufen, ohne selbst nach Abhängigkeiten suchen zu müssen.
Metriken und ROI
Aaron Powers und Scott Mackie von Athena Health diskutieren mit den jüngsten provokanten Artikeln von Alan Cooper und Jared Spool über den Design-ROI. Dies ist eine gesunde Frage für jedes Produktteam - in welche Aktivitäten ist es am besten, Ressourcen zu investieren. Die Autoren zeigen einige Beispiele aus ihrer Praxis, die die Auswahl der Teams vereinfachten.
Jeff Sauro-Memo für wichtige Schnittstellenmetriken.
UX Strategie und Management
Angela Huenerfauth und David Teller bieten eine äußerst interessante Methode zur Beurteilung der Reife des Produktdesigns. Sie einigten sich mit den Produktmanagern darauf, diesen Indikator im Verlauf der Entwicklung zu verfolgen und eine gemeinsame Entscheidung über ein ausreichendes Maß an Benutzerfreundlichkeit für seine Veröffentlichung zu treffen. Es sieht kompliziert aus, aber das liegt wahrscheinlich daran, dass der Ansatz noch völlig unbekannt ist.
Dani Nordin von Athena Health beschreibt den Ansatz des Unternehmens bei der Gestaltung von Schulden. Die vernünftige systemische Methode, wie alles andere, worüber das Team schreibt.
Dave Malouf reflektiert die Anwendbarkeit des Spotify-Organisationsmodells und anderer Methoden und Arbeitsansätze. Es ist wichtig zu verstehen, dass sie eine bestimmte Kultur und Anordnung implizieren, die in einem Unternehmen funktionieren kann und nicht in einem anderen Unternehmen.
Wie berühmte Designteams arbeiten
Andre Le Masurier aus London London spricht über die Arbeitsweise des Markendesign-Teams .
Teaminteraktion
Rosenfeld Media hat
Kevin Hoffmans Meeting Design veröffentlicht: Für Manager, Macher und alle . UXmatters veröffentlicht Kapitel 5 über Moderationsstile.
Fälle
Eine gute Geschichte über die Arbeit am Design der Screenlife-Anwendung zum Aufzeichnen von Videos der Arbeit eines Benutzers auf einem Mobiltelefon von Elvis Obanya.
Googles Antin Harasymiv spricht darüber, wie die Animation und die technische Arbeit der Google Maps-Oberfläche im Körper funktionieren. Der Text ist lang, aber nützlich, um die allgemeinen Prinzipien zu verstehen.
Kathryn Whitenton und Sarah Gibbons von der Nielsen / Norman Group zeigen, wie das Unternehmen seine Best Practices verwendet hat, um die Homepage seiner eigenen Website neu zu gestalten.
Die Geschichte
Der frühere Apple-Ingenieur
Ken Kocienda veröffentlicht Creative Selection, ein Buch über den Designprozess des Unternehmens während der Ära von Steve Jobs. 9 bis 5 Mac veröffentlicht einen Auszug darüber über die Arbeit an der Bildschirmtastatur des ersten iPhone.
Stephen Hackett hat eine Sammlung von 1.500 Screenshots von MacOS von Generationen über die Aqua-Oberfläche zusammengestellt.
Trends
Marktstatistik (II. Quartal und erstes Halbjahr 2018)
-1,8%
Der Umsatz mit Smartphones sinkt weltweit16,8%
das Umsatzwachstum von Smart-Lautsprechern in der Welt898K
Verkauf von Smartphones auf dem Sekundärmarkt in Russland (Avito)Jeff Sauro hat seine jährliche Überprüfung der Nutzungsstatistik für Smartphones aktualisiert.
Algorithmisches Design
Die Filmfirma 20th Century Fox lernte anhand des Trailers zu bestimmen, welcher Teil des Publikums den Film mehr mag.
Eine experimentelle Lösung von Uizard verwandelt Skizzen von Schnittstellen auf Papier in ziemlich übersichtliche Skizzenlayouts.
Alibaba hat gelernt, Produktnamen automatisch zu generieren. Es ist Zeit für Witze "Was, noch nicht?".
Sprachschnittstellen
Page Laubheimer und Raluca Budiu setzen die Geschichte von Alexa, Google Assistant, und Siri, einer großen Benutzerstudie von Sprachassistenten, fort. Im zweiten Artikel schreiben sie über die Einstellungen der Menschen zu solchen Geräten und über die Erwartungen an die Qualität der Antworten und das Format der Dialoge.
LoupVentures verglich die Qualität der Antworten von Alexa, Cortana, Google Assistant und Siri für 800 Anfragen. Wenn es keine Probleme gab, den Satz selbst zu verstehen, dann ist mit der Herausgabe einer geeigneten Antwort alles viel schlimmer.
Online-Designer von Chat-Bots und Fähigkeiten für Sprachassistenten Google Assistant und Yandex Alice.
Andere Nachrichten zur Sprachschnittstelle
In den letzten anderthalb Jahren sind viele Geräte wie „Sprachassistent mit Bildschirm“ aufgetaucht. Tatsächlich kann eine solche Aufgabe von jedem Tablet oder Smartphone mit einer Dockingstation gelöst werden.
Es scheint, dass Google ein solches Regime für Android-Handys vorbereitet .
Nuance arbeitet an einem Sprachassistenten für Autos,
der ohne den Startnamen eines Assistenten
funktioniert .
Eine Kurzgeschichte über das
Team bei Google, die sich mit dem Charakter des Sprachassistenten befasst - Witze, nicht standardmäßige Antworten, Umgang mit schwierigen Situationen.
Google Assistant Hackathon-Inhalt
Nur AI teilt die Schlussfolgerungen aus der Erfahrung der Teilnahme am Hackathon .
Redmadrobot spricht auch über seine Erfahrungen .
Teil 2Heads and Hands spricht über sein Konzept .
Für die allgemeine und berufliche Entwicklung
Fabricio Teixeira und Caio Braga schreiben über das Problem übermäßig flacher Designartikel, die die tieferen und nützlicheren dominieren. Ein Grund ist klar - die Notwendigkeit der Eigenwerbung. Sie führten im vergangenen Jahr eine interessante Analyse von Artikeln zu den beliebtesten Newslettern und Communities durch und identifizierten die Arten von Veröffentlichungen. Natürlich dominieren praktische Tipps zu grundlegenden Designfähigkeiten, d. H. taktischere Dinge.
Und Co-Studie über Trends und den aktuellen Status der Fernarbeit für Designer.
Tiantian Xu nahm an der persönlichen Herausforderung „100 Layouts in 100 Tagen“ teil und steigerte ihre Animationsfähigkeiten.
David Travis von Userfocus bietet eine Portfolio-Ablagemethode für benutzerdefinierte Forscher. Es verwendet die Abkürzung POWER (Projekt, Ziel, Arbeit, Endergebnis, Reflexion), um die Struktur anzugeben. Dieser Ansatz eignet sich auch für andere UX-Spezialisten, deren Ergebnis nicht in eine Reihe von Bildern passt.
Arbeite mit Praktikanten
Mehrere Designer-Praktikanten bekannter Unternehmen schrieben über ihr erstes Arbeitsjahr und was sie in dieser Zeit gelernt haben:
BuzzfeedIbmDeliverooFacebookGoogleJeoff Wilks von IBM beschreibt die Schlüsselkompetenzen eines führenden Designers im Unternehmen. Nützliche Checkliste für jeden starken Spezialisten.
Muriel Garreta-Domingo und Alberto González Mosquera untersuchten die offenen Stellen von Benutzerforschern und beschrieben verschiedene Ansätze für deren Verständnis durch verschiedene Unternehmen.
Menschen und Unternehmen in der Branche
Am 8. August feiert eines der ältesten UX-Unternehmen der Nielsen / Norman Group sein 20-jähriges Bestehen.
Jacob Nielsen sammelte die beliebtesten Artikel für jedes Jahr, in dem das Unternehmen tätig ist - sie leisten einen großartigen Dienst für die Fachwelt und teilen mit uns eine solche Menge an Nützlichkeit. Und oft sind dies ziemlich tiefe und relevante Materialien, die nach so vielen Jahren immer noch Trends setzen.
Seit dem Frühjahr führt vc.ru eine exzellente Reihe von Geschichten russischer Designstudios und Kreativagenturen. Bereits ein Dutzend Geschichten haben einen guten Überblick über das Geschäft und die Ergebnisse geliefert.
Skyscanner Design Team Blog. In einem kürzlich erschienenen Artikel zeigt David Hamill,
wie Designer die Beschreibung von Schnittstellenproblemen mit Comics verstärken, damit das Produktteam sie behebt .
Asana Design Team Blog. Es ist immer noch leer, aber die Jungs sind schwungvoll und sollten schwingen.
Blog des Designteams der Spielefirma Space Ape Games.
Einkauf für Designstudios von großen Unternehmen
Dateiaustauschdienst WeTransfer kaufte FiftyThree , den Schöpfer der erfolgreichen Papieranwendung zum Zeichnen auf iPa. Sie sagen, dass sie eines der Hauptprodukte für Designer und andere Arbeiter in der Kreativbranche werden wollen.
Tagungsband
Bericht über den Kurs, der vom 13. bis 17. August in London stattfand. Abstracts von Performances von Stink Studios, Net-A-Porter, Native Design, Intuit, Modern Human, UX-Studie, Badoo, Fjord, Space Ape Games, Spov und R / GA.
Abonnieren Sie den Digest auf Facebook , VKontakte , Telegramm oder per E-Mail - dort erscheinen jede Woche neue Links. Vielen Dank an alle, die die Links in der Gruppe teilen, insbesondere an Gennady Dragun, Pavel Skripkin, Dmitri Podluzhny, Anton Artemov, Denis Efremov, Alexei Kopylov, Taras Brizitsky, Evgeny Sokolov und Anton Oleinik.