pursuit of ultimate design
Post on 07-Apr-2016
215 Views
Preview:
DESCRIPTION
TRANSCRIPT
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]
top related