Interaktion
FunkÂtioÂnaÂle AniÂmaÂtiÂon unterÂstützt beim VerÂständÂnis eines VorÂganÂges, z.B. ein rouÂtieÂrenÂde AniÂmaÂtiÂon beim LadeÂvorÂgang.
ModaÂle FensÂter (z.B. FehÂlerÂmelÂdunÂgen) unterÂbreÂchen den Ablauf einer AktiÂon und erwarÂten unmitÂtelÂbaÂres NutÂzerÂfeedÂback.
StaÂtusÂmelÂdunÂgen geben unmitÂtelÂbaÂres FeedÂback über eine erfolgÂreiÂche AktiÂon (z.B. »GespeiÂchert!«).
ForÂmuÂlaÂre sind eine der größÂten FrusÂtraÂtiÂonsÂquelÂlen für NutÂzer und fühÂren häuÂfig zu AbbrüÂchen einer HandÂlung.
Welch großÂarÂtiÂges SteÂckenÂpferd für UI-Designer.
Layout
KenntÂnisÂse über TypoÂgraÂfie und RasÂter gehöÂren zum Feld des GraÂfikÂdeÂsigns. Für User-Interfaces ist zudem speÂziÂfiÂsches WisÂsen nötig. So sind beiÂspielsÂweiÂse KomÂpoÂnenÂten in verÂschieÂdeÂnen ZustänÂden zu gestalÂten, oder es solÂlen verÂschieÂdeÂne BildÂschirmÂgröÂßen (StichÂwort »responÂsiv«) BeachÂtung finÂden.
MoodÂboard, WireÂframe, InhalÂteÂstrukÂtuÂrieÂrung durch Card-Sorting, EntÂwickÂlung von PerÂsoÂnae, Event-Tree und Pattern-Libraries sind meiÂne MethoÂden. GestalÂtung kann man als WisÂsenÂschaft betreiÂben, muss man aber nicht. SponÂtaÂniÂtät an den richÂtiÂgen StelÂlen ist die unabÂdingÂbaÂre WürÂze.
Gerät
EinÂgaÂbe und AusÂgaÂbe erfolgt heuÂte mit einer VielÂzahl von GeräÂten. AufÂgaÂbe des User-Interface Designs ist es, die mögÂliÂchen NutÂzunÂgen zu idenÂtiÂfiÂzieÂren.
GesÂten wie Wischen, KliÂcken, ZieÂhen, Hovern könÂnen verÂschieÂdeÂne InterÂakÂtioÂnen ausÂlöÂsen, die geläuÂfiÂgen KonÂvenÂtioÂnen unterÂlieÂgen.
Nutzerzentrierung
WelÂche ZieÂle wolÂlen die NutÂzer einer WebÂsite oder App erreiÂchen? WelÂche AufÂgaÂben möchÂten sie erleÂdiÂgen? Wie kann das User-Interface ihnen den Weg erleichÂtern?
NutÂzerÂoriÂenÂtierÂtes Design ist ein ProÂzess, der sich wieÂderÂhoÂlenÂde PhaÂsen beinhalÂtet:
- AnaÂlyÂse der beabÂsichÂtigÂten NutÂzung und ihres KonÂtexÂtes
- ForÂmuÂlieÂrung von AnforÂdeÂrunÂgen
- KonÂzepÂtiÂon und GestalÂtung
- ÜberÂprüÂfung anhand von ProÂtoÂtyÂpen
Auch PostÂkarÂten sind User InterÂfaces…
TürÂklinÂken sind das User-Interface der Tür. Aber eigentÂlich geht es hier um die PlaÂkaÂte …
ResponÂsiÂve WebÂsite auf WordÂPress Basis, HTML 5, CSS 3 für Resonanzen-Festival LeipÂzig. Video auf der StartÂseiÂte, InforÂmaÂtioÂnen zum FesÂtiÂvalÂproÂgramm.