UX Process v0.1 - A work in progress
-
Upload
simon-whatley -
Category
Design
-
view
280 -
download
3
description
Transcript of UX Process v0.1 - A work in progress
![Page 1: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/1.jpg)
UX Process v0.1Simon Whatley
![Page 2: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/2.jpg)
• Current process and some problems
• Future considerations
• The tools I use
![Page 3: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/3.jpg)
Current processIt’s not a silver bullet by any means
![Page 4: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/4.jpg)
De!ne project
• Identify product managers and stakeholders
• De!ne the value proposition
• Collate top messages
• Establish goals
![Page 5: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/5.jpg)
Research and analysis
• Competitor analysis
• Gather domain knowledge
• Garner user insights
![Page 6: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/6.jpg)
Ideation
• De!ne target audiences and personas
• Brainstorm scenarios and touch-points
• Identify important content
• Establish a basic IA
![Page 7: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/7.jpg)
![Page 8: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/8.jpg)
![Page 9: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/9.jpg)
Content creation
• “Sizzle” and “Steak” pages are de!ned
• Content is written by stakeholders in conjunction with the copywriter
• Content is edited by the copywriter
• UX takes a back seat, but shouldn’t
![Page 10: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/10.jpg)
![Page 11: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/11.jpg)
Build wireframes• De!ne patterns used on Ubuntu.com
• Design a ‘typical’ sizzle page
• Design a ‘typical’ steak page
• Build a base wireframe with Ubuntu.com furniture
• Explore multiple options for each page of content
• Get feedback verbally or via Onotate
![Page 12: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/12.jpg)
![Page 13: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/13.jpg)
Hand-over to design
• Final (sic) content
• Final (sic) wireframes
• Visual asset recommendations
![Page 14: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/14.jpg)
![Page 15: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/15.jpg)
Problems!...are also a guide to solutions
![Page 16: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/16.jpg)
• Little or no generative research beyond talking to internal stakeholders
• Little or no evaluative research with external users or customers
• Time and resources
![Page 17: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/17.jpg)
Future considerationsWeb technologies move fast, so should we
![Page 18: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/18.jpg)
• Work with other web-based teams to de!ne and inform design process
• Launchpad
• Landscape
• MAAS
• Ubuntu One
![Page 19: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/19.jpg)
• A UI pattern library for Ubuntu.com
• Responsive web design and responsive wireframes
• Mobile and tablet user testing using test rigs
• Analytics (goals, funnels, events, heatmaps)
• Multivariate and A/B testing
• Accessibility auditing
![Page 20: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/20.jpg)
The tools I useThey may be useful to you
![Page 21: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/21.jpg)
• OmniGra"e for wireframes, Pixelmator and GIMP for simple graphics
• OmniOutliner and/or Google Spreadsheets for information architecture
• Google Docs for collaborative working
• Silverback for formal usability testing
• Cisco Flip, Canon 60D and ScreenFlow for video capture and editing
![Page 22: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/22.jpg)
• Sansom CO3U USB condenser microphone, Zoom H4n mobile recorder and Audacity for sound recording and editing
• Skype for remote interviews/testing
• OptimalSort for card sorting
• SurveyMonkey for questionnaires
• Good old HTML, CSS and JavaScript (jQuery) for clickable prototypes
• Pen and paper
![Page 23: UX Process v0.1 - A work in progress](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bbaa4a4a7959b0318b45b5/html5/thumbnails/23.jpg)
Thank you