Important Notice:

As of September 15, 2016, we no longer publish new courses on this website. We encourage you to use your Digital-Tutors credentials to sign in on Pluralsight where you'll find all new creative courses, skill tests and paths, 1:1 mentoring and more.
User Experience Flow Modeling for Portfolio Websites in Photoshop
See Details
Released Feb 28, 2015
Evgeny Onutchin

Guest Tutor

Evgeny Onutchin
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.
Introduction and project overview
1

Introduction and project overview

 
00:57
Understanding user experience
2

Understanding user experience

 
07:13
Analyzing the scenario
3

Analyzing the scenario

 
06:23
Outlining the persona behaviour
4

Outlining the persona behaviour

 
06:08
Defining anticipation points for the end user
5

Defining anticipation points for the end user

 
07:05
Considering human senses in experiences and emotions
6

Considering human senses in experiences and emotions

 
07:48
Using information blocks to conceptualize content
7

Using information blocks to conceptualize content

 
08:42
Blocking the profile, experience and call to action
8

Blocking the profile, experience and call to action

 
08:21
Creating positive experiences
9

Creating positive experiences

 
06:21
Wireframing the website flow
10

Wireframing the website flow

 
09:23
Extending the wireframing for the hybrid concept
11

Extending the wireframing for the hybrid concept

 
09:28