design session vol. 1 - ux & interaction design: process & practice

32
USER EXPERIENCE & INTERACTION DESIGN: PROCESS AND PRACTICE

Upload: phenomblue

Post on 10-Nov-2014

533 views

Category:

Education


2 download

DESCRIPTION

Design is in Session is a monthly internal initiative to share insight and knowledge on a variety of design topics, while bringing together our offices and various groups. Topics include web typography, responsive design and best practices for showcasing projects, as well as philosophical topics such as deconstruction and rhizomatic theory. Sessions are led by members of our design group, and periodically feature guest presenters from other departments. For more: http://www.phenomblue.com/more/2012/ux-interaction-design/

TRANSCRIPT

Page 1: Design Session vol. 1 - UX & Interaction Design: Process & Practice

USER EXPERIENCE & INTERACTION DESIGN: PROCESS AND PRACTICE

Page 2: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 3: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 4: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 5: Design Session vol. 1 - UX & Interaction Design: Process & Practice

EXPERIENCE OPPORTUNITIES

1 2 3...

Page 6: Design Session vol. 1 - UX & Interaction Design: Process & Practice

PERSONAS / USER GROUPS

Page 7: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 8: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 9: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 10: Design Session vol. 1 - UX & Interaction Design: Process & Practice

RAD IDEAS

PUT BRAIN POWER HERE

Page 11: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 12: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 13: Design Session vol. 1 - UX & Interaction Design: Process & Practice

UX & INTERACTION MAGIC

Page 14: Design Session vol. 1 - UX & Interaction Design: Process & Practice

CARD SORTING

Page 15: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 16: Design Session vol. 1 - UX & Interaction Design: Process & Practice

SITE MAPS & USE FLOWS

Page 17: Design Session vol. 1 - UX & Interaction Design: Process & Practice

Online

Classroom

Accelerated

Cohort

Study Abroad

Course Clusters

Ways To Learn About Academics Admissions & Aid Inside BU News Giving To BU Employment Uncategorized Athletics

HistoryAwardsMissionFactsAccreditationBoard of Directors

LeadershipCommunity Involvement

Administration Offices

Policies & ProceduresDirectory

Colleges

Areas of Study

Degrees

Signature SeriesLibrary

Course Catalog

Undergraduate

Graduate

Financial Aid

Military StudentsInternational StudentsTransfer StudentsVisit Campus

Students

Alumni

Faculty

Military

International

Donors & Friends

Campus

Events CalendarArchivePressroom

Connect with BUBU in the News

Give to BUWays to GiveImportanceRecognitionDonor News

OpportunitiesBenefitsStudent Employment

SearchApplyContact UsCopyrightRequest InformationSite FeedbackLog InPrivacy Policy

How It WorksFAQ

How It WorksFAQ

How It Works

FAQAccelerated Degrees

How It Works

FAQCohort Degrees

How It Works

FAQCluster List

How It Works

Foundation BoardUniversity Board

South Omaha OutreachSignature Series

News

BusinessInformation Technology

Arts & Sciences

Professional Studies

SecurityBusiness

Heathcare

Info. Tech.Public SafetyHuman Capital

GraduatePh. D.

Undergraduate

Certificates

Course List

DeadlinesFinancial Aid

How To Apply

International StudentsTransfer StudentsMilitary Students

DeadlinesFinancial Aid

How To Apply

International StudentsTransfer StudentsMilitary Students

Reducing the Cost

Payment Options

Tuition

Financial Policies

Events CalendarAthletic Calendar

Campus Tour

Getting to Campus

Benefits

BU ExperienceNews

Facts

Online CommunitiesBenefits

News

Alumni Achievement AwardGive to BURecognition

BenefitsEmployment OpportunitiesFaculty ProfilesOnline Communities

BenefitsOnline Communities

Spotlight

BenefitsOnline Communities

News

RecognitionGiving to BU

News

DiversitySafety

Visit Campus

AthleticsEvents

Media ContactsMedia Kits

Press Releases

The View

Federal AidCredit Transfer

Scholarships & Grants

Student LoansTuition Assistance

Federal AidCredit Transfer

Scholarships & Grants

Student LoansTuition Assistance

Payment PlansDeferrment

ServicesOnline Communities

TraditionalHow It Works

FAQ

Degrees

Programs

FAQ

Locations

Virtual Tour Virtual Tour

Life-long Learning

Courses

BookstoreTesting Center

CertificatesHow It Works

FAQCertificates

BU Culture

Class Schedule

Resources

Calculator

Forms

Resources

Career Services

Consumer Information

Events

Life-long LearningHow It Works

FAQCourses

Page 18: Design Session vol. 1 - UX & Interaction Design: Process & Practice

Use Flow UX & IxD3 / 12

Home

Search CartProduct Category Page

Product Detail Page

Profile

Product Quickview

Featured Product

Featured Product

Featured Profile B

FeaturedProfile A

Contact

Page 19: Design Session vol. 1 - UX & Interaction Design: Process & Practice

WIREFRAMES

Page 20: Design Session vol. 1 - UX & Interaction Design: Process & Practice

Expanded Video Detail UX & IxD2 / 6

Notes

0:00 / 4:59

Video TitleUsername or Video Category

12 Videos 1 Expanded Video

User clicks "+" button to view expanded video. Click off active video

area to close video viewer.

Video title

1

Video Controls

Video Caption

Click to Browse All Videos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam enim tellus, accumsan non fringilla ac, eleifend in erat. Vestibulum in pellentesque eros.

227

Featured Products

LOREM IPSUM, DOLOR SIT AMET, CONSECTETURNumber of Times

Favorited

Products Appearing in the

Video

Page 21: Design Session vol. 1 - UX & Interaction Design: Process & Practice

PROTOTYPES

Page 22: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 23: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 24: Design Session vol. 1 - UX & Interaction Design: Process & Practice

WIREFRAMES TO DESIGN

Page 25: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 26: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 27: Design Session vol. 1 - UX & Interaction Design: Process & Practice

WORK

Page 28: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 29: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 30: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 31: Design Session vol. 1 - UX & Interaction Design: Process & Practice
Page 32: Design Session vol. 1 - UX & Interaction Design: Process & Practice

THANK YOU VERY MUCH