Frische Luft

Falls Ihr auch am Bildschirm arbeitet ist das wohl der beste Tipp den ich geben kann. Weg vom Schirm und einfach raus in die Stadt oder in die Natur und mal tief durchatmen. Das befördert neuen Sauerstoff in die Gehirnzellen und bringt vielleicht einen kreativen Schub. Auch Sport soll bei diesem Prozess sehr hilfreich sein.

Brainstorming

Beim Brainstorming geht es darum möglichst viele Ideen und Schlagwörter in kurzer Zeit zu finden. Einfach alles aufschreiben was einem in den Sinn kommt. Diese Ideen sollte man dann im Nachhinein durch Kombinieren und Bewerten in eine ausführlichere Form bringen.

Leute treffen

Sich mit anderen Menschen auszutauschen kann oft den entscheidenen Kick geben und eine neue Sicht auf Dinge eröffnen. Denn oft ist man mit seinen Gedanken festgefahren und erhält so neue Impulse von außen.

Experimentieren

Dies habe ich in letzter Zeit immer mehr versucht. Einfach mehr mit Typographie, Farbe, Layout und Mustern zu experimentieren um ein besseres Gefühl zu bekommen was passen könnte und was nicht. Einfach Photoshop öffnen und drauf los gestalten. Nicht denken sondern machen. Durch diesen Prozess kommt man vielleicht zu dem passenden Stil oder Gefühl für das Projekt.

Inspirieren lassen

Überall lauert Inspiration, man muss nur die Augen aufmachen. Zeitschriften, Magazine, Blogs, Architektur, Filme, all diese Dinge können inspirieren und helfen auf neue Gedanken zu kommen. Im Grunde geht es im Webdesign um Problemlösung. Und warum sollten wir uns nicht ansehen wir andere vor uns Probleme gelöst haben.

Interaktion mit Benutzern

Als Webdesigner und Programmierer ist es schwierig sich in den Benutzer zu versetzen, genau dies sollte aber das Ziel sein. Den Benutzer verstehen. Wie sieht der “normale” Anwender die Funktionalität des Systems? Welche Fragen bleiben unbeantwortet?

Rückmeldung bzw. Feedback

Meiner Meinung nach der wichtigste Punkt beim Design/Erstellen einer Touchscreen-Anwendung. Der Benutzer muss für jede Aktion eine Rückmeldung erhalten. Sei es eine erfolgreiche Aktion oder die Rückgabe einer Fehlermeldung. Hat etwas nicht geklappt muss für den Benutzer sofort ersichtlich sein warum. Kein Benutzer sollte lange überlegen was er falsch gemacht hat. Dies kann man natürlich ausweiten und bezieht sich nicht ausschließlich auf Touchscreen-Applikationen.

Testen, testen, testen

Um ein am Ende perfekt funktionierendes System zu erstellen ist es wichtig alle Möglichkeiten auszuschöpfen und mehrere Prototypen zu testen. Test-Szenarien ermöglichen es Fehler zu entdecken und zu beseitigen. Es gibt immer mehrere Wege um ans Ziel zu kommen. Diese Wege sollte man kennen und versuchen den bestmöglichen zu wählen.

Inhalte

Es geht nicht nur um ein funktionierendes System, auch der Inhalt bzw. die Inhalte müssen passen. Der Benutzer muss einen Nutzen aus dem System ziehen. Es soll das Leben einfacher und nicht komplizierter machen. Es gibt nunmal viele Möglichkeiten um z.B. Bilder darzustellen.  Hier sollte man wie schon gesagt auf die Bedürfnisse des Durchschnitts-Benutzers eingehen und Inhalte dementsprechend aufbereiten.

Hier der Link zum vorherigen Artikel: Design für Touchscreen Anwendungen

Touchscreen?

“Ein Touchscreen, Tastschirm bzw. Sensorbildschirm ist ein Computereingabegerät, bei dem durch Berührung von Teilen eines Bildes der Programmablauf eines technischen Gerätes, meist eines Computers, direkt gesteuert werden kann. Die technische Umsetzung der Befehlseingabe ist für den Nutzer quasi „unsichtbar“, und erzeugt so den Eindruck einer unmittelbaren Steuerung eines Computers per „Fingerzeig“. Das durch den Touchscreen „berührungsempfindliche“ Bild kann dabei sowohl dynamisch mittels Monitoren oder über Projektion, als auch physikalisch (zum Beispiel gedruckt) generiert worden sein.”

Vorteile von Touchscreen Anwendungen

• Es wird keine Tastatur benötigt, die Anwendung wird der Stift/Finger gesteuert
• Touchscreens ermöglich eine direkte Eingabe, da die Hand und Cursorbewegung übereinstimmen
• Hoher Benutzerkomfort, keine aufwendigen Tastenkombinationen oder Eingaben etc. notwendig
• Zumeist sehr platzsparend, da Peripherie normalerweise entfällt
• Verminderung von Bedienfehlern, da die Menüführung meistens einfach gestrickt ist

Nachteile von Touchscreen Anwendungen

• Unpräzise Eingabe
• Kann sich bei längerer Benutzung schnell ermüdent auf die Arme auswirken
• Touchscreens, wenn nicht speziell beschichtet werden schnell schmutzig
• Stand- bzw. Sitzposition nicht ergonomisch, da man sich nah am Bildschirm aufhalten muss

Auf was man beim Design achten sollte

Man sollte man sich im Klaren sein dass der Benutzer mit dem Finger navigiert und keinen Mauscursor zur Verfügung hat. Deshalb sollten Interaktionsobjekte wie z.B. Buttons dementsprechend größer gestaltet werden. Außerdem sollte die Anwendung möglichst einfach aufgebaut sein. Keine langen Einleitungstexte, unübersichtlichen Navigationen und Eingabebereiche. Dem Nutzer sollten im Idealfall nur Auswahlmöglichkeiten angeboten werden und keine zusätzlichen Eingaben, z.B. per On-Screen Tastatur benötigt werden.

Einsatzmöglichkeiten für Touchscreens

Die meisten Menschen werden schon Touchscreen Anwendungen bedient haben, z.B. am Bahnhof um eine Fahrkarte zu kaufen. Desweiteren gibt es immer mehr Bereiche in denen Touchscreens verwendet werden. Terminals an Flughäfen, Museen, Banken  oder als interaktiver Stadtführer. Viele Handys und Mobilgeräte, wie Apples neues Tablet iPad setzen auf Touch-Displays um eine schnelle und einfache Eingabe zu ermöglichen. Durch softwaregesteuerte Gesturen kann man seine Fotos beliebig manipulieren, in Büchern blättern oder Webseiten scrollen. Die Projekte an denen ich arbeite sind noch “geheim”, deshalb kann ich hier leider nicht näher darauf eingehen.

Quellen: www.sapdesignguild.org und www.wikipedia.org

31three.com

31three.com – Das Portfolio von Jesse Bennett Chamberlain gefällt mir sehr gut. Die Pastell-Töne und die super Typographie sind sehr angenehm fürs Auge und die Illustration ist spitze. Im Mittelpunkt stehen die 3 gezeigten Projekte die mit den runden Bilder sehr schön in Szene gesetzt sind.

Analog.coop

Analog.coop – Ein Zusammenschluss mehrerer talentierter Designer und Entwickler. Momentan nur eine Art “Landing-Page” bis die Webseite fertig ist. Ein eigener Stil der durch verschiedene technische Raffinessen (Hashgrid, GeoIP) sehr gut umgesetzt ist. Die Typographie ist toll und verwendet als Standard-Schrift “American Typewriter”. Webkit-Benutzer (Safari, Chrome) kommen noch in den Genuss ein paar versteckter “Easter Eggs”, die Ihr aber selber finden müsst! Alles in allem wirklich schön und ich freue mich schon auf die Webseite.

Colly.com

Colly.com – Die Webseite von Simon Collison – Creative Director bei Erskine Design. Ich muss zugeben dass die Webseite auf den ersten Blick nichts wirklich Besonderes hat. Auf den zweiten Blick erkennt man aber die Liebe zum Detail, den persönlichen Touch, die gut durchdachte Typographie und die perfekte technische Umsetzung. Ich war erstaunt was man aus der Schrift “Times New Roman”, die wohl jeder kennt, machen kann. Auch die tollen Illustrationen passen sehr gut zum allgemeinen “Look&Feel”. Ich für meinen Teil bin wirklich begeistert, aber über Geschmack lässt sich ja bekannterweise streiten. Lesenswert ist der Artikel “Redesigning the undesigned” – in dem Simon alle Entscheidungen und Elemente erklärt und seine Gedanken hierzu preisgibt.

Fazit

Dies sollte nur ein kleiner Einblick in meinen persönlichen Geschmack sein und ich hoffe Ihr habt ebenfalls etwas Inspiration erhalten. Natürlich gibt es noch zig weitere Seiten die ich hier aufführen könnte.

• Video Tutorials “Best of” (Smashing Magazine)
• Photoshop Weblog
• pshero.com
• Drunken Monkey (Smashing Magazine)
• Ulf Theis Tutorials
• Traum Projekt
• Tutorials, Tipps & Tricks für Photoshop & Illustrator
• Designer in Action
• Galileo Design Video Tutorials
• Bildbearbeitung mit Photoshop (Dr. Web)

Ich denke es ist für jeden Photoshop-Interessierten etwas dabei. Gerne werde ich weitere Tutorials hier aufnehmen. Hierzu einfach ein Kommentar hinterlassen.