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

POP Prototype

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?