What makes a UI de­sign tool? Pre­sent­ing de­signs

net magazine - - FEATURES -

There is an in­cred­i­ble ar­ray of apps avail­able to help de­sign­ers with their work­flows and en­able them to pro­duce great work. A lot of the tools boil down to of­fer­ing one or a num­ber of these par­tic­u­lar fea­tures:


Plan­ning your in­ter­faces is im­por­tant. The abil­ity to quickly con­cept lay­outs, func­tion­al­ity and map user jour­neys will pro­vide a nice struc­ture to your project.

Re­spon­sive art­boards

Cre­at­ing vari­a­tions of your de­sign for mul­ti­ple de­vices can be la­bo­ri­ous but is es­sen­tial at times. With some tools, this is fac­tored into the UI de­sign work­flow and is a time-saver.

In­ter­ac­tive pro­to­typ­ing

This en­ables you to stitch to­gether your de­signs so that a click­able pro­to­type can bring your idea to life. There’s noth­ing bet­ter than test­ing your de­signs and see­ing how they flow.

In­ter­ac­tion an­i­ma­tion

This the ex­cit­ing part where you can breathe life into your de­signs by adding cus­tom an­i­ma­tions and tran­si­tions. This adds that nth de­gree to a pol­ished pro­to­type.


Work­ing with other de­sign­ers can be tricky if you’re work­ing on the same thing. Many of these tools now en­able more col­lab­o­ra­tion and help with con­sis­tency.

De­sign sys­tems

Col­lect­ing a li­brary of de­sign as­sets can be re­ally handy for any project, es­pe­cially when it comes to set­ting rules for com­po­nents and styles. With one cen­tral de­sign sys­tem, you will be sure to stay on track with your de­sign’s look and feel.


When it’s off to the client for ap­proval, an email back with all your changes can be a bit long winded and cer­tain as­pects risk get­ting lost in trans­la­tion. Com­ment­ing ac­cu­rately on de­sign el­e­ments is a won­der­ful fea­ture to have when work­ing with clients. The pre­sen­ta­tion of your de­signs can be re­ally help­ful when re­view­ing and test­ing your in­ter­faces. If you’re de­sign­ing a mo­bile app, you should be re­view­ing it on a mo­bile.

De­sign specs

Fin­ished your de­signs and need to ex­plain them to who is go­ing to build it? At the tap of a but­ton, your as­sets and spec­i­fi­ca­tions are all trans­lated to a nice ex­port. Job done.

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.