Welcome to UX Design Class
•Télécharger en tant que PPT, PDF•
18 j'aime•14,913 vues
From a Class given at General Assembly. It was closed with a talk by Andrei Herasimchuk.
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (13)
Similaire à Welcome to UX Design Class
Similaire à Welcome to UX Design Class (20)
Plus de Christina Wodtke
Plus de Christina Wodtke (20)
Dernier
Dernier (20)
Welcome to UX Design Class
- 1. class 1 Welcome! About the Instructor – Syllabus – Final Project
- 2. YOU • Five words on you • Five words on why you are here • Or a haiku NOT YET! Think about it…. 2
- 3. About Christina Wodtke Why do we know what we know? •Wrote Information Architecture: Blueprints for the Web •Founded IAI •Founded Boxes and Arrows •Ran design teams, product teams in companies such as Yahoo, Linkedin, Myspace, Zynga •Currently advising a number of startups on UX 3
- 4. About Eric Bell Why do we know what we know? • Information Science at University of Washington • IA for Microsoft, Zaaz, Concent • Concent is located in Japan, where he worked at projects from air conditioner interfaces to corporate governance website •YOUR TA! 4
- 5. YOU • Five words on you • Five words on why you are here • Or a haiku 5
- 6. syllabus week 1 STRATEGY •Introduction to UX, research, business requirements, Personas week 3 SCOPE •Requirements, Content and Feature Strategy week 4 STRUCTURE •Information Architecture, Interaction Design, Communicating Design week 6 UNIQUE CONTEXTS •Social, Games, Network Design, Offline and on, Mobile week 10 SKELETON & SKIN •Brand, Visual Design 6
- 7. Grading Homework 25% Get the most out of class by doing all your homework. Participation 25% Get to know your classmates and share your ideas with them. Final Project 50% Show off what you’ve learned. 7
- 8. final project PRESENTATIONS DEC 19 & 20 Select from one of several start-ups •Real World! Delivers lunch, matchmaking local restaurants with desk-bound office workers •Social! Collecting materials from a variety of other services, from Flickr to Facebook ,to create memory sites •Entertainment! Fashion site that lets women post items they want to find, and other women find them •Gift! parents and grandparents subscribe their kids to monthly cooking delivery box •Kids! online directory of out of school programs for children Notes: if user research, brainstorming, etc you discover pivots, changes, or new opportunities you are empowered to do them! 8
- 9. Software and Books • you can get omnigraffle • or Balsalmiq, or whatever…. Paper perhaps • you’ll probably need Photoshop or something sexy when it comes to the sexy part • Recommended: Elements of User Experience, Don’t Make Me Me Think, Designing Interactions, Designing the Social Web and MY BOOK! 9
- 10. class 1 UX introduction What is UX? – What makes up User Experience – Requirements – Strategy – Principles
- 11. What is user experience?
- 12. What experience do you love? What is it? Why do you love it? What’s your favorite part?
- 13. Don Norman "User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high-quality user experience in a company's offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design. 13
- 14. jesse james garrett the design of anything independent of medium or across [device] with human experience as an explicit outcome and human engagement as an explicit goal -Jesse James Garrett 14
- 15. jesse james garrett -Jesse James Garrett 15
- 16. Historically, online we’ve cared about:
- 18. GRAPHIC DESIGN
- 21. dan saffer 21
- 22. Startups are seeking 22
- 24. This Course • You’ll do the entire plane • You will suck. That is AWESOME • Not trying=failing • Find your love. Follow it. 24
- 25. Design Principles A SHORT HISTORY OF ARCHITECTURE
- 26. Cave
- 28. Hut
- 30. Stone Age City
- 32. VITRUVIUS firmitas, utilitas, venustas : : durability, convenience, beauty
- 33. Durability “Durability will be assured when foundations are carried down to the solid ground and materials wisely and liberally selected” Vitruvius
- 34. Frank Lloyd Wright’s Imperial Hotel, Japan, survived an earthquake The reflecting pool provided a source of water for fire-fighting; Cantilevered floors and balconies provided extra support for the floors; A copper roof, cannot fall on people below the way a tile roof can; Seismic separation joints, located about every 20 m along the building; Tapered walls, thicker on lower floors, increasing their strength; Suspended piping and wiring, instead of being encased in concrete, smooth curves, making them more resistant to fracture.
- 35. I’m searching for “my architect, not “movies, directors, actors” Technical Earthquakes Slow loading javascript fails on low bandwidth, and can cause users to accidently search for the label inside your search box. Is your site designed to be robust when things break (for example, filter out the label from the query. Or don’t place labels in fields; it reduces usage anyhow.)
- 36. Social Earthquakes If people post jobs in discussion areas, any user can move them to job board If people use connection invites to
- 37. Prepare for Technical Tremors Social Faultlines Execution Innocents/Idiots Maintenance Trolls Scale Spammers Bandwidth Criminals
- 38. Convenience “When the arrangement of the apartments is faultless and presents no hindrance to use, and when each class of building is assigned to its suitable and appropriate exposure” Vitruvius Sound familiar? We’re talking usability!
- 39. Usonian houses were beautiful, human scaled.. And didn’t have closet space. Should we choose beauty over usability sometimes? “Early in life I had to choose between honest arrogance and hypocritical humility. I chose honest arrogance and have seen no occasion to change.” Frank Lloyd Wright
- 40. Hum an The Facebook Inbox is chock full of annoying non- human mails, despite the fact they know who is human and who I Hum am connected to. Not convenient. an
- 41. Bilbao did not leak. I was so proud.
- 42. I call it the "Then What?" Okay, you solved all the problems, you did all the stuff, you made nice, you loved your clients, you loved the materials, you loved the city, you're a good guy, you're a good person... and then what? What do you bring to it?
- 43. Beauty (delight) “when the appearance of the work is pleasing and in good taste, and when its members are in due proportion according to correct principles of symmetry.” Vitrvius
- 44. “Less is more.” ~ Mies
- 45. SEAGRAM BUILDING (Philip Johnson did interiors, 1957) Seagram This logical and Building elegant 38-story skyscraper (525' H) New York City has alternating horizontal bands of 1957 bronze plating and Is this bronze-tinted glass Beautiful? and decorative bronze I-beams which emphasize its
- 46. “Less is a bore.” ~ Venturi
- 48. Do we dictate what is beautiful by constraining user choice?
- 49. Or support passionate use that may not meet our aesthetic standards?
- 50. Beautiful Durable Convenient
- 52. You can’t control the person, but you can design the environment to change behavior B=f(P+E) Behavior is a function of a Person and his Environment - Lewin’s Equation
- 54. julian missig
- 56. Andrei Andrei Michael Herasimchuk has been designing world class software across web browsers, desktop clients, mobile smartphones and tablet computers for more than two decades. He was the lead designer behind the Adobe Creative Suite and the product lead for Adobe Lightroom. He was Chief Design Officer for Involution Studios, a digital product design company based in the United States and led the 2010 redesign of Yahoo! Mail. In 2011, Andrei joined Twitter and is currently the Director of Design. His writing and thoughts on design can be found at Design by Fire (http://www.designbyfire.com). 56
- 57. homework Watch Steve Krug’s Do it yourself Usability Test http://www.sensible.com/rsme.html Read the package Select a particularly satisfying user experience. Describe why, noting at least three touch points. *without using search 57
Notes de l'éditeur
- Neolithic monument in present day Turkey Occupied between 6300 BC to 5400 BC Supported a population of up to 6000 people It was the largest and most cosmopolitan city of its time
- Commodity, firmness, delight
- The hotel had several design features that made up for its foundation: The reflecting pool (visible in the picture above) also provided a source of water for fire-fighting, saving the building from the post-earthquake firestorm; [1] Cantilevered floors and balconies provided extra support for the floors; A copper roof, which cannot fall on people below the way a tile roof can; Seismic separation joints, located about every 20 m along the building; Tapered walls, thicker on lower floors, increasing their strength; Suspended piping and wiring, instead of being encased in concrete, as well as smooth curves, making them more resistant to fracture. [2]
- The MIT project, they were interviewing me for MIT and they sent their facilities people to Bilbao. I met them in Bilbao. They came for three days. W: This is the computer building. G: They were there for three days and it rained every day. And they kept walking around. I noticed they were looking under things and looking for things, and they wanted to know where the buckets were hidden, people putting buckets out. I was clean. There wasn't a bloody leak in the place. It was just fantastic. But you've got to -- yeah, well, up until then, every building leaked. W: Frank had a sort of -- sort of had a fame -- his -- his fame was built on that in L.A. for a while. You know, Frank, you've all heard the Frank Lloyd Wright story when the guy -- the woman called and said, "Mr. Wright, my -- I'm sitting in the couch and the water's pouring in on my head," and he said, "Madame, move your chair." G: So, some years later I was doing a little house on the beach for Norton Simon, and his secretary was kind of a hell-on-wheels type lady -- called me and said, Mr. Simon's sitting at his desk, and the water's coming in on his head, and I told him the Frank Lloyd Wright story. W: Didn't get a laugh. G: No. Not now either.
- It's the "Then What?" that most clients who hire architects -- most clients aren't hiring architects for that. They're hiring them to get it done, get it on budget, you know, and not -- you know, be polite -- and they're missing out on the -- the real value of an architect.
- http://usabilitygeek.com/wp-content/uploads/2011/08/usability-vs-user-experience.jpg
- http://uxdesign.com/assets/ux-defined/user-experience-design-diagram.jpg