![\"flow.jpg\"](\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2007\/12\/flow.jpg\")
<\/p>\n<\/p>\n
und diesmal meine ich damit nicht die Anordnung der html-Elemente im Markup einer Webseite sondern<\/p>\n
„das lustbetonte Gef\u00fchl des Aufgehens in einer T\u00e4tigkeit“ <\/strong> Der Flow kann aber im Webdesign auch eine Rolle f\u00fcr den Benutzer spielen. Wedesign ist eng verkn\u00fcpft mit Usability \u00e2\u20ac\u201c der m\u00f6glichst einfachen Bedien- und Benutzbarkeit einer Webseite. „keep it simple and stupid“ (kiss) hei\u00dft die Devise \u00e2\u20ac\u201c alles muss immer leicht zu finden, \u00fcbersichtlich und gut zu erfassen sein. Wenn man jedoch einmal weiterdenkt, so sind im Leben nicht immer die Dinge und Menschen, die wir 100% durchschauen, die, die uns reizen, die uns interessant erscheinen und die uns neugierig machen.<\/p>\n In diesem Zusammenhang erinnere ich mich an eine Forumsdiskussion, bei der sich die Beteiligten dar\u00fcber unterhielten welcher Satz wohl stimmen w\u00fcrde: „Gleich und gleich gesellt sich gern“ oder „Gegens\u00e4tze ziehen sich an“. Menschen, zu denen wir uns hingezogen f\u00fchlen, haben vieles, was einem selber \u00e4hnlich ist \u00e2\u20ac\u201c wir bleiben bei diesem Menschen, wenn es dar\u00fcber hinaus jedoch auch Dinge gibt, die anders sind und die die Beziehung spannend und interessant erh\u00e4lt. Wir gehen, wenn es zu viele Unterschiede gibt, Meinungsverschiedenheiten, Chaos und Undurchsichtigkeiten.<\/p>\n Ist das f\u00fcr einen Vergleich mit Wedesign zu weit her geholt? Ich meine nicht. A Listapart ver\u00f6ffentlichte einen Artikel <\/a>in welchem es um die Frage geht, wie man Webseiten so gestaltet, dass beim Benutzer das Flow-Gef\u00fchl eintritt.<\/p>\n Komplexe Webseiten wie Ebay oder Flickr erkl\u00e4ren was man mit dem Angebot machen kann. Hat der Benutzer die Anwendung verstanden und m\u00f6chte er das Angebot zur Umsetzung eigener Ziel nutzen, bekommt er eine umfassende Hilfetstellung. Ist er schon etwas erfahrener in der Anwendung, m\u00f6chte er die Seite schneller und effizienter nutzen. Hat er auch das bew\u00e4ltigt kommt auch hier eine Phase in der das Interesse nachl\u00e4sst. Alle Funktionen sind bekannt, so manch einer f\u00fchlt sich gelangweilt. Um das zu verhindern sollte eine Webseite immer wieder neue Attraktionen bieten wie z.B. die neuesten Kommentare, den am meisten kommentierten Artikel usw. Ebay setzt hierzu Funktionen in den Text, also dort wo User zwangsl\u00e4ufig beim Lesen drauf sto\u00dfen und so animiert werden diese Funktionen auszuprobieren. So entdecken User immer wieder neue Dinge und lernen hinzu.<\/p>\n Ebay und Flickr \u00e2\u20ac\u201c das sind jedoch sehr gro\u00dfe Webseiten mit einem interaktiv nutzbaren Angebot und ha,ha gaaaanz weit jenseits meiner eigenen Projekte. Was mich dennoch interessieren w\u00fcrde ist die Frage wie man den Flow auch f\u00fcr den kleinen Webseitenauftritt des Freiberuflers oder KMUler umsetzen kann.<\/p>\n F\u00fcr meine zuk\u00fcnftige Arbeit werde ich mir den Gedanken auf jeden Fall mal mitnehmen. Webseiteninhalte sollen zwar einfach zu erfassen sein, die Struktur sollte klar Wichtiges von Unwichtigem trennen \u00e2\u20ac\u201c es sollte jedoch auch etwas zum Entdecken geben, zum St\u00f6bern, zum Finden und zum Ausprobieren \u00e2\u20ac\u201c Aufgaben die ein interessierter User bew\u00e4ltigen kann und die daf\u00fcr sorgen, dass die Seite positiv zu bew\u00e4ltigen ist, spannend und interessant bleibt. (foto istockphoto | talshiar<\/a>]<\/p>\n","protected":false},"excerpt":{"rendered":" Alles ist im Fluss
\n(Zitat: Wikipedia<\/a>).
\nWahrscheinlich ist das einer der Gr\u00fcnde, warum ich die Arbeit an einem Design f\u00fcr eine Webseite so mag \u00e2\u20ac\u201c es sind Aufgaben die man bew\u00e4ltigen kann, die zwar herausfordern, aber die man mit einem optimistischen Blick auf einen erfolgreichen Abschluss gerne tut. Ok \u00e2\u20ac\u201c Frust gibt es hin und wieder auch, aber die Momente, in denen man „im Fluss“ ist, \u00fcberwiegen. Man arbeitet konzentriert, eifrig und manchmal wie ein Kind mit hochroten Backen.<\/p>\nDer Mensch ist neugierig<\/h2>\n
Wie gro\u00dfe erfolgreiche Webseiten das machen<\/h2>\n
und ich?<\/h2>\n
\n(Via alp uckan<\/a>)<\/p>\n
\nund diesmal meine ich damit nicht die Anordnung der html-Elemente im Markup einer Webseite sondern
\n„das lustbetonte Gef\u00fchl des Aufgehens in einer T\u00e4tigkeit“
\n(Zitat: Wikipedia).
\nWahrscheinlich ist das einer der Gr\u00fcnde, warum ich die Arbeit an einem Design f\u00fcr eine Webseite so mag \u00e2\u20ac\u201c es sind Aufgaben die man bew\u00e4ltigen kann, die zwar … Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[177,14,161],"yst_prominent_words":[],"class_list":["post-3614","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-tipps-und-tricks","tag-webdesign-2","tag-xhtml-css"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3614"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3614\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3614"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}