Pursuit ofUltimateDesign

Design Portfolio of Uijun Park

Introduction

2011 – Present

2010

User Interface/User Experience (UI/UX) Designer Pantech Co., Ltd.

UX Design InternIRIVER

B.S. Products DesignB.A. Visual Communication Design B.A. ManagementHandong Global University

POFESSIONAL EXPERIENCE

EDUCATION

Uijun Parkcacao1985@gmail.com

2011

1

Donald Norman states that users make mistakes when designers do not design thoughtfully in his book, "�e Psychology Of Everyday things." As a young student who decided to become a designer, I was deeply inspired by this statement and realized the importance of design in people's life. I became enthusiastic in the �eld of Human-Centered Design and User Experience Design. I passionately put all my energy, time and resources to acquire skills and knowledge in basic and advanced design methods to understand human anatomy, behavior and interaction in college and in the industry in pursuit of ultimate design that o�ers values to users.

�is is a portfolio that demonstrates some of my works that I strived for ultimate design. In the �rst chapter, I include my works I have done in the industry. �e second chapter contains some of the projects that I did during the college years. I also include designs that won awards for product and graphic design. I believe that this portfolio reveals my passion, creativity, e�orts and evolution as a designer.

ProductDesign

GraphicDesign

InteractionDesign

User InterfaceDesign

UserExperience

Design

Picture above shows that which design �elds I have learned and practiced.

Driven to provide valuable user experience with the streaming of design, based on the user context

13

18

Projects at HGU

Connecting E-Book Device and Human

Information Archtecture Restructuring & User Interface Proposal

Projects for Competition

Water-Saving Faucet

Never Stop Exploring

TABLE OF CONTENTS

Projects at Pantech

Next Generation Calendar

Next Camera User Interface

Making Global Standard UI for branding

301

02

03

ProductDesign

GraphicDesign

ProductDesign

InteractionDesign

User InterfaceDesign

UserExperience

Design

InteractionDesign

User InterfaceDesign

UserExperience

Design

2

InteractionDesign

User InterfaceDesign

UserExperience

Design

Projects at Pantech At Pantech, I have been working as a researcher, UI/UX designer and project manager for several preloaded applications in User Experience Design team from 2011. I have been conducting research on market trend and user behavior to see if our applications provide valuable experiences to our users, and holding seminars in the team to share UI/UX trends and knowledge, periodically. I have also been designing UI wireframe and coordinating with GUI designers and so�ware engineers to create applica-tions as a project manager.

Pantech is global smartphone manufacturer located in South Korea. Main markets are South Korea, Japan, United States. In South Korea and Japan, brand name for Pantech’s smartphone is “VEGA” and varies in US.

01

ModelConceptDefinition

UI conceptDefinition

UI WireframeDesign

GUIDesign

SoftwareDevelopment

Model

Initiative

Pantech’s UX Design Process

3

For smartphone manufacturer, the roll-out date for each smartphone model is the most important issue because every work process is scheduled considering the roll-out date. So I have summarized all of my projects by aligning with the smartphone models. For all the projects, except for the Camera project, I worked as a researcher, UI designer, and project manager. For Camera project, I was an assistant project manager because it was much more large-scale and important project for the company.

2011 2012 2013 2014

1Q 2Q 3Q 4Q 1Q 2Q 3Q 4Q 1Q 2Q 3Q 4Q 1Q 2Q 3Q 4Q

United States

Roll-out Carrier

My role as Weather(A/W)DLNA(A)MiracastMusic(A), Media coverCalendar(A/W)Gallery(A/W)Camera(A/W. Ast.M)

S. Korea

Japan

Managing Period

Marauder

Burst

Element(Tablet) Flex

Mirach

VEGA(V) Racer

V. LTE M V. Racer 2

V. R3

V. No.6

V. IRON V. IRON2V. Secret Note

V. LTE A V. Secret UP

VEGA PTL21

Discover

Perception

Development Period

Mar, 2011 - Mar, 2012

Jan, 2013 - Apr, 2013

Mar, 2013 - Dec, 2013

Sep, 2013 - Present

Sep, 2013 - Present

Mar, 2011 - Mar, 2013

Apr, 2012 - Mar, 2013

* A: App* W: Widget* Ast.M: Assistant Manager

Project history

4

UI/UXDesigner

Calendar App Roadmap

: Next Generation Calendar

In this project, I was a project manager for proposing and designing next User Inter-face of Calendar App. Required works for this projects were market research, user research, wireframe design, communication with so�ware engineers, cooperation with GUI designers.

Purpose of this ProjectIn a world where people are using smartphone and even managing daily schedules with it, the importance of calendar application is getting bigger. Main goal of this project was to set up direction of user interface for next generation calendar app which will enhance brand identity of Pantech's smartphone.

Design ProcessFirst of all, my project team looked into market trend by analyzing Pantech and competitor's calendar app. And then we had user research to understand user's expectation and real user's behavior on utilizing calendar app especially of main user group. With this, my team enhanced usability of Pantech’s calendar app and provided User Selling Point(USP) features to provide di�erentiated service experi-ence to our users. To be speci�c, market and trend research was performed to see how each smartphone manufacturers and third party market applications provide service on criteria of representative user task in calendar app, viewing event / adding event / managing and editing event / convenient features. With issues derived from market research, user research which consists of both quantitative and qualitative research was ful�lled to listen to real voice from main user group on calendar app. For quantitative research, my team had user survey with more than two hundred people, and in-depth interview with nine users as qualitative research.

Project period: March~July, 2013

�e result of user research directly showed how well Pantech and competitors are prepared to cope with user needs so that we could build UI direction. At last, with ideation with methods of card sorting, ideas patterning, user scenario, I proposed �nal UI concept and wireframe. �is �nal ideas were applied to smartphone that rolled out on Dec, 2013 a�er discussing technological issues with so�ware engineers concerning how the ideas are going to be actualized.

EpilogueFrom this project, the most memorable achievement was that �nal UI concept from this project was made in the long-term perspective compared to previous calendar app which its directions were easily shaken by market trend. In mobile world, there are so many changes happen in market that easily bother UI designer for construct-ing UI consistency. However, the result of this project made made our calendar app to have UI consistency which can also mean UX philosophy. �is was used as crite-rion when new trend came out in market to examine if it is applicable on our device.

In addition to this, there were several challenges during the project. Even though my team made UI concept in long-term perspective and completed design, there were some di�culties for applying the calendar app to Pantech's smartphone. One of them was technological discussion with so�ware engineers. Since there were some technological limitations for applying full design proposal to smartphone, some part of new features had to be modi�ed from original ideas.

“What does user need when using Calendar App?”

made our calendar app

5

Market ResearchMarket and trend research were done to see how each smartphone manufacturers and third party market applications provide calendar services on criteria of representative user task, viewing event / adding event / customizing user's own calendar / convenient features, in calendar app. Various features and characteristics of those calendar apps were veri�ed. �ose derived issues from this step were used as reference for making Pantech's di�erentiated direction a�er user research.

In conclusion, my team had brainstorming for new calendar with several methods including card sorting, user scenario, and made �nal UI concept "All at once calendar" with three sub concepts as below.

1. "All at once view" is for viewing events easily by minimizing the checking steps and gathering events in one screen.2. "Quick add" is for adding events as quick as possible. It can be practiced by minimizing adding steps and learning steps of how to add events, and simplifying adding sreen.3. "Convenient mangament" is less important than other two concepts. However, as long as there are meaningful features, those can be provided.

User research, which consists of both quantitative and qualitative research, was practiced for listening to voice of main user group and �nding intrinsic user needs on issues stemmed from market research.

User Research

Final UI Concept1) Quantitative research

My team had web-based survey with Google tool of more than two hundred people on various topics including purpose of use, mainly using items, and so on. �e result was used for seeing user behavior and selecting main user group for qualitative research.

2) Qualitative research

My team had in-depth interview with nine users who are recruited from di�erent ages and gender as qualita-tive research. On this step, we examined to see intention of use and user behavior on main issues resulted from market research.

Result of User ResearchAs a result of user research, my team could �nd out that there are greater user needs on fast add and fast view of event. �ey were not satis�ed with market supply on these features. However, there were little needs on convenient or additional features such as adding event with pen or hand. Competitors have provided convenient features excessively considering the result of user needs. So, we found that focusing on satisfying user needs about quick add and view of events will bring our calendar app to the greatly advanced level.

Fast viewing

Fast adding

Customi-zation

Res

pons

e

ConvenientFunctions

Competitor group A

PantechCompetitor group B

Fast viewing

Fast adding

Customi-zation

Res

pons

e

ConvenientFunctions

Competitor group A

Competitor group B

Graph. How Pantech & Competitors positioned

User needs

Pantech

FutureDirection

Concept Keyword “All at once calendar”1. All at once view / 2. Quick add / 3. Convenient Management

Pantech

Survey Tool

Events displayed by text: Able to view events at a glance in monthly view

Post- it: Able to memo events that might happen within a month

Fast Scroll: Able to change date of the month easily with fast scroll in Agenda view

Anniversary add: Able to add anniversary at once with anniversary button

Pop-up add: Able to add events without switching to another screen

Today view: Able to overview today’s schedule

Indicator

Add event

Cancel OK

Dinner with Joshua

Sunny hill

More details

CalendarPantech@gmail.com

2013.12.28 (Sun) 10:00pm

11:00pm

Start

End

All day

Input detail memo.

Memo

One time

Repeat

Anniversary

10 minutes NotificationsReminder

2013.12.28 (Sun)

Birthday:

Events: 5

Today Tue, 13 Nov

10

11

12

13

14

15

16

18152229

29162330

310172431

7142128

6

2027

5121926

4111825

November

TomorrowThere are 7 events scheduled in tomorrow. It’s going to be busy day. Take a deep rest today.

London, 78° F

Indicator

Dec, 2013Sun Mon Tue Wed Thu Fri Sat

25 26 27 28 29 30 1

2(10.19)

3 4 5 6 7 8

9(10.26)

10 11 12 13 14 15

16(11.4)

17 18 19 20 21 22

23(11.11)

24Christmas

25 26 27 28 29

30(11.18)

31 1 2 3 4 5

Event1

Event2

Event1Event1

Event2

Event1

Event1 Event1 Event1

Event2

Event1Event1Event2+2

Event1Event1 Event1Event2

Event1Event2

Event1Event2

Event1

Day Week Month Agenda Today

Event1

XMid term exam on 3re week +

Indicator

25

Tue

25

Mon

26

Wed

27

Thu

28

Fri

29

Sat

Indicator

Tue, 25 Dec, 2013

Day Week Month Agenda Today

Wednesday, 26 December

Today, Tuesday, 25 December

Christmas25 December

Shopping with Sue9:20 AM~10:20 AMJC Penny mall

Lunch with Jones12:20 PM~1:20 PMOutback steakhouse

Lunch @Bistro London12:50 PM~1:20 PM

1. All at once view 2. Quick add 2. Quick add1. All at once view3. Convenient Management

1. All at once view3. Convenient Management

A

C

C

A B

B

Indicator

Dec, 2013Sun Mon Tue Wed Thu Fri Sat

25 26 27 28 29 30 1

2(10.19)

3 4 5 6 7 8

9(10.26)

10 11 12 13 14 15

16(11.4)

17 18 19 20 21 22

23(11.11)

24Christmas

25 26 27 28 29

30(11.18)

31 1 2 3 4 5

Event1

Event2

Event1Event1

Event2

Event1

Event1 Event1 Event1

Event2

Event1Event1Event2+2

Event1Event1 Event1Event2

Event1Event2

Event1Event2

Event1

Day Week Month Agenda Today

Event1

XMid term exam on 3re week +am

pm

13

OFF

OFF

MapAdd Event

Cancel OK

Add event

More details

10:00pm

CalendarPantech@gmail.com

event 1

event 2

event 3

event 4

Designing Wireframe Main UI screens were de�ned in accordance with key concept "All at once calendar" which provides user environment where quick adding and fast viewing event is possible.

7

Default screen is monthly view with events made by texts and stickers. �is is the most important part of new calendar since it enables all at once viewing events.

Default screenUser can add event quickly without switching to another screen since pop-up is provided. When tapping “More details”, additional adding items are provided.

Event add pop-up�is feature provides today’s event-related items such as Weather, Events, To-Do list, Anniversary in one page view.

Today’s eventsD-Day widget is provided for user who wants to manage special events separately.

D-Day widget

GUI Design for Launched Smartphone A�er wireframe is con�rmed and I completed discussion with so�ware engineers, Graphic User Interface was designed to make new calendar working on smartphone. �is was applied to smartphone model VEGA IRON2 that lauched on June 2014.

8

From trend research, my team issued core trend which will guide direction of next camera application’s user interface.

Direction: Applying Core Trend

Trend ResearchFor knowing design styles that can be adapted to camera application design, trend research was practiced on not only camera relevant design, but also other references.

MEGA Trend

Simple

Camera App Roadmap

: Next Camera User Interface

In this project, I was assistant project manager for proposing and deciding next User Interface of Camera App. (Members of this project: Jisun Yoon, Aehyun Kim, Uijun Park) Required works for this project were market research, user research, concept keyword issuance, prototyping and �nal design

Purpose of this ProjectWhen making a decision, wireframe is not enough to discuss for deciding UI direc-tion. �at’s why prototyping is essential. Also, prototyping is useful especially when communicating with GUI designer and so�ware engineers for how to make it. �ere are various methods for prototyping such as making paper prototype, developing �ash �le and so on. �is time, assignment for camera application roadmap was to apply trendy user interface. So, we made real so�ware as prototype of camera appli-cation for making �nal decision if the design is valuable for users.

Design ProcessMarket research for knowing trend of design was practiced and made direction based on core trend. And then hands-on prototypes, two versions, were made to evaluate which prototype best satis�es user needs. A�er usability test, �nal design was chosen and developed in detail.

Project period: June ~ April, 2013

Interactive MotionFun Interaction

Stylish Design

Dynamic Motion Analogue Emotion

Other Trends

1. Interaction/Animation 2. Stylish GUI

“Prototyping as a Decision Making Tool”

Default screen is simple because users focus on preview image not GUI elements when taking a picture. However, every items are circled GUI for interactive animation.

Default ScreenInteractive animation is provided when user touches more menu button. All the circled items appear with animation.

More MenuFor design consistency, UI items were made in circle look. �is was adapted to entire UI elements in camera application.

Other screens

Hands-on PrototypingTo practice usability test objectively, my team made hands-on prototype as an app so�ware type to make users directly use camera app. It helped users to understand how it works substantially, so that they could tell us its inconvenience of use easily.

Final Design Concept A. Interactive Motion As a result of usability test, my team decided to use concept A as next camera user interface. Since this decision was made with substantial prototype, communicating with so�ware engineers and GUI designers were easier than previous roadmaps without prototyping.

EpilogueSince hands-on prototype was made as real so�ware this time, communication with stake-holders was not di�cult especially when delivering explanation about how our design will look like to so�ware engineers. In conclusion, I realized that as much as the prototpye be sophisticated, the quality of the product or service will go up.

Concept A. Interactive Motion

�is concept is for users who expect interactive motions that give fun element when using. Also, circle GUI is core of this concept for making the smooth animation.

Concept B. Stylish Design

�is is for users who want unique design when they are using their camera. Oblique line as a partition for each UI element provide unique experience of design.

* GUI was Designed with Photoshop and So�ware was made with Android Studio program

Usability Comparison TestMy team had usability test with ten users on both concept A and concept B. �e result of the test was used for making a decision which way we should go for.

Selected ErrorFreq.15% PrefHigh

ErrorFreq.40% Pref.Low

Pantech’s Weather UI and Weather Service solution on each markets had been provided di�erently. So, global standard UI for Pantech’s

branding was needed because of its consistency.

Pantech’s Global Market and Contracted Weather Services

Weather App UI Integration Cooperation with

: Making Global Standard UI for branding

In this project, I was as an User Interface designer for integrating user experiences of Weather App’s User Interface. Required works for this project were market research, user research, user interface design, wireframe design, cooperation with AccuWeather company for integrating weather information in our smartphone.

Purpose of this Project�is project was practiced to enlarge brand value of VEGA smartphone by integrat-ing Weather app UI for each carriers in di�erent countries.

Design ProcessSince our smartphone had adopted di�erent weather service solutions for di�erentcountries, the information provided by each solutions decided composition and layout of weather app's User Interface. So, I decided to use only one solution, Accu-Weather because of its contents that can be used globally. And then, with usability test and trend research, I founded general and standard UI that can be accommo-dated by various users from di�erent countries.

Epilogue�e most memorable experience was communicating with AccuWeather, the weather service solution company. For founding standard UI, I had communicated with AccuWeather for using additional information that they can provide and upgrading accuracy of region names of Republic Korea. During this time I found out that people from AccuWeather were so friendly and active for �nding common interests for both Pantech and AccuWeather. From this experience, I could learn communication and negotiation skill for cooperating with other parties.

Project period: August, 2011 ~ January, 2012

Korea Market

Japan Market

U.S Market

Weather ServiceWeather ServiceKorea Weather Service

Weather Service

“Enhancing brand value by making design consistency”

11

Weather UI forU.S Market

Weather UI forKorea Market

Weather UI forJapan Market

Integrated Weather UI

UI elements5 days of daily info.

Today’s 24 hours info.Korea regional info.

Weather ServiceKorea Weather Service

Weather Service

UI elements5 days of daily info.

Global regional info.

Weather Service

UI elements5 days of daily info.

Global regional info.

Weather Service

UI elements5 days of daily info.

Today’s 24 hours info.Global regional info.

Problem“�ere are no consistency for Weather App UI”

SolutionUI Integration

Weather UI Integration in Global ScaleI decided that, for enhancing brand identity, UI integration for each models should be made. So, a�er UI design is con�rmed, Final integrated weather app UI was fristly applied to a model VEGA R3 that launched in South Korea.

12

DaeguGeyong-buk

ProductDesign

InteractionDesign

User InterfaceDesign

UserExperience

Design

Projects at HGUI studied Products Design, Visual Communication Design, and Management in order to have well-rounded perspectives on market, user and design at Handong Global University. Since inspired by Norman, I was driven to learn about Human-Centered Design and User Experience Design along with Product and Graphic Design skill.

02

HANDONG G L O B A L UNIVERSITY

Handong Global University, located in Pohang of South Korea, highlights the biggest importance on honesty that students should have in their heart with slogan of “Why Not Change The World?”. Depart-ment of Industrial and Information Design in HGU is great Design School that stresses both Engineer-ing and liberal arts. �is is why students of the department have various backgrounds.

13

Overview

Connecting E-Book Device and Human

Graduate team project cooperating with the industry Project period: March~September, 2010 Teamwork

UX/UIProductGraphic

01

02Individual Work

UX/UIProductGraphic

Course project on Design Studio 2Project period: September~December, 2009

Information Archtecture & User Interface Proposal

Work type Relevant FieldProject

Redesigning E-Book Device Graduate team project cooperating with the industry

: Connecting E-Book Device and Human�is project is for proposing new concept of E-Book device with design direction that is made from various design method and analysis of user behavior. I was team leader in this project. Required skills for this project were team managing, in-depth user interview, framework making, 3d modeling, GUI/UI design.

Transformer

Multi-tasking with two di�erent screensFree move interaction with "M(Magic)" menu button

Default Screen optimized for each usersPrevious/next page interaction provided by Wheel button

Additional control button provided in backBook-metaphorical Graphic User Interface

Quartre

Multi-tasking with four di�erent screens in one displayFree move interaction with "M(Magic)" menu button

Default Screen optimized for each users"Like a book" interaction provided by Previous/Next button

Analysis

C

A

D

B

START

Benchmarking, Usability Test

In-depth Interview & Video ProtocolReader’s Object(book) Observation

Best Practice

Best PracticeExpert Aid

4. Usability Test

3. Persona

6. Direction 7. Concept

1. Heuristic & Pre-research

2. Framework

2-1. Methodology

5. Consolidation

KeywordExtracter

Design Process

Preliminary usability testing E-Book for understanding issues

Overviewing E-Book user behavior with documents and web research

Founding perspectives for advancing usability

Proposing proper methodology for verifying founded framework

Founding criteria and selecting representative interviewees for usability test

Fulfilling UT with Personas with written script based on Framework

Integrating and analyzing every issues derived from UT, Best practie, Heuristics and so on

Final proposal for E-Book advancement that provides new experiences and user values

Device

Friendliness

E-Book Utilization

Book Utilization

Context

Reading Pattern

1st Evaluator

Interviewer

1st Evaluator

Main Recorder

Interviewee

Sub Recorder

Hidden Assistant

2nd Evaluator

Writer

for Redesigning E-Book Device

15

�is project was individual course assignment in Handong for practicing understanding product’s IA structure and optimizing with �nal redesign. Also, making promotion web-page that introduces new GUI/UI design was one of its course.

“Renovating Information Architecturefor opimizing Menu Structure”

Information Archtecture Restructuring &User Interface Proposal

16

Designed Promotion User Interfacewith redesigned product design andInformation Architecture

Design Process IA Analyzation IA Restructuring Product Redesign User Interface Design Realization

Old & New: Compares old and redesigned product

Main Features: Explains main features that are redesigned

Introduction Page: Displays redesigned Powershot in 360 degrees

Scene: Displays use case that provides sense of reality when using product

17

Projects for CompetitionI have always enjoyed participating in competitions because they challenge my thinking and invigorate creativity while broadening my perspectives. I earnestly participated in design and other competitions before I joined Pantech and here are some works that won awards for design including product and graphic designs.

03

18

Overview

02Individual Work

2005 �e North Face Graphic Design AwardProject period: March-April, 2005

Never Stop Exploring [Finalist]

ProductDesign

GraphicDesign

Water-Saving Faucet [The Honorable Mention Winner]

2010 Seoul International Design Competition Project period: June~September, 2010 Individual Work

Product Design01

Project Work type Relevant Field

Graphic Design

FaucetWATER-SAVING

2010 Seoul International Design Competition

: Water-Saving Faucet [The Honorable Mention Winner]

Water shortage is becoming big issue in this world. �is “Water-Saving Faucet” product is for saving water with people’s little willingness. I designed the faucet that provides only certain amount of water in each modes.

19

23

�is poster is for �e North Face T-shirt graphic design that shows active motion of outdoor activities.

NEVER STOP EXPLORING

2005 The North Face Graphic Design competition

: Never Stop Exploring [Finalist]