User Interface Prototyping

User Interface Prototyping

IFI7156 Interaction Design Methods

lo-fiprototyping

hi-fiprototyping

User interface guidelines

http://trac.htk.tlu.ee/iva2/wiki/InterfaceGuidelines



Prototyping software

Balsamiq Mockups

http://www.balsamiq.com/products/mockups

http://www.balsamiq.com/products/mockups

OmniGraffle

http://www.omnigroup.com/products/omnigraffle/

http://www.omnigroup.com/products/omnigraffle/

http://developer.yahoo.com/ypatterns/about/stencils/



http://konigi.com/tools/overview



https://www.graffletopia.com



http://www.axure.com

http://www.axure.com/features

http://www.axure.com/features

Adobe Fireworks

http://www.adobe.com/ee/products/fireworks.html

http://www.adobe.com/ee/products/fireworks.html

http://bohemiancoding.com/sketch/



http://pencil.evolus.vn



Pencil



Testing the prototypes

http://www.invisionapp.com



Images

• meedanphotos, http://www.flickr.com/photos/meedan/4762863697/

http://www.flickr.com/photos/meedan/4762863697/

http://www.flickr.com/photos/meedan/4762863697/

This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/3.0/

Hans Põ[email protected]

Interaction Design Methodshttp://ifi7156.wordpress.com

Tallinn UniversityInstitute of Informatics

http://creativecommons.org/licenses/by-sa/3.0/




mailto:[email protected]

mailto:[email protected]

http://ifi7156.wordpress.com

http://ifi7156.wordpress.com