UX Design Process

UX Design Process

My talk at Meta Refresh, 2012.
Design is a process. A process is a framework.

9e10222659d124e20efdfe36af508ece?s=128

jonathandmello

April 22, 2012
Tweet

Transcript

  1. UX Design Process @jonathandmello

  2. Design is a process

  3. A process is a framework

  4. The Elements of UX is a framework.

  5. Abstract Concrete Surface Skeleton Structure Scope Strategy

  6. Abstract Concrete Surface Skeleton Structure Scope Strategy User Needs Product

    Objectives
  7. Abstract Concrete Surface Skeleton Structure Scope Strategy Functional Specs Content

    Reqts.
  8. Abstract Concrete Surface Skeleton Structure Scope Strategy Interaction Design Information

    Arch.
  9. Abstract Concrete Surface Skeleton Structure Scope Strategy Information Design Navigation

    Design Interface Design
  10. Abstract Concrete Surface Skeleton Structure Scope Strategy Sensory Design

  11. Putting it all together

  12. Redesign of nid.edu Case study No. 1

  13. 14 JONATHAN D’MELLO / NATIONAL INSTITUTE OF DESIGN THE PROCESS

    March April February Internal Discovery User Research Competitive Review Information Architecture(IA) Prototyping WAC Meeting WAC Meeting
  14. 15 REDESIGN OF THE NID WEBSITE / INTRODUCTION June July

    May IA Prototyping IA Visual Design WAC Meeting Final Visual Design
  15. Background Research

  16. Competitive Review

  17. None
  18. User Segmentation

  19. None
  20. Content Audit

  21. Information Architecture

  22. Iterations Events Alumni Registration Featured Alumni Networking Calendar by Week/

    Month Important Dates About Facts about NID History Mission Admini- stration Campuses NID & India Visit NID Learning Disciplines Facilities Student Exchange Job Prospects How Students Learn Student Work Classroom Projects Diploma Projects Open Electives Awards Admissions Graduate Under- graduate Fee Structure Financial Aids Admission Process Downloads Admission Results Industry Ways of Collaboration Key Projects Testimonials Hiring/ Placements Work with Students Initiatives Services Campus Life Housing & Dining Student Organisations Events & Actvities Health & Wellness Diversity & Community News Articles Features DCS Outreach R & P MSME ICIC IPR NIDUS NDBI RTI IP&P Admissions Academic Calendar FInancial Aid Apply Plan your visit Eligibility & Deadlines Fees Results Discipline Application No of Seats Eligibility Work Display Course/Curriculum Students' Stories Home NID Design Archive Prospectus Admissions Programs of Study Departments/Faculties UG/PG Campuses Facilities Libraries Labs Workshps DVC IT Centre Campuses Gandhinagar Bangalore Paldi Student Life Housing & Dining Festivals & Activities College festivals Convocation Industry Interface About NID Heritage Director's Message Administration Job Openings After Graduation Alumni Career Services What Design Is Faculty/Teaching Sta! RTI Careers News Events Community Jobs Student Placements Diploma Projects Internships Alumni Directory Registration Featured Alumni Work & Enterprise Design Services DCS Outreach IP&P Research & Publications Initiatives MSME NDBI NIDUS IPR Tenders Design Showcase Young Designers Classroom Projects Design Services Work
  23. Lo-fi Prototyping

  24. Hi-fi Prototyping EDUCATION SERVICES ABOUT RESEARCH Welcome to the National

    Institute of Design Lorem ipsum beware of pigeon path About the NID FOLLOW US GET SOCIAL SHARE Sign up to get information, the latest design news & updates from NID. SIGN UP email address Educational Programmes Browse by: Department Campus exhibition design product design transportation & automobile design furniture & interior design ceramic & glass design toy & game design graphic design animation film design film & video communication photography design design for retail experience strategic design management textile design apparel design & merchandising lifestyle accessory design design for digital experience information & interface design new media design Media News Video Events VIEW PHOTOS VIEW VIDEOS Morbi libero lorem, elementum laoreet, aliquet nec, luctus non, tellus. Elementum morbi, luctus non, tellus libero lorem, laoreet, aliquet nec. Luctus non, elementum morbi, aliquet nectellus libero lorem, laoreet. 04.07.2011 04.07.2011 04.07.2011 14 APR 14 APR Some event Another event love, service, dignity tenders careers @ nid nid mail intranet © Copyright 2011 National Institute of Design contact feeds EDUCATION SERVICES ABOUT The National Institute of Design is an autonomous national institution for education, research & service in design in India. EDUCATIONAL PROGRAMMES FEATURED WORK ADMISSIONS SEARCH Tenders Careers NID mail Intranet Colophon Feeds INFORMATION TOOLS SITE SOCIAL © COPYRIGHT 2011 NATIONAL INSTITUTE OF DESIGN NID on Facebook twitter.com/nid_india EVENTS 14 MAY Design: Ahmedabad- London 21 JULY Typography 2011 17 AUG Alpavirama 2011 MORE EVENTS PLACEMENTS Graphic/Web Designer Riot Games Sr. UX Designer Times of India Industrial Designer Pinnafarina Web Designer NetBrahma MORE JOBS NEWS Graphic Visions' - talk/presentation by Andy Diggle and Denise Mina 04.07.2011 NID-ITPO showcase design offers 04.07.2011 Divya Bhatt wins at Design Innovation Made in Italy 04.07.2011 MORE NEWS Studio Test/Interview Schedule Phase 1 - GDPD Result Phase 2 - PGDPD Result ADMISSIONS Collaborative Learning EDUCATION SERVICES ABOUT SEARCH AHMEDABAD GANDHINAGAR BENGALURU What’s New EVENTS PLACEMENTS NEWS FEATURED Design: Ahmedabad-London A collaborative conference between the National Insti- tute of Design, Ahmedabad, the Royal College of Art, and the Victoria and Albert Museum, London. A Special Package of 10 NID Film & Video student films to be shown at VASAKH Film Festival, organized by FC College & IRC, Lahore, Pakistan, between 18-20 April, 2011. Riot Games READ MORE Golden Jubilee Celebrations A collaborative conference between the National Insti- tute of Design, Ahmedabad, the Royal College of Art, and the Victoria and Albert Museum, London. READ MORE READ MORE READ MORE NID Student films to be shown at VASAKH Film Festival Job: Graphic/Web Designer Like us on Facebook Tenders Careers NID mail Intranet Colophon Feeds NID on Facebook twitter.com/nid_india © COPYRIGHT 2011 NATIONAL INSTITUTE OF DESIGN
  25. None
  26. None
  27. Final Prototype

  28. Visual Design

  29. None
  30. Visual Language

  31. None
  32. Content Specifications

  33. Recent Searches on Cleartrip Case Study No. 2

  34. Pen & Paper html/css

  35. Pen & Paper html/css

  36. None
  37. None
  38. There are no rules

  39. Go make something!

  40. Questions? @jonathandmello