UX Design
An Introduction - #dallaswomenux
UX Designer at Ansira
Computer Science - Digital
Media & Systems Analysis

Taylor University ‘2013
Married with 3 Furkids



Background
Hi there, I’m Ashley
It’s nice to meet you!
Agenda
What is Design? Let’s Build Resources
What is UX design?
Not to mention the
difference between
UX and UI…
Let’s Build!
A humble sign up screen
https://vine.co/u/1281440315190149120
Use Cases
As a cat lover, I want to sign up with an account so that I can get the
latest videos, favorite videos, and enjoy other benefits of being a
Pixel Cat Fan
* Sometimes UX develops these, sometimes a Business Analyst might.
Tools:
• Jira
• Trello
• Pivotal Tracker
• Spreadsheets
Business Needs
• People to sign up to drive content to them
• Learn more about the audience and what kind of content to produce in the future
Audience
* Sometimes UX develops these, sometimes a Business Analyst or Strategist might.
Tools:
• Illustrator
• Word
• Persona Builder
Hobbies:
• Netflix
• Socializing with friends
• Working Out
Information:
• Ashley
• Income: Not enough
Why is she interested?
• Loves cats
• Loves sharing cute things with friends
Barriers
• Trying to cut down on time spent on smartphone
• Uses other social media apps - why should she use this?
User Flows
* Sometimes UX develops these, sometimes a Business Analyst might.
Tools:
• Omnigraffle
• Lucidchart
• flow chart diagramming
program
Content Strategy/Content Outline
* Sometimes UX develops these, sometimes a Content Strategist or Copywriter might.
Tools:
• GatherContent
• Word
• Spreadsheets
Strategy:
• Be friendly, but a bit
aloof, like if a cat was
talking to you
• Always be clear
• …
Outline:
• Headline
• Intro text
• Email label
• Password label
• Email legal text
• Password legal text
• …
Information Architecture
Tools:
• Omnigraffle
• Lucidchart
• Other diagramming
software
Wireframes & Prototyping
Tools:
• Axure
• InvisionApp
• Sketch
• Illustrator
http://arfsjb.axshare.com
User Testing
Tools:
• UserTesting
• HotJar
• UsabilityHub
• and many more
http://arfsjb.axshare.com
Functional Specifications
Tools:
• Axure
• Spreadsheets
• Word
• Program that allows
annotations
Visual Design
Tools:
• Illustrator/Photoshop
• Sketch
• Affinity Designer
• Other graphics programs
* Sometimes UX develops these, sometimes a
UI Designer, Art Director, or Graphic Designer
might.
A/B Testing - Iterating
Tools:
• VWO
• Optimizely
• Manual development
Final Design
Resources
Books:
• The Design of Everyday Things & Emotional Design
• Don’t Make Me Think
• Design with the Mind in Mind
• Just Enough Research
Websites:
• UX Magazine
• UIE
• UXBooth
• Alistapart
Other Resources:
• Join UX Designer Hangout
• Follow people on Twitter
• Follow UX publications on
Medium
Conferences & Camps
On September 30th - October
2nd Developers, Designers, and
Project Managers to donate their
time to create custom software for
non-profit organizations
http://dallasgivecamp.com
UX, Developers, Content Strategist
- anyone who touches a digital
product should be at Big Design
Dallas September 8-10th
http://dallasgivecamp.com
Thank You!
Ashley Crutcher
ashleyspixels
https://vine.co/u/1281440315190149120
ashley.crutcher@ansira.com
http://ashleyspixels.com

Introduction to Design

  • 1.
    UX Design An Introduction- #dallaswomenux
  • 2.
    UX Designer atAnsira Computer Science - Digital Media & Systems Analysis
 Taylor University ‘2013 Married with 3 Furkids
 
 Background Hi there, I’m Ashley It’s nice to meet you!
  • 3.
    Agenda What is Design?Let’s Build Resources
  • 4.
    What is UXdesign?
  • 5.
    Not to mentionthe difference between UX and UI…
  • 7.
    Let’s Build! A humblesign up screen https://vine.co/u/1281440315190149120
  • 8.
    Use Cases As acat lover, I want to sign up with an account so that I can get the latest videos, favorite videos, and enjoy other benefits of being a Pixel Cat Fan * Sometimes UX develops these, sometimes a Business Analyst might. Tools: • Jira • Trello • Pivotal Tracker • Spreadsheets Business Needs • People to sign up to drive content to them • Learn more about the audience and what kind of content to produce in the future
  • 9.
    Audience * Sometimes UXdevelops these, sometimes a Business Analyst or Strategist might. Tools: • Illustrator • Word • Persona Builder Hobbies: • Netflix • Socializing with friends • Working Out Information: • Ashley • Income: Not enough Why is she interested? • Loves cats • Loves sharing cute things with friends Barriers • Trying to cut down on time spent on smartphone • Uses other social media apps - why should she use this?
  • 10.
    User Flows * SometimesUX develops these, sometimes a Business Analyst might. Tools: • Omnigraffle • Lucidchart • flow chart diagramming program
  • 11.
    Content Strategy/Content Outline *Sometimes UX develops these, sometimes a Content Strategist or Copywriter might. Tools: • GatherContent • Word • Spreadsheets Strategy: • Be friendly, but a bit aloof, like if a cat was talking to you • Always be clear • … Outline: • Headline • Intro text • Email label • Password label • Email legal text • Password legal text • …
  • 12.
    Information Architecture Tools: • Omnigraffle •Lucidchart • Other diagramming software
  • 13.
    Wireframes & Prototyping Tools: •Axure • InvisionApp • Sketch • Illustrator http://arfsjb.axshare.com
  • 14.
    User Testing Tools: • UserTesting •HotJar • UsabilityHub • and many more http://arfsjb.axshare.com
  • 15.
    Functional Specifications Tools: • Axure •Spreadsheets • Word • Program that allows annotations
  • 16.
    Visual Design Tools: • Illustrator/Photoshop •Sketch • Affinity Designer • Other graphics programs * Sometimes UX develops these, sometimes a UI Designer, Art Director, or Graphic Designer might.
  • 17.
    A/B Testing -Iterating Tools: • VWO • Optimizely • Manual development
  • 18.
  • 19.
    Resources Books: • The Designof Everyday Things & Emotional Design • Don’t Make Me Think • Design with the Mind in Mind • Just Enough Research Websites: • UX Magazine • UIE • UXBooth • Alistapart Other Resources: • Join UX Designer Hangout • Follow people on Twitter • Follow UX publications on Medium
  • 20.
    Conferences & Camps OnSeptember 30th - October 2nd Developers, Designers, and Project Managers to donate their time to create custom software for non-profit organizations http://dallasgivecamp.com UX, Developers, Content Strategist - anyone who touches a digital product should be at Big Design Dallas September 8-10th http://dallasgivecamp.com
  • 21.
  • 22.