Kürzlich habe ich bei einem Re-Design Projekt im Rahmen des Visual Design Prozesses angefangen, zusätzlich mit einer Projekt-GUI-Library zu arbeiten.
Es ist ein Versuch. :) Ich finde es einfach ineffizient, für jeden Seitentyp Screendesigns zu machen. Es dauert ewig, es ist ein Mordsgefrickel und Schriften wirken im Browser meist doch eh anders.
Können wir im Appplikationsdesign nicht unsere Zeit für viel wertvollere und wichtigere Aufgaben als tagelange Pixelschubsereien in Photoshop & Co verwenden? – Stichwort Usability/UX.
(weiterlesen…)
Umdenken ? – GUI Libraries statt Screendesigns
SymbolAssist: More Symbols, Less Work
SymbolAssist ist eine browserbasierte, kategorisierte Unicode Chars Map. Click, Copy, Paste.
Nettes Tool und – wie praktisch – auch als Bookmarklet verfügbar :)
http://plasticmind.com/toybox/symbolassist/
Markup Bookmarklet
Draw on any webpage with MarkUp to quickly share your thoughts. Try it now by choosing a shape to trace. Get MarkUp to use it any time.
Feedback auf Webseiten oder Prototypen – einfach schnell und unkompliziert. Bookmarklet installieren, einfach drauf losmalen/ tippen – fertig.
Der so kommentierte Screen kann auch direkt aus dem Browser mithilfe einer URL publiziert werden. Es gibt einige solcher Tools, aber dies gefällt mir bislang am besten.
( via Smashing Magazine)
Gridulator
Tolles Tool zum Erstellen von Grids für Weblayouts: Gridulator. I like!
David Sleight, der das Tool gebaut hat sagt dazu:
Tell Gridulator your layout width and the number of columns you want, and it’ll spit back all the possible grids that have nice, round integers. Just the thing for pixel-based designfolk. There are inline previews, courtesy of the canvas element, and when you’re all set Gridulator can crank out full-size PNGs for you, ready for use in your CSS, Photoshop docs, or what have you. And there’s full keyboard control for you snazzy power users.
( via swissmiss )
Interactive HTML 5 Slides
Interessante Interaktive Slideshow über JS, HTML 5 & CSS(3)
http://slides.html5rocks.com/#slide1
http://www.html5rocks.com/
( via eleqtriq )
Firefox 4 Beta – Multi-touch
Spass mit Multitouch und HTML 5 sowie CSS 3 :)
mehr: http://hacks.mozilla.org/2010/08/firefox4-beta3/
The 4 questions to ask in a cognitive walkthrough
Super Artikel über Cognitive Walkthroughs auf Userfocus. Cognitive Walkthroughs sind eine bekannte Methode, um Interaktionsprobleme in einem frühen Stadium des Designprozesses eines Interfaces herauszufinden.
“The cognitive walkthrough is a formalised way of imagining people’s thoughts and actions when they use an interface for the first time. Walkthroughs identify problems that new users will have when they first use an interface. You select one of the tasks that the design is intended to support and then you step through the task, action by action, seeing if you can identify any problems with the interface.”
http://www.userfocus.co.uk/articles/cogwalk.html
User Experience Design for Non-Designers
Sehr schöne Ausführungen zum Designprozess von interaktiven Produkten von Shawn Konopinsky
Mentale Modelle und Designprozesse im User Centered Design
“If we want users to like our software we should design it to behave like a likeable person: respectful, generous and helpful.” (Alan Cooper)
Das Web entwickelt sich immer mehr zur Plattform für sogenannte Apps – webbasierte Anwendungen (auch bekannt als SaaS = Software as a Service), die der Software ähneln, die wir auch tagtäglich auf unserem Computer benutzen.
Der einzige Unterschied besteht also darin, das diese Anwendungen in einer browser-basierten Umgebung genutzt werden, und oder mit Sprachen geschrieben werden, die jeder Browser versteht (z.B. HTML in Kombination mit JavaScript).
Dies hat den Vorteil, das diese Anwendungen plattformübergreifend genutzt werden können – also nicht speziell für verschiedene Betriebssysteme entwickelt werden müssen und keinen Platz auf Festplatte verbrauchen.
Webbasierte Anwendungen wie Doodle, die z.B dazu dienen, um Termine mit mehreren Teilnehmern zu koordinieren, Intranets oder Wikis, die dem Wissensaustausch innerhalb von Unternehmen oder Organisationen dienen und die eventuell noch spezielle, auf die Bedürfnisse der Nutzer zugeschnittene Funktionen beinhalten, online Flugbuchungssysteme und viele andere webbasierte Anwendungen bedürfen einer von Grund auf völlig anderen Planung und einem anderen Designprozess als beispielsweise herkömmliche B2B Webseiten, die z.B ausschliesslich der Präsentation eines Unternehmens dienen.
Es geht darum, diese webbasierten Anwendungen sehr nutzerfreundlich zu gestalten und den Nutzer/den Menschen in das Zentrum der Anwendung zu stellen.
Diesen speziellen, auf den Nutzer zugeschnittenen Designprozess dahinter, nennt man User-Centered Design (UCD).
Interaktion = Kommunikation!
…und was haben mentale Modelle jetzt damit zu tun?
(weiterlesen…)
Keynote Kung-Fu: How to wireframe like a ninja
Love this. So how do YOU wireframe?
Keynote Kung-Fu: How to wireframe like a ninja
View more presentations from Travis Isaacs.
Colorscheme Tools für Designer
Farben sind ja nicht ganz unwichtige Informationsträger. Sei es darum sich einfach nur mal inspirieren zu lassen, oder die passenden Kombinationen zu einer vorgegebenen zu Farbe finden – bei der Gestaltung immer ganz nützlich: diverse Colorschemetools & Pickers, die helfen, Farbharmonien herzustellen.
Adobe Kuler –
Der Klassiker, lässt eigentlich keine Wünsche offen, man kann eigene Farbschemen erstellen, nach versch. Kriterien wie z.B . Komplementärfarben, oder Abstufungen. Exportfunktion für die Paletten in Illustrator und Photoshop vorhanden.
Mir gefällt an Kuler, das es hauptsächlich mit Emotionen arbeitet, man kann also nach Schlagwörtern suchen wie z.B “early morning” – super zur Inspiration.
Gibt es übrigens auch als Desktop AIR Applikation.
What’s behind? Zielorientiertes Denken im UI Design.
Kurzer Einblick in UID Gedankenprozesse und mein Senf dazu.
Wenn ich z.B eine für eine Software einen Interaktionsprozess / Designlösung gestalten soll, muss ich wissen, welch übergeordneter Workflow dahinter steht.
Mir reicht es also nicht , die puren Tasks/Aufgaben zu kennen, (User X gibt hier etwas ein dann soll dies und jenes passieren und er soll dahin kommen…) sondern ich muss eigentlich wissen, aus welchen Gründen User x das & das eingibt und was im Großen und Ganzen dahintersteckt, ich muss diesen mir erstmal völlig fremden & neuen Workflow (mitunter auch einen Ablauf in einer Firma) komplett verstehen und verinnerlichen sowie durchspielen:
Warum tut User X das? Wie sind die internen Zusammenhänge? Wer hat noch damit zu tun?
(weiterlesen…)
User Experience Best Practices.
User Experience Best Practices
View more presentations from Nick Finck.
Nick Finck über UX Basics & Best Practices.
via IA TV
It’s all about Research
DIY User Research & Design Research For Everyday Projects
Zwei Präsentationen von Leisa Reichelt, die wirklich sehr informativ sind, wie ich finde :)
Zur User-Research…Wie betreibt ihr das so? Gar nicht? Wenn’s passt: Familie/Freunde/Kollegen? Event.- falls vorhanden – Guerilla-mässig bei den Hotlines der Unternehmen nachhaken, welche Anliegen so die “beliebtesten” sind? Oder gar richtig professionell?
Meine Erfahrung im Real-Alltag ist, das das Budget/Zeit (auch trotz Aufklärung) leider für sowas oft gar nicht da ist. Sinn machen würde es nur zu oft, da die Änderungen die nach dem Launch manchmal noch durchgeführt werden sollen, teilweise fast vorhersehbar sind/waren.
(weiterlesen…)
