July 2014 session 3 - Sketching and user-centered design
•
11 likes•1,029 views
Session 3 of my June/July UX1 class at SVC. What is "good design"? What are some UX design guidelines? What role does sketching play in user-centered design? How do we diverge and create ideas, and then refine those ideas?
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to July 2014 session 3 - Sketching and user-centered design
Similar to July 2014 session 3 - Sketching and user-centered design (20)
Recently uploaded
Recently uploaded (20)
July 2014 session 3 - Sketching and user-centered design
- 1. Sketching and User-Centered Design Session 3 - July 9, 2014 School of Visual Concepts - UX1 http://svc-ux1.leannagingras.com
- 2. AGENDA Good design Design rules of thumb Sketching Critique Studio
- 3. GOOD DESIGN
- 4. LOL j/k
- 14. QuizUp
- 15. Street art is beautiful & serves a civic function
- 16. DESIGN RULES OF THUMB
- 20. Menus: Example of organizing genre to help the user quickly zoom into what they want.
- 21. Kickstarter has several groupings here: Information related to a featured project, kickstarter categories, and Seattle kickstarter projects.
- 22. Pick an organization principle that makes sense for the content and context. For example, sometimes alphabetical organization makes sense and sometimes it doesn’t.
- 23. Organizing alphabetically makes more sense for a big list of majors.
- 25. Go where the action is: Putting this sign on top of the thermostat is more effective than putting it in the break room or kitchen.
- 31. (Avoid dead ends...or at least give users an exit.)
- 33. That’s a lot of stuff to present to the user all at once. Break it up into steps to make it easier.
- 35. Filters help users arrow their choices down.
- 36. Uber’s mobile experience also limits choices by eliminating account functionality.
- 37. This site’s structure is broad, deep in some places, narrow in others, and has a single instance of a third level - (probably) not very good curation of choices.
- 38. This is a more consistent and guided structure.
- 39. A sitemap from my colleague Dan Cooney. He can’t just get rid of pages, so he will creates a hierarchy that will make it easy for the user to narrow down to what they want.
- 40. How can we make this better? Eastern Mountain Sports
- 41. How can we make this better? City of Seattle
- 42. SKETCHING
- 43. From Bill Buxton’s “Sketching the User Experience”
- 44. Messy, fast, not perfect.
- 45. Example: Refining through a particular interaction
- 46. Example: this is a later iteration of a sketch. It has just enough detail to communicate the core design idea, no more.
- 47. Since sketches are fast, lo-fi and disposable, they’re perfect for brainstorming, capturing options, and exploring ideas without getting lost in the details.
- 48. People generate better ideas individually, and refine ideas better collaboratively.
- 49. example: designing a mobile menu
- 51. I needed a responsive menu that works for a big retailer. First, I generated a bunch of ideas and patterns to make it easier to compare my options.
- 53. I picked a couple and fleshed them out a little bit.
- 54. I knew something similar to Option 4 - the off-canvas sliding menu - had worked for Trina Turk.
- 55. ...but I wasn’t sure how it would work for a site with two levels of hierarchy, so I sketched it out a little more and refined from there.
- 59. how was that?
- 62. take 5 minutes. work individually on a first pass. we’ll come back to this later...
- 65. Sketches are for generating and working through ideas, but also for communicating ideas as a boundary object. it allows critique.
- 69. Let’s present. Walk through not just your final sketch, but the steps you took to get there.
- 70. Studio If you don’t have a project, find someone who does. Get on the same page re: project goals. Pick a key task & sketch for 5 minutes. Then bring your ideas together & work on it together.