View
217
Download
1
Category
Tags:
Preview:
Citation preview
UWE LifeUWE LifeBen Argo (10008548)Gunnar Petzäll (10005826)Dushyant Kanungo (10036175)
IntroductionIntroduction
The AppThe App
ProcessDesign Process
Brainstorming with whiteboard:from personal safety to breastfeeding support
Research (PACT, requirements, etc)
Earlywireframes
Testing andrefined prototypes
Presentation prototype
PrinciplesDesign Principles
First Principles of Interaction Design
Aesthetics
Anticipation
Autonomy
Color
Consistency
Defaults
Discoverability
Efficiency of the User
Explorable Interfaces
Human Interface
Objects
Latency Reduction
Learnability
Metaphors, Use of
Protect Users’
Work
Readability
Simplicity
State
Visible Navigation
Trenchard-Seys’ ShortlistMatch Experience & Expectations
Consistency
Functional Minimalism
Cognitive load
Engagement
Functional Layering
Control, Trust & Explorability
Error Prevention, Detection & Recovery
Affordance
Hierarchy of Control
Design Principle Example:
Match Experience & Expectations
Carefully consider user’s knowledge
Use familiar iconography (affordance)
Use established practices (cognitive load and memorability)
UWE Life – features matching the name
Incorporating user feedback
FeedbackFeedback & Iterative Design
Labelling & Size
Priority & Sortability
Mapping
Approaches
Individual Approaches
GunnarUser Testing/Feedback: Functional
Minimalism/Layering
Primary user
Other users
PACT analysis
Survey
First wireframes
More users
More wireframes
?Changed the process
Additional requirements
GunnarUser Testing/Feedback: Functional
Minimalism/Layering
Ensured relevance to target audience
Added quantitative evidence (location & social)
Additional, unexpected, ideas from users (locked doors)
Lack of formal criteria
Additional planning would have been beneficial
Tying in work more with other team members
GunnarUser Testing/Feedback: Functional
Minimalism/Layering
BenFeasibility and requirement research: Control, Trust &
Explorability
BenFeasibility and requirement research: Control, Trust &
Explorability
DushyantSeductive Design Approach: Engagement beyond 1st use –
Longevity
From here…
Learned a lot from AppFurnace (useful for location testing)
Limited – Can’t do much custom JS (chat)
Further development planned for the SUUse Intel XDK framework instead?
Location based chat for freshers
Additional questions
Requirements
Locative media app
Socio-cultural reflection
Non-Functional Requirements
In context with authoritative stakeholders
Inclusive
Longevity
Platform independent
Low maintenance
Follows UCD process & interaction design principles
UCD Processbrainstorming, research, storyboards, wireframes
Project Management
Brainstorming
ResearchPrimary Secondary
Expert Interviews Competitor Analysis
Extreme User Interviews PACT Analysis
Personas
PRADProduct RequirementAnalysis Document
Storyboards
Storyboards
The Engagement
A Rude Awakening
A Rude Awakening (part 2)
A Rude Awakening (part 3)
Lunchtime Rush
Lunchtime Rush (part 2)
Wireframes
Paper Prototypes
High Fidelity
Hi-fi PrototypeWe’re using all of your photos, but these won’t go live.
Login
Landing baseSelecting “Next class in 00:13”
Options menu
My Next class
Going to classPart 1 of 4
Going to classPart 2 of 4
Going to classPart 3 of 4
You made it!
Landing BaseSelecting “I want to go to…”
I want to go to…the ECC!
We can’t find you…Either use an NFC tag or scan a QR code to help us locate you
Landing BaseSelecting “Chat with people on campus”
UWE ChatSelecting “My Classmates”
My ClassmatesAll available classmates and the group chat
Class ChatSome great web design conversation going on here
Lessons Learned• Mobile development
very different from web• Wide-ranging support
available• Emotionally taxing• Very proud of our work
Where Next?
Where Next?prototype development, technical research, app development, suggestions?
Recommended