UWE Life Ben Argo ( ) Gunnar Petzäll ( ) Dushyant Kanungo ( )

Introduction

The App

Design Process

Brainstorming with whiteboard: from personal safety to breastfeeding support Research (PACT, requirements, etc) Early wireframes Testing and refined prototypes Presentation prototype

Design 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’ Shortlist Match 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

Feedback & Iterative Design

Labelling & Size

Priority & Sortability

Mapping

Individual Approaches

Gunnar User Testing/Feedback: Functional Minimalism/Layering Primary user Other users PACT analysis Survey First wireframes More users More wireframes

? Changed the process Additional requirements Gunnar User 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 Gunnar User Testing/Feedback: Functional Minimalism/Layering

Ben Feasibility and requirement research: Control, Trust & Explorability

Dushyant Seductive Design Approach: Engagement beyond 1 st 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 SU Use 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 Process brainstorming, research, storyboards, wireframes

Project Management

Brainstorming

Research PrimarySecondary Expert InterviewsCompetitor Analysis Extreme User InterviewsPACT Analysis Personas

Product Requirement Analysis Document

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

Hi-fi Prototype We’re using all of your photos, but these won’t go live.

Login

Landing base Selecting “Next class in 00:13”

Options menu

My Next class

Going to class Part 1 of 4

Going to class Part 2 of 4

Going to class Part 3 of 4

You made it!

Landing Base Selecting “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 Base Selecting “Chat with people on campus”

UWE Chat Selecting “My Classmates”

My Classmates All available classmates and the group chat

Class Chat Some 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? prototype development, technical research, app development, suggestions?