UCD_VC

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.