awesome product design

Fantastisches Produktdesign

Eine Sammlung von Lesezeichen, Ressourcen und Artikeln für Produktdesigner.

Digitales Produktdesign ist ein iterativer Entwurfsprozess, um ein funktionales Problem mit einer formalen Lösung zu lösen. Ein digitaler Produktdesigner identifiziert ein echtes Problem, bietet die bestmögliche Lösung und startet sie in einen Markt, der die Nachfrage nach dieser bestimmten Lösung zeigt.

Fühlen Sie sich frei, etwas Interessantes durch Pull -Anfrage hinzuzufügen.

Inhalt

• Forschung
• UX
• Ui
• Visuell
• Prototyp
• Zugänglichkeit
• Schreiben
• Daten
• IoT

Forschung

Methoden

Entscheidungsfindung

• Untools - Denkwerkzeuge und Frameworks, mit denen Sie Probleme lösen, Entscheidungen treffen und Systeme verstehen können.

Forschungsplan

• Smashing Magazine - Der UX -Forschungsplan, den die Stakeholder lieben.
• NN Group - Projektmanagement für Benutzerforschung: Der Plan.
• Interaktionsdesign - eine Seite Benutzerforschungsplan.
• Branding5 - Machen Sie eine Markenpositionierung als Grundlage für Ihre Designs.

Benutzerinterview

• NN -Gruppe - Trotz vieler Schwächen sind Interviews eine wertvolle Methode für die explorative Benutzerforschung.
• UxDesign.cc - So holen Sie das Beste aus Benutzerinterviews heraus.

Stakeholder -Interviews

• Kisten und Pfeile - Cheat Sheet für die Befragung von Stakeholdern.
• UX -Lehrling - Interviewvorlage für Stakeholder.
• Interaktionsdesign - Vorbereitung auf UX -Stakeholder -Interviews.

Forschungssynthese

• UX -Bewegung - So verwandeln Sie Benutzerforschung in nutzbare Daten.
• Slideshare - Designforschungssynthese.
• Medium - Verwendung von Trello für die Synthese der Benutzerforschung.
• Tuts+ - So vorbereiten und verwenden Sie ein Affinitätsdiagramm.
• Mittelgroße Affinitätsdiagramme: Tipps und Tricks.

Wettbewerbsanalyse

• XTensio - So erstellen Sie eine Wettbewerbsanalyse.
• Hootsuite - Wettbewerbsanalyse -Vorlage, mit der Sie den Wettbewerb überlisten können.

Job zu erledigen

• Intercom - Entwerfen von Funktionen mit Jobgeschichten.
• JTBD - Ersetzen Sie die Benutzergeschichte durch die Jobgeschichte.

Personas

• Usability.gov - Der Zweck von Personas besteht darin, zuverlässige und realistische Darstellungen Ihres Schlüsselpublikums zu erstellen.
• UX Mag - Personas: Die Grundlage einer großartigen Benutzererfahrung.
• Tuts+ - Definieren und Anwenden von Personas auf UX -Design.

Empathiekarte

• UX PIN - Der praktische Leitfaden für Empathiekarten: 10 -minütige Benutzerpersonas.
• Boagworld - Anpassung von Empathiekarten für UX -Design.

Storyboard

• UX Magazine - Storyboarding im Software -Designprozess.
• Medium - Storyboarding im UX -Design.
• NN -Gruppe - Wann und wie man Customer Journey Maps erstellt.
• UX Lady - Erfahrung Karten, Benutzerreisen und mehr.
• Smashing Magazine - Alles, was Sie über Customer Journey Maping wissen müssen.
• Mittel - wie man eine Erfahrungskarte erstellt.

Artikel

• Smashing Magazine - Die Regenbogen -Tabelle: Ein kollaboratives Lean UX -Forschungsinstrument.
• Coglode - Bite -Größe -Verhaltensforschungsanalyse.

Testen

• Benutzertests - Kundenersichten freischalten und Ihren Umsatz steigern.
• Optimal Workshop - User Research Platform, mit der Sie und Ihr Team zu Vertrauen führen können.
• Erfolg messen - Wie messen Sie den Erfolg (oder das Misserfolg) Ihres UX -Designs?.
• Lookback - Einfache, leistungsstarke Benutzerforschung.
• Ganze Geschichte - Was möchten Sie über Ihr Kundenerlebnis wissen?
• Desinion - Machen Sie intelligente und informierte Designentscheidungen für Ihr Unternehmen oder das Unternehmen Ihres Kunden.
• Affe Survey - verwandeln Instinkte in Erkenntnisse.
• ETNIO - Abfangen echte Menschen für die Benutzerforschung.

UX

Richtlinien

• Das UX -Lesezeichen - Sammlung der besten UX -Websites aus der ganzen Welt.
• GOV.UK - Hilft den Regierungsteams dabei, großartige digitale Dienste zu schaffen und zu betreiben.
• Methoden 18F - Sammlung von Werkzeugen, mit denen menschlich zentriertes Design in Ihr Projekt eingebracht wird.
• Leitfäden 18F - 18F Guides ist das Repository für Best Practices in unseren Teams.
• Usability.gov - Verbesserung der Benutzererfahrung.
• Medial Lab Amsterdam - Designmethode Toolkit.
• Design Kit IDEO-Schritt-für-Schritt-Anleitung zur Auslöser Ihrer Kreativität.
• GAMESTORMING - Gamestorming ist eine Reihe von Co -Creation -Tools, die von Innovatoren auf der ganzen Welt verwendet werden.

Artikel

• UX Magazine - UX Magazine ist eine kostenlose Community -Ressource, die alle Facetten des Erlebnisdesigns erkundet.
• UX -Stand - Der UX -Stand ist eine Veröffentlichung von und für die User Experience Community.
• UX -Meisterschaft - Wir helfen User Experience -Profis und werden besser.
• UX -Mythen - Erstellen Sie Ihr Produkt anhand von Beweisen, nicht auf falschen Überzeugungen.
• Eine Liste mit Auseinandersetzung mit Auszeichnung untersucht das Design, die Entwicklung und die Bedeutung von Webinhalten.
• 52 Wochen UX - Diskurs über den Entwurfsprozess für echte Menschen.
• UX PIN - Führer, Artikel und eBooks, die alle Facetten von UX -Design erkunden.
• Die IXD -Bibliothek - Sammlung von Materialien im Zusammenhang mit Interaktionsdesign.
• Lauw - Veröffentlichungen zu den kritischen Details und dem Gesamtbild hinter dem digitalen Produktdesign.
• NN Group - Evidenzbasierte Benutzererfahrungsforschung, Schulung und Beratung.
• Informationsdesign - Infodesign seit 1997 handverlesen.
• Intercom - Design, Kundenerfolg und Startup -Blog.
• Uxdesign.cc - Benutzererfahrung, Benutzerfreundlichkeit, Produktdesign. Folgen Sie der uxdesign.cc.
• UX -Reaktionen - lustiges Zeug.

Werkzeuge

• UX -Rezept - Dieses Projekt ist ein persönliches Manifest gegen die Objektivierung des Begriffs "UX".
• UX -Checkliste - UX -Projekt -Checkliste.
• UX STACKEXCHANGE - UX Stack Exchange ist eine Frage- und Antwortseite.

Ui

Richtlinien

• Ameisendesign - Eine UI -Designsprache für Unternehmensanwendungen.
• iOS -Richtlinien - Erhalten Sie detaillierte Informationen und UI -Ressourcen für das Entwerfen großartiger Apps, die nahtlos in Apple -Plattformen integriert werden.
• Google Material - Materialdesign ist ein einheitliches System, das Theorie, Ressourcen und Tools zum Erstellen digitaler Erlebnisse kombiniert.
• Google Design - Google Design ist eine kooperative Anstrengung, die von einer Gruppe von Designern, Schriftstellern und Entwicklern bei Google geführt wird.
• Facebook -Design - Sammlung von Artikeln, Videos und Ressourcen, die von Designern bei Facebook hergestellt wurden.
• Ustwo - Pixel Perfect Precision Handbook 3.
• Vinsol - Tipps für Designer: von einem Entwickler.

Inspiration

• PTTRNS - Die Mutter aller Designressourcen.
• Rufen Sie zur Idee an - Zündeten Sie Ihre Fantasie auf!.
• Android -Feinheiten - Ziel, Inspiration und Einblick in die UI -Konventionen von Android zu gewähren.
• Schöne Benutzeroberfläche - Sammlung mobiler UI -Elemente.
• Brian Lovin - Visuelle Erkundung der besten Produkte.
• Inspirierte UI - IOS Mobile Apps Designmuster.
• Schlampige UI - Es geht nur um intellektuelle Ehrlichkeit, nicht um Trolling.

Werkzeuge

• Musterlabor - Erstellen Sie Atomdesignsysteme mit Musterlabor.
• RIESIGER TOL, um das Erstellen und Aufrechterhalten von StyleGeides zu erleichtern.
• Figma Bootstrap 5 UI -Kit - UI -Kit mit 300+ organisierten Bootstrap 5 -Komponenten, die mit Atomic -Design -System und automatischem Layout erstellt wurden.
• Sketch Bootstrap 5 UI -Kit - UI -Kit mit 300+ organisierten Bootstrap 5 -Komponenten, die mit Atomic -Design -System und Smart -Layout erstellt wurden.

Visuell

Ressourcen

• Designprinzipien FTW - Die größte Sammlung von Designprinzipien im Internet.
• Fantastische Designsysteme - kuratierte Liste von Designsystemen, Musterbibliotheken und alles dazwischen.
• Fantastische Skizze - Kuratierte Liste der fantastischen Skizzenvideos, Artikel, Plugins, was auch immer, für Designer, Entwickler oder keine.

Ikonen

• Verwenden Sie Iconic - Treffen Sie die Ikone. Das definitive Symbolsatz für das moderne Web.
• Icon Finder - Durchsuchen Sie 1.739.045 Symbole oder durchsuchen Sie 42.226 Icon -Sets.
• Wir lieben Icon -Schriftart - dies ist ein kostenloser und Open -Source -Symbol für Hosting -Dienst.
• Das Substantivprojekt - iCons für alles.
• Iconmonstr - Entdecken Sie 3847+ Kostenlose einfache Symbole in 263 Sammlungen.

Schriftrunde

• Offene Gießerei-Neue Plattform für Open-Source-Schriftarten in einer lärmfreien Umgebung.
• Verwenden & Modifikation - Geben Sie eine zeitgenössische Reihe von Schriftarten an, die unter Libre- oder Open -Source -Lizenzen verteilt sind und von einer Typografie und einer kostenlosen Kulturliebhaber ausgewählt wurden.
• Schriftart - Fontfabric ist eine unabhängige Gießerei.
• Schriftart Eichhörnchen - kostenlose Schrift Utopie.
• Spieltyp - Stöbern Sie in unserer Auswahl von mehr als hundert Schriftarten und fast 500 verschiedenen Schriftgewichten.
• IdentyFont - Identifizieren Sie eine Schriftart, indem Sie Fragen zu wichtigen Funktionen beantworten.

Typografie

• NN Group - Typografie Begriffe Cheat Sheet.

Farben

• Coolors - Der superschnelle Farbschemata -Generator!.
• Farbliebhaber - Kreative Community.
• Farbjagd - Farbjagd ist eine soziale Plattform für alle, die Farben lieben.
• Markenfarben - 1100+ Farbkollektion in Sass, Less, Stylus und CSS erhältlich.
• Atmos - alles, was Sie brauchen, um Farbpaletten zu erstellen
• Branition Farben - Hand kuratierte Sammlung von Farbpaletten am besten zum Branding.

Lagerbilder

• Unplash - kostenlos (tun Sie alles, was Sie wollen) - hochauflösende Fotos.
• StockSnap - Hunderte von hochauflösenden Bildern wöchentlich hinzugefügt.
• Pixbay - Kostenlose Bilder und Videos, die Sie überall verwenden können.
• Jay Mantry - kostenlose Bilder (CC0).
• Get Refe-Lizenzfreie, hochwertige und reale Fotos.
• ISO Republic - ISO Republic bietet kostenlose Stock Fotos für kreative Fachkräfte.
• Alle kostenlosen Aktien - Holen Sie sich alle kostenlosen Stock Bilder, Videos, Musik und Symbole an einem Ort.
• PEXELS - Kostenlose Lagerbilder in einer Reihe von Stilen, einschließlich gefilterter, natürlicher und kommerzieller.
• UNDRAW - Open -Source -Illustrationen für jedes Projekt, das Sie sich vorstellen und erstellen können.

Lagervideos

• Vimeo - Lizenzfreies Aktienvideo für kostenlose persönliche, korporative oder kommerzielle Verwendung.

Werkzeuge

• Polarr - Foto Editor.
• LICECAP - Einfache animierte Bildschirmaufnahmen.
• Handbremse - Handbremse ist ein Werkzeug zum Umwandeln von Videos von nahezu jedem Format in eine Auswahl moderner, weit verbreiteter Codecs.

Prototyp

Artikel

• Die 12 Prinzipien - Die 12 Grundprinzipien der Animation wurden von den "alten Männern" der Walt Disney Studios entwickelt.
• Hoverstat - die Heimat des alternativen digitalen Designs.
• Mikrointeraktionen - Entwerfen mit Details.
• Motion UI Design - Ressourcen für Inspiration, Listen von Software, Bibliotheken und anderen Dingen im Zusammenhang mit Motion UI -Design, Animationen und Übergängen.

Software

• Pop - Pop hilft Ihnen, Ihre Ideen für Stift- und Papier -Ideen in ein interaktives iPhone- oder Android -Prototyp zu verwandeln.
• Invision - Die weltweit führende Plattform für Prototypen, Zusammenarbeit und Workflow.
• Marvel - Einfaches Design, Prototyping und Zusammenarbeit.
• Flinto - Mit Flinto können Designer schnell interaktive Prototypen ihres Mobil-, Desktop- oder Web -Apps erstellen.
• Origami Studio - Erforschen, iterieren und testen Sie Ihre Ideen.
• Framer-All-in-One-Design-Workflow.
• Proto-Erstellen Sie vollständig interaktive Prototypen mit hohem Fidelity, die genau so aussehen und wie Ihre App funktionieren. Keine Codierung erforderlich.
• Protopie - Protopie ist das einfachste Prototyping -Tool zum Aufbau fortschrittlicher, hoch interaktiver Prototypen.

Werkzeuge

• Lottie - Fügen Sie jeder nativen App einfach eine hochwertige Animation hinzu.
• Keynotopia - Keynotopia verwandelt Keynote und PowerPoint in die besten schnellen Prototyping -Tools für das Erstellen von Mobile-, Web- und Desktop -UI -Modellen.

Zugänglichkeit

Artikel

• GOV.UK - Machen Sie Ihren Service zugänglich: Eine Einführung.
• Smashing Magazine - Farbkontrast und warum Sie es überdenken sollten.
• Mittel - Zugänglichkeit für Designer. Achten Sie auf Ihre RGBs.
• Web glaubwürdig - visuelles Design und Farbzugänglichkeit.
• Eine Liste auseinander - einfache Farbkontraststests.

Werkzeuge

• Wave - Web Accessity Evaluation Tool.
• Kontrastverhältnis - Ein Werkzeug zur Berechnung des Kontrastverhältnisses zwischen zwei beliebigen gültigen CSS -Farben.
• Snook - Farbkontrastprüfung.

Schreiben

• Google Trends - Stories Trending jetzt.
• Google Ngram - Geben Sie Phrasen in den Google Books NGram Viewer ein. Es zeigt eine Grafik an, die zeigt, wie diese Phrasen in einem Korpus von Büchern aufgetreten sind.
• Hemingway - Hemingway App macht Ihr Schreiben mutig und klar.
• Lesbar - Sie haben 7 Sekunden Zeit, um die Aufmerksamkeit eines Menschen zu erregen. Lesbar.io hilft Ihnen, das Geräusch auszuschneiden.
• Der Schriftsteller - Wie lesbar ist Ihr Schreiben?
• Taskade - Kollaborativer Herausgeber und Outliner.

Daten

• London DataStore - Der Londoner DataStore ist ein kostenloses und offenes Data -Sharing -Portal.
• YouGov - Wir glauben an die Kraft der Teilnahme.
• Data.gov - Finden Sie Daten, die von Regierungsabteilungen und Agenturen, öffentlichen Stellen und lokalen Behörden veröffentlicht wurden.
• Die Tate Collection - Hier präsentieren wir die Metadaten für rund 70.000 Kunstwerke.
• NASA - Wir setzen Daten, Code und APIs frei.

IoT

Artikel

• IoT Weekly News - Abonnieren Sie handgezogene Artikel von Justin Grammens im Internet der Dinge.
• IoT Agenda - Entwerfen Sie eine IoT -Benutzererfahrung, kein IoT -Produkt.
• IoT für alle - Entwerfen des Internets der Dinge - 5 Schlüsselprinzipien.

Werkzeuge

• Knotenrot - niedrigbasierte Programmierung für das Internet der Dinge.