idx 200 - week1
TRANSCRIPT
What is UX
UX is not UI
How is it Different than UI
• UX Designer is concerned with how a product feels
• UX Designer works with Creative Director and Visual Designer
• Involved in every stage of the products creation
• Ties all aspects of the interactions with the brand
What does a UX Designer Do?
What does a UX Designer Do?
• Scenario Improve Existing Site– Restrictive Legacy Process– Limited Budget– Limited Scope
What does a UX Designer Do?
• Scenario Improve Existing Site– IA. Can the pages be reorganized?– Copy. Can the copy be improved?– User Flow. Can the process be improved?
What does a UX Designer Do?
• Scenario Redesign Website– Start with business goals / Client interview– Content/Asset audit– Ideation– Prototype– Test– Design– Build
Google Example
• UX Designer Thinks They’re Helping…
UX Process
Elements of a Webpage
• Brand Header• Purpose/Benefit of this Product• Call to Action• Tokens of Trust
Elements of a Webpage
• Brand Header
Elements of a Webpage
• Purpose/Benefit of this Product
Elements of a Webpage
• Call to Action
Elements of a Webpage
• Tokens of Trust
Tools
• Pen and Paper• Software with a grid layout– Illustrator– Omnigraphal
• Photoshop Layers• Templates• Google Keyword Planner
Prototyping
• Drawn• Paper• Low fidelity prototype• Hi-Fi prototype
Wireframes
• Creates a common language for the design• Move to digital when – Many visual elements repeat – Details begin to emerge– Consistent size and shapes are needed
Frameworks
• JQueryUI• Booststrap
Content Design Psychology
• Maslow’s Hierarchy
Content Design Psychology
• Maslow’s Hierarchy
Analyzing Structure
• Chunk out the main content areas• Identify proof of trust• What is the key offering• The Call to Action• What is the consequence of the CTA