Post on 14-Apr-2017
High Fidelity Prototyping
IFI7156.DT Interaction Design Methods
High-fidelity prototyping
• Graphical UI prototypes
• HTML/CSS mockups
• Clickthrough prototypes
Inspiration
Design patterns and guidelines
https://studio.uxpin.com/ebooks/web-ui-design-patterns-2016-volume-1/
https://studio.uxpin.com/ebooks/web-ui-design-patterns-2016-volume-2/
https://studio.uxpin.com/ebooks/mobile-design-patterns/
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/
http://trac.htk.tlu.ee/iva2/wiki/InterfaceGuidelines
UI frameworks
Prototyping software
Color schemes
Icons
Placeholders
When to use real data?
Final notes (course, grading, etc…)
Photos
• MagneziUm Design Studio Belgrade, https://www.flickr.com/photos/131988821@N04/20494586089/
This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/
Hans Põldoja hans.poldoja@tlu.ee
Interaction Design Methods http://ifi7156.wordpress.com
Tallinn University School of Digital Technologies