Html

Daumen­freund­li­ches Design für mehr Bedienungsfreundlichkeit

1000 1000 Chris

Ein Trend des Jahres zeichnet sich bei der Opti­mie­rung von Website auf mobilen Geräten ab.

Respon­sives Webde­sign, die gestal­te­ri­sche und tech­ni­sche Anpas­sung der Website auf mobilen Geräten, ist nicht mehr genug. Ihre Website soll auf allen mobilen Geräten in allen Größen funk­tio­nieren und benut­zer­freund­lich sein. Ein neuer Schwer­punkt liegt dabei auf der Daumenfreundlichkeit.

Was genau ist “daumen­freund­lich”?

Es geht um die Art und Weise, wie wir unsere Smart­phones benutzen. Wenn Sie dies auf Ihrem Smart­phone lesen, sehen Sie sich an, wie Sie es halten. Ihre Finger halten wahr­schein­lich die Rück­seite ihres Tele­fons, so daß Ihr Daumen die ganze Arbeit erle­digen muss. Die meisten von uns nutzen ihre Smart­phones auf diese Weise.

Deshalb hat eine daumen­freund­liche Navi­ga­tion große Bedeu­tung. Wenn die Navi­ga­ti­ons­leiste und die Kontakt­schalt­flä­chen in dem Bereich plat­zieren, der mit dem Daumen zu errei­chen ist (im mitt­leren Bereich des Display), wird die Website komfor­ta­bler und verbes­sert die Benut­zer­freund­lich­keit um das Mehrfache.

Die Grafik macht es anschau­lich: es gibt Bereiche auf dem Display, die bei rechts- und links­hän­diger Benut­zung durch den Daumen schwer (rote Bereiche), mit Anstren­gung (gelber Bereich) und ganz natu­ür­lich (blauer Bereich)  erreicht werden können.

HTML5 Weban­wen­dungen und UX Design

1024 683 Chris

HTML5 ist die aktu­elle Version der Hyper­text Markup Language (HTML), die zur Erstel­lung von Websites und Web-Anwen­dungen verwendet wird. Es bietet viele Vorteile gegen­über früheren Versionen von HTML und hat sich in den letzten Jahren als Stan­dard für das Web etabliert.

Einer der größten Vorteile von HTML5 ist, dass es für die Entwick­lung von Web-Anwen­dungen besser geeignet ist als frühere Versionen. Es unter­stützt Funk­tionen wie Offline-Spei­che­rung und drag-and-drop, die es Anwen­dungen ermög­li­chen, ohne Inter­net­ver­bin­dung zu funk­tio­nieren und benut­zer­freund­li­cher zu sein.

HTML5 hat auch verbes­serte Unter­stüt­zung für Multi­media-Inhalte wie Video und Audio, was bedeutet, dass diese Inhalte direkt in eine HTML5-Seite einge­bettet werden können, ohne dass zusätz­liche Plugins benö­tigt werden.

HTML5 bietet bessere Unter­stüt­zung für mobile Geräte. Es ist besser dafür opti­miert, auf klei­neren Bild­schirmen ange­zeigt zu werden und bietet respon­sive Design-Funk­tionen. Damit wird die Website auf verschie­denen Geräten gut aussehen und benut­zer­freund­lich funktionieren.

Insge­samt bietet HTML5 viele Vorteile für Webent­wickler und ‑nutzer. Es ermög­licht die Umset­zung von UX Design Konzepten, und damit benut­zer­freund­li­chere und leis­tungs­fä­hi­gere Web-Anwendungen.