UX Design Process

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

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
18. User Segmentation
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
27. Final Prototype
28. Visual Design
30. Visual Language
32. Content Specifications
33. Recent Searches on Cleartrip Case Study No. 2
34. Pen & Paper html/css
35. Pen & Paper html/css
38. There are no rules
39. Go make something!
40. Questions? @jonathandmello