Download to read offline
Uploaded byAshley Crutcher
Introduction to Design
The document presents an introduction to UX design by Ashley Crutcher, outlining key concepts, tools, and strategies related to user experience and interface design. It includes insights on user flows, content strategy, wireframing, prototyping, and resources for further learning. Additionally, there are mentions of upcoming events for UX professionals to engage in community-driven projects.
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.