Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Intro to Wireframing, HCD & Design Thinking

13,530 views

Published on

Wireframes are an important step in the creative process & Design Thinking. It's one of the first times that your team actually sees the product come together. The presentation explores the basics of wireframes and how they fit into the process of Human-centered Design.

This deck was part of workshop held by General Assembly on the Intro to Wireframing on 2-10-2015

Published in: Design, Technology
  • To get professional research papers you must go for experts like ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Very nice tips on this. In case you need help on any kind of academic writing visit website ⇒ www.HelpWriting.net ⇐ and place your order
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • To get professional research papers you must go for experts like ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THE BOOK INTO AVAILABLE FORMAT (New Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THE can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THE is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBOOK .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookBOOK, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, EBOOK, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THE Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THE the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THE Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • To get professional research papers you must go for experts like ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Intro to Wireframing, HCD & Design Thinking

  1. INTRODUCTION TO BUILDING WIREFRAMES Priya Dandawate, Product Designer
  2. Product Designer Vera Beauty 3D Maps Bing Wireless gaming peer-to-peer, Windows RT Tap to connect NFC across Windows, Phone & Device setup
  3. AGENDAAGENDA 1 Wireframes · how to think about and work with them 2 Design a Wireframe · how to build wireframes (Photoshop & PowerPoint) 3 Design Thinking & Testing · how to use wireframes effectively
  4. PART I Wireframes
  5. “Human-centered design (HCD), is an approach that puts human needs, capabilities, and behavior first, then designs to accommodate those needs, capabilities, and ways of behaving. Good design starts with an understanding of psychology and technology.” Don Norman everyone interprets the world differently HCD The Design of Everyday Things
  6. Berkeley · User Interface Design & Development http://courses.ischool.berkeley.edu/i213/s07/lectures.html Personas Describe a person in terms of their goals in life, capabilities, inclination & background. Why? Makes hypothetical arguments less hypothetical Q1: “What if this user wants to print this out?” A1: “The user won’t want to print often.” A2: “Emilee won’t want to print often.” ex. social sally · tommy timberlake · normal norman
  7. Wireframes Learning iOS Design “In the grand hierarchy of pictures of imaginary software, wireframes exist somewhere between sketches and mockups. Their purpose is to nail down the details that sketches leave out: what exactly exists on each screen and how it all fits together – the geography of an app.”
  8. wireframe with a purpose The Mental Sweep goals, non-goals & scoping Learning iOS Design Identify tasks that need to be particularly fast or easy Identify tasks that should be supported, though ancillary to the main purpose Types of data and how to manipulate it: view, add, edit, & delete Grouping and hierarchy WHAT is the goal of the website/app/experience? WHO is the audience? WHAT is the website definitely NOT for? WHO is NOT part of the audience? WHEN, WHAT, and with WHOM to share?
  9. wireframes are like a storyboard ea ch fra me rep res ent s a s cene, find t he r i gh t mes s a g e t o co nv ey
  10. “What then is this thing called Design? It is planning: the planning of everything as objectively as possible… It is planning done without preconceived notions of style, attempting only to give each thing its logical structure and proper material, and in consequence it’s logical form.” Bruno Munari Design as Art
  11. A box is the visual building block of wireframes. Box
  12. Logo Inbox(es) & Folders Search Navigation COMPOSE Content Web clip/advertisement
  13. Let’s break it down. Deconstruct the wireframe of Google boxes only
  14. Logo Input search Navigation Actions Search or Quick search Inspire
  15. http://www.powermockup.com/ Quick Search Button (normal) Button Button (hovered) Button Button (pressed) Search Navigation P1 P2 P3 Login Search
  16. search is part of a much bigger journey Help me understand … What is a … How do I … Search So lv ing p ro b lems is fas t er , s i m pl e r , & mo re int uit iv e.
  17. conceptual models are powerful Workflows are dynamic non-linear user activity between wireframes
  18. “Conceptual models are valuable in providing understanding, in predicting how things will behave, and in figuring out what to do when things do not go as planned. A good conceptual model allows us to predict the effects of our actions.” work towards building a common understanding of the navigation · workflow · terminology · functionality The Design of Everyday Things · 7 myths about paper prototyping “It is the conceptual model that provides true understanding.”
  19. PART II Design a wireframe
  20. Ready to try? Deconstruct the wireframe of Medium.com CEO Evan Williams Co-founder of Twitter & Blogger
  21. What is the goal of medium? Medium connects people, stories and ideas that matter to you Your stories and ideas. Effortlessly beautiful.
  22. unity is the goal Visual weight size & contrast Similarity & Distinction Proximity & Distance Alignment the guide test Visual Rhythm scale Margins & Paddings Balance Understatement Typography Learning iOS Design Principles of Layout
  23. PART III Design Thinking & Testing
  24. Make observations on the intended target population, generate ideas, produce prototypes and test them. Repeat until satisfied. The Design of Everyday Things The Iterative Cycle of Human-Centered Design
  25. Learning iOS Design Interpreting customer feedback
  26. QA

×