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.
Course info
Rating
(62)
Level
Intermediate
Updated
Feb 28, 2015
Duration
1h 16m
Table of contents
Description
Course info
Rating
(62)
Level
Intermediate
Updated
Feb 28, 2015
Duration
1h 16m
Description

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.

About the author
About the author

Evgeny Onutchin is a Co-founder and the Head of Design at Webpgr.

More from the author
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi everyone, my name is Evgeny Onutchin, aka Buryat. I'm the head of design at Webpgr. My latest projects include Treeta the data analysis project, and Webpgr, canvas-based web builder platform. In this course we are going to learn to use user experience design methods for website creation, and particularly flow modeling. Some of the key takeaways from watching this course include learning how to review the user scenario, structure the visitor persona, define the task of the visitor, and outline the flow for the website. By the end of the training, you will have learned how to design a website in context of user-centered and task-centered designs. I'm excited to work with Digital-Tutors and share those techniques with you, so let's get started with the first lesson.