Methoden | Webzeugkoffer

11. September 2013 / Keine Kommentare

Wireframes, Flat Design und die Schwierigkeit der Einfachheit

Flat Design ist vielleicht mehr Design-Trend als Problemlöser. Aber spätestens seit Apples Veröffentlichung der UI von iOS 7 sogar ein sehr starker Trend. Die UI von Windows 8 war das zuvor wohl prominenteste Konzept. Auch im Webdesign ist der neue Stil nicht mehr zu übersehen.

Flat Design ist eigentlich nichts neues. Wireframes sind, je nach Detail- und Ausgestaltungsgrad, bereits nah an dem dran, was später als fertiges Design online geht. Der optische Unterschied zwischen Vorstufe und Endergebnis ist auf den ersten Blick oft kaum noch auszumachen. Wireframes sind noch flach und relativ clean. Qualitätsmerkmale bilden bei Wireframes u.a. Struktur, klare Hierarchien, Kontrast und Fokus. Weiterlesen

7. Februar 2011 / 9 Kommentare

Wireframes – es kommt halt darauf an

Provozierend ruft „sacha“ aus: Stop using wireframes!

Ein Thema, das sich kontrovers diskutieren lässt. Wireframes sind in der Tat nicht immer das Architektur-Mittel der Wahl. Aber in sehr vielen Fällen sehr wohl.

Was mir immer aufstößt, sind Pauschalisierungen, ohne Kontext.

Hierzu mal zwei Äußerungen des Autors:

It doesn’t take a good designer long to whip up a Photoshop mockup, and a good coder can create a HTML prototype in a short time too. Both can be reused in the final product (which saves time), and both are much closer to the real experience than a wireframe (which helps make the right decisions).

17. April 2010 / Keine Kommentare

Ins Gedächtnis malen – Graphic Recording

Erkenntnisse leben dadurch weiter, bleiben nicht unter vielen Worten verschüttet.

Vielleicht auch, weil sich das WLAN rar machte, fiel mir diese Methode besonders ins Auge. Graphic Recording. Hier z.B. zum Vortrag „MakerBot – The Robot That Sharing Built“ (makerbot.com) im Rahmen der re:publica 2010.

Anna Lena Schiller macht das besonders gut. Eine imho mehr als interessante Alternative zu oft unüberischtlichen und wenig einprägsamen Meeting-Protokollen.

19. Februar 2010 / Ein Kommentar

Der elegante Weg der BBC ein Contentmonster zu bändigen und einzukleiden

Vor knapp einem Jahr habe ich mal etwas zum Redesign der BBC-Website geschrieben: Webdesign & GUI-Konzepte der Zukunft – Beispiel BBC.

Kürzlich erschienen im BBC-Blog ein Artikel, der die Hintergründe auf dem Weg zum neuen und vereinheitlichten Look der Webseite beleuchtet: A new global visual language for the BBC’s digital services.

However due to the organic way in which the website evolved and the old structure of the business, with dozens of small design teams working independently of each other, the site had a fairly schizophrenic nature once you delved into its depths.

25. Juni 2009 / 6 Kommentare

Sketchy Wireframes sind oft die bessere Alternative

Beim Betrachten eines Wireframes, kam mir heute der Gedanke, dass der „Skizzenlook“ seine Vorteile hat. Das kommt natürlich auch auf den Betrachter und die Phase im Designprozess an. Eine Skizze vermittelt direkt den Eindruck von Unvollkommenheit. Genau das kann gewünscht sein.

Occasionally, the designer still feels the need to communicate the interface with a style which invites change by suggesting incompletion. Computer Based Sketchy Wireframes

19. Juni 2009 / Ein Kommentar

Bithalter Webzeuglinks 016’09

Vitor Lourenco

Der Userexperience Designer Vitor Lourenco präsentiert auf seiner Website sein Portfolio. Die sehr minimalistische Aufmachung gefällt mir richtig gut. V.a. das Zusammenspiel von großer Typo und viel Whitespace. Abzüge gibt’s für den Code darunter.

12. Februar 2009 / 12 Kommentare

Webdesign: Ein komplexer und permanenter Prozess

Webdesignkopf Damit ist nicht nur der kreative Prozess, Webdesign im engeren Sinn, gemeint. Webdesign ist ein ganzheitlicher Prozess. Kein enges Korsett, aber in gewissen Bahnen geregelt. Auch je nach Umfang des einzelnen Projekts und abhängig von Team- oder Unternehmensstrukturen.

Man hat nicht nur eine Idee, denkt sich was schönes aus, hostet eine Website, die dann das WWW erobert. Das bezeichnet man als in Schönheit sterben.

Die Zeichnung stammt vom Artikel Web design process in 5 steps und illustriert, dass wir ein paar mehr Dinge berücksichtigen müssen.