Monthly Archives: March 2016

Understanding Wireframing

A Beginner’s Guide to Wire–framing

A Tuts+ tutorial

http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing–webdesign-7399

Ultimate Guide to Website Wireframing

By Cameron Chapman

http://sixrevisions.com/user-interface/website-wireframing/

Download the Guide to Wireframing

UXPIn

http://studio.uxpin.com/ebooks/guide-to-wireframing/?_ga=1.218430617.1074708782.1445823609

General UXPIN Guides

https://www.uxpin.com/knowledge.html

A comprehensive collection of UX techniques available for use on UX projects.

A comprehensive collection of UX techniques available for use on UX projects.

Mix and match these UX techniques to create a UX process best suited to the project at hand. We’ll be updating this page regularly with additional content, links and tutorials about how to apply these techniques.

http://uxmastery.com/resources/techniques/

Understanding Personas

Understanding Personas

A persona is a fictitious identity used to represent one of the user groups for who you are designing. They are created by taking both qualitative and quantitative data from; analytics, surveys, interviews user testing and other research techniques that the UX designer uses to craft a sketch of an ideal user.
A good persona needs a name, photo, realistic and research based motivations and goals, and a backstory rooted in reality.

Usability.gov—Personas

http://www.usability.gov/how-to-and-tools/methods/personas.html

Building data based personas

http://www.sitepoint.com/create-data-backed-personas/

How To Create UX Personas (video)

http://uxmastery.com/create-ux-personas/

An Introduction to user personas—UX Lady

http://www.ux-lady.com/introduction-to-user-personas/

UIACCESS.COM—Example Personas

http://www.uiaccess.com/accessucd/personas_eg.html

Free Persona Template

http://fakecrow.com/free-persona-template/

UX Deck Examples

UX Deck Examples

These are examples of some of the decks created in last semester’s UX/UI Design class.

Steve Asfall

https://dl.dropboxusercontent.com/u/7618538/COMD3562%E2%80%94UX%20Design/CUNY-COMD3562-Final_Presentation_Steve_Asfall.pdf

John Bhatia

https://dl.dropboxusercontent.com/u/7618538/COMD3562%E2%80%94UX%20Design/CUNY-COMD3562-Final-Presentation-john-bhatia.pdf

Thomas Ma

https://dl.dropboxusercontent.com/u/7618538/COMD3562%E2%80%94UX%20Design/CUNY-COMD3562-Final-Presentation-ThomasMa.pdf

Understanding Scenarios

Understanding Scenarios

A scenario is a “day in the life of” one of your personas. It should include both the persona’s daily working tasks as well as how your app or website fits into their lives.

Writing a scenario is as simple as taking your research and extrapolating from it to document the tasks that your persona’s perform when using your product.

A step by step guide to scenario mapping

http://www.uxforthemasses.com/scenario-mapping/

Using Scenarios

https://uxthink.wordpress.com/2010/11/30/using_scenarios/

Usability.gov—Scenarios

http://www.usability.gov/how-to-and-tools/methods/scenarios.html

UIAccess.com—Example Scenarios

http://www.uiaccess.com/accessucd/scenarios_eg.html