Interacting with Information
Imagemap
Design Essentialsfeedbackessential informationclear what has been achievedStandard symbolgraphically?essential elementsnavigationlink collectionvisibilityclear what is forstandard symbol?like car controlsaffordancehow an element will be usedlike cup handlesign for unobviouseg. scroll bareg shaded buttonsimplicitysubtasksstructuremeaningfulgroup relatedconsistencyeasy to learn/rememberrelated groupedsame across signsimilar use similar look: OK and cancelmeet expectations the same waytolerancereduce errorseasier to recover from themeg. grey out impossibilitieseg. variouis date imputsRecoverabilitybackwards error recoveryundo and try againforwards error recoveryaccepts error and tries for goalDesigning for the Webuse essentials heremake important stand outfast loadingfocuson what user will wanthome pagewhoaboutnewsnavigationtitleinterior pagesconsistencyup-to-datelinks outcorrect spellingsImportant visible sans scrollingData Visualisationtextsans serif better for screenrewrite to improve line lengthnumeric datadecide typedraw eye to comparison if app.titleright scale to not be misleadingdata inkessentialopp. non data ink = bell whistlechartjunkredundencyavoid content free decorationselectionknowing the target user can helprepresentationcolours etc.type of chart eg. ganttUser InterfaceHCI - human computer interactionusabilityspecified userseffectivenessgoalsefficiencynot too many resoursessatisfactioncomfortuser centred designwho are the userswhat is their experiencewhat do they wanttheir tasks?their expectationshow currently achieved?will their goals be changed?