net magazine - - PROJECTS WHIMSICAL -

Fun­da­men­tally, the ob­jec­tive of wire­fram­ing is to ex­per­i­ment with de­signs in low- to mid-fidelity and val­i­date them be­fore mov­ing up to high-fidelity – and be­fore that, flow­charts are used to plan the de­sign be­fore mock­ing up the wire­frames. Gen­eral con­sid­er­a­tions in­clude:

Us­abil­ity – how easy is it to use?

Ac­ces­si­bil­ity – how phys­i­cally ac­ces­si­ble is it?

In­clu­siv­ity – can every­body use it, re­gard­less of dis­abil­ity?

Scannabil­ity – can the user sum­marise in­for­ma­tion quickly?

Click­a­bil­ity – can the user in­ter­act with tap tar­gets eas­ily?

But more specif­i­cally (to name a few):

Can the user find what they’re look­ing for eas­ily?

Is hu­man er­ror com­mu­ni­cated well and eas­ily re­solved?

Are forms, nav­i­ga­tions and mi­cro-in­ter­ac­tions sim­pli­fied?

Are tap tar­gets at least 44px and do they look click­able?

Are tap tar­gets within com­fort­able reach of thumbs/fin­gers?

Is the de­sign re­spon­sive? Does it work well on all de­vices?

Is the UX copy clear, ac­tion­able and trans­lat­able?

Does the de­sign con­tain tricky UI el­e­ments like drop­downs?

Sitemapping and wire­fram­ing with the above tips in con­sid­er­a­tion means that our de­sign is more likely to be driven with the user in mind, as op­posed to be­ing driven by our per­sonal tastes.

It’s rec­om­mended to test any sitemaps, user flow maps and wire­frames against the dif­fer­ent types of us­abil­ity tests: https://

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.