UCD_VC

CDM4141

User centered Design & Usability

DES4004

Graduation Project

+ CDM4141

User centered Design & Usability

+ DES4018

Visualization and Portfolio

=

Holistic

solution

User journey +

Touchpoints

CDM4141

User centered Design & Usability

Touch points & user journey

user journey touch point

Users

Shoppers

Readers

Organisations

Users

Shoppers

Readers

Organisations

Service

Product

Brand

CDM4141

User centered Design & Usability

Concept map

CDM4141

User centered Design & Usability

Concept map

CDM4141

User centered Design & Usability

Concept map

CDM4141

User centered Design & Usability

Concept map

CDM4141

User centered Design & Usability

Concept map

CDM4141

User centered Design & Usability

User journey

CDM4141

User centered Design & Usability

CDM4141

User centered Design & Usability

Touch points Experience

Experience Diagram Packaging

Reacting

There is a code for customers, they can though the code to get some tools in the moblie game.

App Mobile Game Knowing | Understanding Brand background information

Preserve and remind the healthy image of Ovaltine

Comic

Reacting

Share with customers 6 different stories to creat the concept of ‘small things mak big difference’.

Offline Promotion - Packaging - Popup Store

Engaging

Play game Downlaod the app Set/ login account

cards

Collect : - a set of cards - the healthy tips

Reward

Popup Store Souvenir For game winner

tips

Engaging

Website

Online Promotion - App - Website

Login account

Question - Create the new healthy and energetic generation - Raise the public's awareness of health matters

Reward

Reacting

CDM4141

User centered Design & Usability

Touch point | Knowing | Understanding | Reacting

CDM4141

User centered Design & Usability

Touch point | Knowing | Understanding | Reacting

CDM4141

User centered Design & Usability

Touch point | Knowing | Understanding

CDM4141

User centered Design & Usability

Touch point | Reacting

CDM4141

User centered Design & Usability

Touch point | Knowing | Understanding

CDM4141

User centered Design & Usability

Touch point | Understanding | Engaging

CDM4141

User centered Design & Usability

Touch point | Knowing | Understanding

CDM4141

User centered Design & Usability

Touch point | Knowing | Understanding

CDM4141

User centered Design & Usability

Proto.io Pricing Request an e-couppon

https://proto.io/en/contact/discount/

Free Start For 15 day full-featured trial 5 pages only Student & Non-profit (50%off with your school email) US$14.5 monthly 5 projects

HK$113 monthly HK$23 for each

CDM4141

User centered Design & Usability

Information design | App & Site plan Home

My profile

Name Gender Date of birth Email

Brands

Friends

CHOCOLATE izzue TOPSHOP TOPMAN

Gift box Active Used Sent

Gift card User name Message Expires Terms and conditions

Redeem

Shape

Settings

CDM4141

User centered Design & Usability

UI | Wireframe

CDM4141

User centered Design & Usability

Graphic production | Graphic elements

CDM4141

User centered Design & Usability

Graphic production | Color scheme

RGB HEX

CDM4141

User centered Design & Usability

Graphic production | App example graphic style | navigation | color scheme | functions | subject

CDM4141

User centered Design & Usability

Graphic production | Example

AWWWARDS. A meeting point, where digital design professionals from across the globe find inspiration.

CDM4141

User centered Design & Usability

Graphic production | Mood board Graphic elements Reference graphic style | navigation | color scheme | functions | subject

Color scheme

CDM4141

User centered Design & Usability

Graphic production | Iconography

+

CDM4141

User centered Design & Usability

Graphic production | Iconography A series of icons for representing the experience with UI.

My profile Brands Friends Gift box Redeem Shape Settings

Features

Gift card User name Message Expires Terms and conditions

CDM4141

User centered Design & Usability

A2 presentation board

CDM4141

User centered Design & Usability

Concept video

DES4004 Graduation Project

+

CDM4141 User centered Design & Usability

Experience Identifying user experience and planning

20%

Development Graphic production and UI design

20%

Prototyping Concept video and Technical skills

60%

DES4004 Graduation Project

+

CDM4141 User centered Design & Usability

Schedule

CA1 | Week 23 Digital experience design

CA2 | Week 26 Graphic production | UI design

EA | Week 33 Prototype | Presentation board | Concept video

CDM4141

User centered Design & Usability

Submission A2 presentation board

Prototype

Concept video

Backup files

Idea generation Learning Proto.io Information design UI Graphic production Prototype production Concept video production