Tag ui_design
While i’m sick at home, i’m happy to see that my colleagues published a blog post about our first keynote speaker for droidcon Berlin. Janne Jul Jensen is a Senior Interacti... mehr auf blogbleistift.de
Was zum Henker ist Inclusive Design?
Dinge zu benennen ist schwer. Und ich meine nicht nur CSS-Klassennamen und JSON-Eigenschaften. Den richtigen Begriff für das zu finden, was wir mit der Zeit tun, die wir wach verbringen, erweist sich als sehr schwierig. Heydon... mehr auf pixeltuner.de
Das Webdesign der Zukunft? Oder, auf welches Design du bauen solltest! In diesem Artikel geht es um den Trend von Webdesign, den Wiedererkennungswert und was du dabei beachten musst. Ebenfalls spreche ich UI-Design und UX-Design an.... mehr auf webmaster-glossar.de
CSS3 gibt uns Webdesigner viele Möglichkeiten, vorallem weil man damit wunderschöne UI Elemente kreieren können. Heute stelle ich ein Button vor, der sich bei Hover rotierend (rotate) vergrößert, die Farbe wechselt und Schatten (box-shadow) erhält.... mehr auf webmaster-glossar.de
UX vs. UI Design: Was ist der Unterschied? UX vs. UI – was steckt hinter diesen Begriffen? Der Unterschied zwischen UX und UI lässt sich leicht anhand eines Autos erklären: Das UX (User Experience Design) ist das Gerüst, der Motor und alle inneren Mechanismen, die dafür sorgen, dass das Auto zuverlässig fährt und das Fahrerlebnis […]
... mehr auf takevalue.de
Praktische Tipps für großartige UI-Animationen
Lasst uns einige Beispiele von UI-Animationen ansehen, die von gut bis großartig gehen. Mit ein wenig Feinabstimmung hier und da kannst du dein UI-Muster mit Animationen aufwerten. Die aufgelis... mehr auf pixeltuner.de
Vier verschiedene Menüanimationen für die Menüschaltfläche, welche zwischen Punkt-, Kreuz- und Zurück-Symbol wechseln. codepen.io... mehr auf pixeltuner.de
16 UX/UI Instagram-Accounts, denen du folgen solltest
Mit mehreren hundert Millionen aktiven Nutzern pro Monat ist Instagram eine fantastische visuelle Plattform für Designer. Das Facebook-eigene soziale Netzwerk ermöglicht es Dir, die ... mehr auf pixeltuner.de
In Teil 1 des Leitfadens zu Icon-Systemen haben wir uns auf Inline-SVG- und Icon-Komponenten konzentriert. In diesem zweiten Artikel werden wir uns SVG-Bild-Sprites, SVG-Symbole und Icon-Fonts genauer ansehen. nucleoapp.com... mehr auf pixeltuner.de
Vor einiger Zeit machte Jon Gold, Designtechnologe bei Airbnb, sich über die Tatsache Sorgen, dass viele der heutigen Websites gleich aussehen, da sie alle denselben Standard-Layout-Praktiken folgen, die wir kollektiv gewählt haben. Wenn wir uns einmal ansehen, wie das Internet früher ausgesehen hat, denke ich, dass heute viel mehr Kreativität im W... mehr auf pixeltuner.de
Wie Designer über SVG denken sollten
Während Peter Nowell seinen neuen Kurs über SVG-Workflows in Sketch vorbereitet hatte, hatte er mit einer Reihe von Designern, sowohl Junior als auch Senior, über ihre Verwendung des Formats gesprochen. Und er hat... mehr auf pixeltuner.de
Designe wie ein Entwickler
Längerer Titel: Entwerfe in Sketch so, als würdest du die Benutzeroberfläche in einer Entwicklungsumgebung erstellen. Dies ist das einzige Mal, dass Photoshop in diesem Artikel erwähnt wird. Es ist 2018 – tue dir den einen Gefa... mehr auf pixeltuner.de
UX Design: Verwendung von Animationen in mobilen Apps
Im heutigen Artikel werden wir uns überlegen, wie Animationen im Design von mobilen Apps verwendet werden können, um eine positive Nutzererfahrung und reibungslose Interaktionen zu ... mehr auf pixeltuner.de
3D-Produktkarte mit experimentellem Mouseover-Effekt
3D inspirierte VR Karten-Kartendarstellung. Experimentelles Skateboard-Thema. https://codepen.io
Der Beitrag "... mehr auf pixeltuner.de
Responsive E-Commerce-Layout mit CSS-Grid
Experimentelles eCommerce-Grid-Layout. codepen.io
Der Beitrag "Responsive E-Commerce-Layout mit CSS-Grid... mehr auf pixeltuner.de
Aufbau der Google Fotos Web UI
Vor ein paar Jahren hatte Antin Harasymiv (@antin) das Privileg, ein Ingenieur im Google Fotos-Team zu sein. Viele Menschen haben zu dem Produkt beigetragen – Designer, Produktmanager, Analysten und unzählige Ingenieure ... mehr auf pixeltuner.de
Die Komplexität von Change Aversion verstehen und beeinflussen
Change Aversion ist ein Konzept, das Designern und Produktmanagern bekannt ist. Es ist die negative Reaktion, die Benutzer auf Änderungen an einem Produkt haben, ... mehr auf pixeltuner.de
10 Prinzipien für Design im Zeitalter der KI
Wir stehen vor einer neuen Ära des Designs. Neben der zweidimensionalen Ausrichtung auf Grafiken und der dreidimensionalen Ausrichtung auf Produkte befinden wir uns jetzt in einer Zeit, in der Desi... mehr auf pixeltuner.de
10 Prinzipien für Design im Zeitalter der KI
Wir stehen vor einer neuen Ära des Designs. Neben der zweidimensionalen Ausrichtung auf Grafiken und der dreidimensionalen Ausrichtung auf Produkte befinden wir uns jetzt in einer Zeit, in der Desig... mehr auf pixeltuner.de
Was zum Henker ist Inclusive Design?
Dinge zu benennen ist schwer. Und ich meine nicht nur CSS-Klassennamen und JSON-Eigenschaften. Den richtigen Begriff für das zu finden, was wir mit der Zeit tun, die wir wach verbringen, erweist sich als sehr schwierig. Heydon ... mehr auf pixeltuner.de
uirecipes.com... mehr auf pixeltuner.de
Flat UI-Elemente erregen weniger Aufmerksamkeit und verursachen Unsicherheit
User Interfaces im Flat Design verwenden oft schwache Blickfangelemente. In einem Eyetracking-Experiment, bei dem verschiedene Arten vo... mehr auf pixeltuner.de
10 Usability Heuristiken für das Design von Benutzeroberflächen
Jakob Nielsen hat die Heuristiken für heuristische Evaluation 1990 in Zusammenarbeit mit Rolf Molich entwickelt. Auf der Grundlage einer Faktoranalyse von 249 ... mehr auf pixeltuner.de
Immersion Design: Die nächsten 10 Jahre des Interface Designs
Was passiert, wenn wir unseren Blick darauf richten, jenseits eines Bildschirms zu designen? Wie viele Designer hat Gabriel Valdivia (@gabrielvaldivia) seine Karrier... mehr auf pixeltuner.de
Eine neue Art von Element ist im UI-Design Kosmos aufgetaucht – Handlebars
Dieser Artikel untersucht die Art der Interaktion von Handlebars (Lenkstangen), eine neue Art von Element, das im UI-Design (insbesondere auf Touch-basierten Betriebssystemen) implemen... mehr auf pixeltuner.de
Die Linkleiste, eine Alternative (zum Hamburger Menü) bei mobilen E-Commerce Sites
Kürzlich durchgeführte AB-Tests haben ergeben, dass auf vielen E-Commerce-Websites eine Erhöhung der Conversion-Rate für Mob... mehr auf pixeltuner.de
Toggle-Schalter sind vielleicht nicht die auffälligsten User Interface Elemente in einem Formular, aber sie haben wohlmöglich mehr getan, um eine Aufgabe aufzupeppen, als andere UI-Elemente. Vor der Möglichkeit des Toggle-Schalters kam es oft vor, dass wir ein einzelnes Checkbox-Element benutzten, um etwas ein- oder auszuschalten. Während die Check... mehr auf pixeltuner.de
thedesignest.net... mehr auf pixeltuner.de