User Experience Flow Modeling for Portfolio Websites in Photoshop
In this Photoshop tutorial we'll learn how to build a visitor persona profile and apply the information gained to the website design in the context of user-centered and task-centered designs. Software required: Photoshop CC 2014.
What you'll learn
In this Photoshop tutorial we'll learn how to build a visitor persona profile and apply the information gained to the website design in context of user-centered and task-centered designs. We'll look at the steps required to create a low-fidelity website flow using wire framing techniques. We'll start from defining the scenario and information blocks using Photoshop. Along the way, we'll build the visitor behavior profile, expectations, and goals. By the end of this Photoshop training, you'll have a solid understanding of workflows that are required to create the website flow model that's ready for prototyping. Software required: Photoshop CC 2014.
Table of contents
- Understanding User Experience 7m
- Analyzing the Scenario 6m
- Outlining the Persona Behaviour 6m
- Defining Anticipation Points for the End User 7m
- Considering Human Senses in Experiences and Emotions 8m
- Using Information Blocks to Conceptualize Content 9m
- Blocking the Profile, Experience and Call to Action 8m
- Creating Positive Experiences 6m
- Wireframing the Website Flow 9m
- Extending the Wireframing for the Hybrid Concept 9m
About the author
Evgeny Onutchin is a Co-founder and the Head of Design at Webpgr. Apart from his major activities at Webpgr, Evgeny is an independent concept designer, UX consultant, and digital artist working under artistic pseudonym Buryat Sky. He is a hybrid mind, starting as an industrial designer who later converted to UI & UX while preserving his artistic activities. Evgeny studies and explores human behaviour within basic interactions and emotions. Through objects, colors and textures, he creates and imp... more