Tweet
Tweet

Slide 1

Slide 1 text

UX Design Process @jonathandmello

Slide 2

Slide 2 text

Design is a process

Slide 3

Slide 3 text

A process is a framework

Slide 4

Slide 4 text

The Elements of UX is a framework.

Slide 5

Slide 5 text

Abstract Concrete Surface Skeleton Structure Scope Strategy

Slide 6

Slide 6 text

Abstract Concrete Surface Skeleton Structure Scope Strategy User Needs Product Objectives

Slide 7

Slide 7 text

Abstract Concrete Surface Skeleton Structure Scope Strategy Functional Specs Content Reqts.

Slide 8

Slide 8 text

Abstract Concrete Surface Skeleton Structure Scope Strategy Interaction Design Information Arch.

Slide 9

Slide 9 text

Abstract Concrete Surface Skeleton Structure Scope Strategy Information Design Navigation Design Interface Design

Slide 10

Slide 10 text

Abstract Concrete Surface Skeleton Structure Scope Strategy Sensory Design

Slide 11

Slide 11 text

Putting it all together

Slide 12

Slide 12 text

Redesign of nid.edu Case study No. 1

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

15 REDESIGN OF THE NID WEBSITE / INTRODUCTION June July May IA Prototyping IA Visual Design WAC Meeting Final Visual Design

Slide 15

Slide 15 text

Background Research

Slide 16

Slide 16 text

Competitive Review

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

User Segmentation

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Content Audit

Slide 21

Slide 21 text

Information Architecture

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

Lo-fi Prototyping

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

Final Prototype

Slide 28

Slide 28 text

Visual Design

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

Visual Language

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

Content Specifications

Slide 33

Slide 33 text

Recent Searches on Cleartrip Case Study No. 2

Slide 34

Slide 34 text

Pen & Paper html/css

Slide 35

Slide 35 text

Pen & Paper html/css

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

There are no rules

Slide 39

Slide 39 text

Go make something!

Slide 40

Slide 40 text

Questions? @jonathandmello