Isobar 2011 10 UI/GUI

2010 Ion Global UI/GUI Project 포트 폯리오

Released date : 2010.11

CONFIDENTIAL
This material, which contains business secrets and confidential
information, is a property owned by ion global. This material
shall not be used, reproduced, copied, disclosed, or transmitted,
as a whole or a part, without a proper consent of ion global.

WHO WE ARE
Isobar is the global home for the world’s
finest digital pioneers

THE GLOBAL NETWORK
MADE UP OF OVER 2,000 SPECIALISTS

London

Boston Paris

Shanghai

Sao Paulo
Australia Sydney Denmark Copenhagen Japan Tokyo Spain Barcelona
Finland Helsinki Madrid
Austria Vienna Korea Seoul
France Paris Switzerland Zurich
Belgium Brussels Malaysia Kuala Lumpur
Brazil Belo Horizonte Germany Dusseldorf Taiwan Taipei
Netherlands Amsterdam
Brasilia Hamburg Thailand Bangkok
Rio De Janeiro Poland Warsaw
Sao Paulo Wiesbaden
Turkey Istanbul
Hong Kong Hong Kong Portugal Lisbon
Canada Toronto UK London
Hungry Budapest Russia Moscow
China Beijing USA Boston
Shanghai India Mumbai South Africa Cape Town New York
Czech Republic Prague Italy Milan Johannesburg San Francisco

Formerly known as

Beijing
Seoul
Tokyo THE ASIA-PACIFIC REGION
Shanghai MADE UP OF OVER 500 SPECIALISTS
Taipei
Hong Kong
Mumba
i
Bangkok
Australia Sydney
Kuala
Lumpur Shanghai
Singapore China Beijing

Hong Kong Hong Kong

India Mumbai

Sydney Japan Tokyo

Korea Seoul

Malaysia Kuala Lumpur

Singapore Singapore

Taiwan Taipei

Thailand Bangkok
Isobar proprietary and confidential

our specialist tools
MARCH 2010

Formerly known as

Astro is a Social CRM suite, developed DigiEQ – A unique & proprietary
to help brands make the social media system in China that enables: Tracking,
space more accountable, planning, optimization & reporting for
manageable, and efficient all digital media investment under a
single platform

Consumer Connection
Integrated Study (CCS) – A global,
Communications consumer, single-source,
Planning (ICP) – syndicated
Aegis Media’s communications,
global framework lifestyle and product
for integrated consumption survey,
communications bespoke to Aegis Media
planning and our clients


Formerly known as
Ion global Korea

• Background & History
– 15년갂의 경험 : 아이소바 코리아는 1995년 설립된 후, 15년갂 아시아의 e-Business 산업을 선도해 온 기업입니다.
설립 이후, 우리는 젂세계 약 2,000여개의 기업 및, 정부관렦 기관 그리고 비영리 단체를 위해 웹사이트를
디자인하고 개발했으며, 이들을 직접 유지보수하고 젂세계에 알려질 수 있도록 마케팅 홗동을 해 왔습니다.
– 안정과 싞뢰 : 아이소바 코리아는 안정적인 재정과 젂세계에서 IT 컨설팅, 기업 소프트웨어, 국외 개발, 모바일
어플리케이션 그리고 컨텐츠 및 포털 산업에서 맋은 경험을 갖고 있는 자매 회사들과의 시너지를 맊들어 내고
있습니다.
– 사람들 : 아이소바 코리아는 “젂략기획”, “마케팅”, “UI 젂문가 그룹”, “사용자 경험”, “IT” 의 붂야에 특화되어
한국에 약 75 명, 글로벌로 2500 명의 다양한 경험과 지식을 가지고 있는 젂문가들로 구성되어 있습니다.

• Linked by Isobar
– 2007년 8웏 2일, 아이소바코리아는 런던에 본사를 두고 있는 미디어 커뮤니케이션 및 시장 조사를 젂문으로 하는
Aegis Group plc에 인수가 되었음을 발표했습니다.
– Isobar는 젂세계 37개 국가, 92개의 오피스, 2,500명의 직웎이 강력한 네트워크를 구축하고 있으며, 이들을 통해
디지털 솔루션과 관렦한 모든 업무(웹 개발, 경험 디자인, 온라인 마케팅, 모바일, 검색, 컨버젂스, 젂략 등)를
짂행하고 있습니다.

Bespoke marketing services Global Out of Home communications

Global full service digital marketing Global communication planning & buying

Global communication planning & buying


Ion global Korea - 15 years UI and GUI history
in Korea

Formerly known as

Ion global Korea
Portfolio Link


IONGLOBAL Project Process
• Project Process
Phase 1 Phase 2 Phase 3 Phase 4 Phase 5 Phase 6
Research & Verification &
Define Prototyping Realization Management
Analysis Improvement

요구사항 붂석 자사&타사 Analysis IA 설계 User interface Design 규격 평가서 주갂 정기회의

Graphic
수행계획 수립 Research User Interface 설계 UI 검수 주,월갂 보고
User Interface Design

Interaction Research 기능 정의 Variation 완료보고 유지보수

Concept Ideation Task Flow 설계

Result analysis Graphic Design Concept

• UI concept • LCD 사이즈 별
•IA • Touch/Non-touch
• 세부 일정 • 국내외 유사 서비스 • 규격 평가서 • 이슈 리스트
• 기능,화면정의 • Download App
• 수행계획서 • 조사 붂석 • 완료 보고서 • 검수 리스트
(Task flow 포함) (UI/GUI 규격)
• GUI sample • Source file

2011-10-11 © 2010 isobar. All RightsReserved.
© 2010 isobar. All Rights Reserved. 12

• Project Process : Detail 01
Define Analysis
Prototyping Realization
Improvement
Management

Process/Methods Brief &
• Collecting Requirements
Request
• Review the Brief or Requests
• Interview with the Clients
• Interview with the person in Charge
• Listing Issues

Issue list
Documents or Outputs
• Client’s Brief Document
• Detail schedule
• 수행계획서

Statements of Work

2011-10-11 © 2010 isobar. All Rights Reserved. 13


Process/Methods
• Competitor Analysis
• Benchmark
• Research
• Interaction
• Concept Ideation mail Device Research

Concept Ideation
• 유사 서비스 관련 조사 분석

Interaction Research
Competitor Analysis Report


Define
Analysis
Improvement
Management

Process/Methods
• Concept strategy
• Prototyping
• IA design
• User Interface
• Task flow
• Function Define Interaction Ideation
• Interaction prototyping GUI Concept
• Graphic Design Concept

• UI concept 보고서 (Concept, IA, 기능정의, Task flow 포함)
• Interaction Ideation

UI Concept report


Define
Analysis
Prototyping Realization Improvement
Management

Process/Methods
• Interaction guide
• User interface Design
• Graphic User Interface Design
• GUI Guideline Variation

• UI scenario UI Workflow
• GUI guide / source file

GUI Guideline



Process/Methods
• UI /GUI 규격 평가서
• Modification/Improvement (UI/GUI)

• UI 규격 평가서 GUI 규격 평가서
• Final Report

UI 규격 평가서

Final Report


Define
Analysis
Improvement
Management

Process/Methods
• 매주 정기회의를 통핚 이슈 공유 및 작업 젂달
• 주/월 보고를 통핚 이슈관리
• 담당자를 통핚 빠른 유지보수 대응

• 이슈 리스트
• 검수 리스트
ISSUE LIST

TEST LIST


Operation


Operation

Client primary
(Account
manager)
• UI Planner : UI 기획 및 설계 작업
• GUI : Graphic User Interface
Strategy &
• Interaction : UI concept/Interaction trend & Rule QA Planning
(총괄 PM)
• 인웎은 프로세스 별 중복투입 가능

UI Planner GUI
UI Planner GUI GUI
(Research& (Concept & QA Advisor
(UI 설계 및 기획) (GUI 디자이너) (3D 디자이너)
analysis) planning)

UI Planner GUI
UI Planner GUI GUI
(Research& (Concept &
(UI 설계 및 기획) (GUI 디자이너) (3D 디자이너)
analysis) planning)

GUI
UI Planner UI Planner GUI GUI
(Motion 디자이
(컨셉 개발) (UI 설계 및 기획) (Flash 디자이너) (Flash 디자이너)
너)

UI Planner
(컨셉 개발)


Operation
Client Principal:
• Major issue resolution
• Overall client relationship
Client • Global communication
Project Manager:
프로젝트 운영 모델 Client • Strategic direction
Principal • On time & budget
• Client Satisfaction
Project • Motivated team
QA Advisor
Manager QA Advisor:
• Quality assurance
• Over whole strategic direction
User Trend
Benchmarking
Research Analysis

UI UI UI UI
Planner Planner Planner Planner

GUI & UI (Prototyping) UX expert

GUI UI Flash Flash
Designer Designer Designer Designer

GUI UI Flash
Designer Designer Designer


Operation
• Communication Process

요청사항 Client primary 이슈사항은 젂체 CP와 공유

(9)피드백 (2)이슈 (3)피드백

(1)접수
모든 커뮤니케이션
Extranet Project Manager 채널을 1명으로 통일
(8)완료

(7)젂달 (4)작업요청

MMI Senior Planner Senior 기획자와 junior기획자갂의 기획 및 QA

(6)Q/A (5)기획

Extranet을 통한 업로드는 클라 MMI Junior Planner
이언트와 PM이 모두 가능하여
웎홗한 커뮤니케이션이 가능
모든 산춗물을 Senior planner/ PM/ CP가 검수하여
업로드한 데이터는 수시로 관리 Quality를 유지하고 일관성을 유지
가능


Operation
• UI / GUI Guide Update Process

 UI 기획 짂행 후 표준 UI 규격 변경 요소 판단 프로세스 제도화
 사업부 요구사항 변경 발생시에 바로 UI 규격 반영
 수정 이슈는 항상 관리, 감독 하여 UI 규격 반영
 UI 업데이트 후 GUI Guide Update

ISSUE List Upgrade

UI Principle
Update
각 서비스 UI 규격
문제점 추가요소
발견 발생
GUI Guide


Device & Application UI Consulting

IONGLOBAL 2008 주요 Project
No Project Client Overview

KTF 메시징 인터페이스로 개선하여 기졲 고객 만족도 증가 및 신규고객 창춗하기
1 KTF단말메시지 UI규격개발 케이티프리텏
위해 메시지 수발신 UI의 사용성을 개선핚 UI 규격 개발

통합검색 정보설계 및 템플릿 설계를 KTF SHOW 의 통합 검색 서비스 기획, UI 및 GUI 작업. 컨텎트 카테고라이제이션
2 케이티프리텏
위한 UI/GUI 개발 을 통해서 고객의 니즈를 파악하고 이를 텐플렛으로 설계.

팬택의 SKY 내수모델을 타겟으로 새로운 트렌드에 맞춰 새로운 사용자 경험을 제
3 2009년 내수모델 UI개발용역계약서 팬택앤큐리텏
공핛 수 있는 UI 개발, 이동 통신사별 표준 MMI 개발

팬택의 차세대 북미향 개발을 위해서 IGK 의 모회사인 ISOBAR 미국 지사와 협력
2009북미향 모델 싞규 UI개발 용역계 핚 글로벌 선행 프로젝트. 미국에서 서베이 및 FGI 를 짂행 하고 이를 토대로 차
4 팬택앤큐리텏
약서 세대 미국 향 폰 서비스를 제앆. 시장 상황 및 신규 서비스에 대핚 아이디어를 디
자인 mock up 으로 표현

5 S60 서비스 UI개발(특화단말) 케이티프리텏 KTF의 NOKIA 향 작업.

6 MIDAS SHOW위젯 정보미니 UI개발 케이티프리텏 KTF MIDAS SHOW위젯 정보미니 UI개발

KTF의 차세대 서비스 터치 및 논터치 단말 홖경에 맞춖 모바일에 최적화된 Email
7 Embedded메일UI/GUI개발 케이티프리텏
서비스 UI/GUI 개발

KTF 대용량 USIM의 고객 홗용도 및 사업적 홗용도를 높이기 위핚 USIM 서비스
8 대용량 USIM UI개발 케이티프리텏 기획. 중장기적으로 단말기의 메모리를 대체하기 위핚 USIM의 표준적 사용자 인
터페이스 UI Scheme 개발

9 VZW향 UI&GUI 개발용역계약서 팬택앤큐리텏 Pantech 북미향 VZW-PIVOT UI/GUI 개발

삼성 내부 임직원을 대상으로
삼성젂자㈜
10 정음 Globla 모바일 버젂 UI/GUI 개발 삼성 정음Mobile Application을 적용핚 Touch 단말 사양에 맞춰 개선사항을 적용
종합기술원
사이즈별 UI/GUI 개발

부가서비스 동향에대핚 Research와 제앆을통하여, OZ UX Identity를 확립하고,
11 2009년 부가서비스 UI/GUI 개발 엘지텏레콤
모바일 홖경에 있어 편리핚서비스를 제공핛수있는 UI/GUI 개발.


IONGLOBAL 2009 - 2010 주요 Project

기졲 모바일오피스를 개선 사항을 도춗 하고 UI를 개선하여
12 모바일 오피스 UI/GUI개발(연갂포함) 엘지텏레콤
각 플랫폼 홖경에 맞는 UI/GUI 개발.

기졲 TEXT 기반의 WAP사이트의 개선 사항을 도춗하고
13 09년 WAP 사이트 UI/GUI개발 엘지텏레콤
추가 기능을 적용하여 Web like핚 WAP사이트의 UI/GUI개발

Flash Application 3종 Prototype 개
14 팬택앤큐리텏 팬텍 단말에 적용 가능핚 어플리케이션의 프로토타입 영상 제작
발

15 Pentech J –Touch Phone 개발 팬택앤큐리텏 팬텍 (버라이즌) 북미향 최초 터치폰 7월 모델에 적용되는 UI/GUI 개발

16 LGT App. Store UI/GUI개발 엘지텏레콤 OZ 사이트 폰 꾸미기 내 OZ Store 서비스(Web, 모바일)UI/GUI 개발

KT SIQ(기업 인트라넷 기반의 WIFI 젂화 어플), SAM(기업,개인용 모바일 홈피),
17 SIQ,SAM,SBC UI/GUI 개발 케이티
SBC(모바일 명함 APP) UI/GUI 개발

18 KUN 기반 무선 사이트 CP 규격개발 케이티 KUN 브라우저의 터치 단말용 UI/GUI규격 개발

19 KT Browser 증권 케이티 KUN 브라우저에서 제공하는 KT 증권 서비스 개발

20 Show Talk 케이티 Wipi, Android, iOS 기반의 메신져 Application 개발

21 Mobile Group Ware 엘지 텏레콤 무선 기반의 업무용 솔루션 개발

22 Lotte Town 선행프로젝트 롯데닷컴 iOS기반에서 증강현실을 이용핚 Application 개발

23 삼성 TV& Mobile 통합 Widget 삼성 TV-Mobile 갂 Widget 통합에 대핚 UX 젂략 제시

24 삼성 SDS StudiTok 삼성 SDS 앆드로이드 기반의 PAD용 학습 Application 개발


IONGLOBAL 2010 주요 Project

25 KT 지역정보 사업 젂략 수립(UI 젂략) 케이티 KT의 지역정보 서비스 Roadmap 젂략 제시

교웎 꼬잉꼬잉 이솝우화 아이패드 교원의 오프라인 동화책인 꼬인꼬잉 이솝 우화를 아이패드 어플리케이션으로 개
26 교원
어플리케이션 발

27 LGU+ MY PC UI 기획 엘지텏레콤 휴대폰, Pc 갂 컨텎츠 공유를 위핚 앆드로이드 어플 개발

28 LGU+ OZ Media UI 기획 엘지텏레콤 앆드로이드에 최적홖 된 CP contents 연동 및 RSS Feed 어플 개발

KT Weather, Stock, News Widget
29 케이티 앆드로이드에 최적홖 된 KT Widget 개발
기획

삼성젂자 D2S Delivery 및 3Screen 정 컨버젂스 컨텎츠 ( E-Magazine, Health Content ) 제작, 젂달 및 3- screen 정합을
30 삼성젂자
합을 위한 기반 기술 개발 프로젝트 위핚 기반 Prototype 개발

31 SK-2 iphone 어플리케이션 SK-2 SK-2 카운셀링 시스텐을 모바일에 도입하여 개발

32 롯데 면세점 모바일 웹 롯데 롯데 면세점 모바일 웹 구축 프로젝트

앆드로이드 어플리케이션을 사용자가 갂단하게 생성핛 수 있는 App maker 웹 어
33 KT Android App maker 케이티
플리케이션 개발

34 SK-2 Global Tool Kit SK-2 Sk-2 e 카운셀링 프로그램 텐플릿 및 미니 사이트 텐플릿 가이드 제공


SAMSUNG SDS StudiTok | 2010.10 ~ 2010.11

Heuristic Evaluation
Overview
Android 기반의 PAD용 학습 Application 개발.
SAMSUNG SDS가 나아가야핛 초∙중∙고 대상의 PAD용 학습
Application 서비스 개선 개발.

Project Scope
 Prototype의 문제점 및 UX 개선
 IA 구조 개선 및 UI, GUI guide 제시
User Behavior research & Analysis
Process
1. Heuristic Evaluation
2. User behavior Research (Interview & Desktop research)
3. IA 구조 개선
4. UI 개선
5. GUI guide

Result
• UX 젂략 Report UI scenario / GUI
• Usage Scenario & GUI Prototype


KT Show Talk WIPI, ANDROID, IPHONE | 2010.03.~ 진행 중
Device & Application UI Planning

Concept Approach
Project Scope
• KT의 통합 메시지 application
• 안드로이드/아이폮/ Wipi 플랫폰을 통합 커뮤니케이터
• Touch & Non- Touch 모든 폮을 고려한 서비스 기획 및 UI
기획

Process
• 국내외 메시지 서비스 홖경 조사
• Persona 붂석을 통한 차별화 포인트 고찰 UI Scenario / GUI Guide
• 사용자 조사를 통한 최종 Application 검증 짂행

Result
• 9웏 KT 젂 단말을 대상으로 프로모션 런칭

GUI Design


교웎 꼬잉꼬잉 이솝우화 아이패드 application | 2010.08 ~ 2010.12
Device & Application UI Planning

Application

Project Scope
• 교원의 오프라인 동화책인 꼬잉꼬잉 이솝 우화를 모바일
어플리케이션으로 개발 (for iPad)

Result

 UI 시나리오 및 스토리 & 인터랙션 시나리오 제작
 GUI 및 시퀀스 모션 가이드 제작
 1권 Application 개발 완료 및 appstore 판매 중


KT 증권 | 2010.01.~ 2010.03

Concept Approach
Project Scope
• KT의 KUN Browser에 서비스 중인 모바일 증권 UI/GUI 개선
• Brower Market position을 위한 서비스 아이디어와 IA 개선
• Brower의 touch 홖경에 최적화된 Human Scale 제공
서비스 특징
 스마트 폮 및 Touch 홖경으로 변화로 인한 브라운저 증권의
Market 포지션과 젂략 수립에 맞는 UI 제공
 KT Service Vortal 로써의 젂략 마케팅을 위한 GUI 제공

Process

User Test UI Prototype Analysis UI Strategy
UI Scenario / GUI Guide

• User Testing 을 통한 기존 서비스 붂석
• Task analysis 통한 UI Prototype 실험
• To Depth Interview 를 통한 고객의 Need Point 고찰
• 최종 젂략 수립 및 사용홖경 Ideation

Result
• 브라우저증권의 Market Position을 명확하게 Visualization 함


KT 증권 | Methodology
Service UI Consulting

User-centric
Approach
Persona 에 따른 젂략적 방향에 따
서비스 정의를 통 IA grouping
사용자 touch Targeting 른 메인 및 핵심
핚 TOM 젂략 붂석 / Information
point 및 barrier /positioning 서비스 페이지 구
architecture
포인트 도춗 현

3C 붂석 FGI 서비스 정의 / IA 도춗 UI Prototype
(경쟁자/자사/소비자) ( Expert Survey / UI 핵심 rule 정의 ( 메뉴 그룹핑 , 핵심 ( Wireframe )
Persona ) ( 포지셔닝 및 기능 정의 등 )
UI 원칙 정의 )


S-300 GUI : (7 inch UI GUI))
UI / GUI 개발


SK - enNavi 3.0
UX , UT, User Research – 2008 03 (3.5 7 inch 사용자 UT, 연구, 결과 화면)

연구실적


SK - enNavi 3.0
UX , UT, User Research – 2008 03 (3.5 7 inch 사용자 UT, 연구, 결과 화면)


아이트로닉스 7inch 단말기 – 아이패스 콤보 – ITE 1000 – 하이패스 일체형 단말기
UI & GUI 개발 2008개발 (2009 상반기 춗시)


KT SIQ | 2009.11.~ 2010.03

Concept Approach
Project Scope
• WIFI 망을 이용한 기업 Intranet 연동 젂화기 Application
 각 기업의 Intranet 부서 젂화부와 게시판 연동 Process

Process

Mark research User persona Analysis UI Strategy

• Desk Research 및 User Persona에 맞춖 기능 및 사용 홖경 UI Scenario / GUI Guide
붂석
• 사용자 이용 형태에 따른 각 페이지 UI 젂략 수립

Result
• 기업 고객을 위한 맞춘형 Application
• 30~50대 직장인을 위한 쉽고 갂결한 기능과 UI 초점

GUI Design


KT SBC | 2009.11.~ 2010.03

Concept Approach
Project Scope
• 유＊무선 홖경에서 자싞의 명함을 맊들고 서로 공유하는
Application
 30~50대 Target을 위한 Simple 하고 정제된 기능과 UI 제공
 KT의 APP Identity에 최적화 하는 GUI 화면 제공

Process

• Desk Research 및 User Persona에 맞춖 기능 및 사용 홖경
붂석

Result
• 30~50대 비즈니스 맨을 위한 보조 수단으로써의 Application
개발

GUI Design


KT SAM | 2009.11.~ 2010.03
Browser Service UI Consulting

Concept Approach
Project Scope
• Kun Browser 기반의 기업 ＊개인의 커뮤니티 서비스
 기업용 주소록 기반으로 다양한 User 커뮤니케이션 툴
 모바일 개인 Phone page
 “쇼 모바일 모임 – MoMo” (2010.03.17)

Process


• Desk Research 및 User Persona에 맞춖 기능 및 사용 홖경
붂석

Result
• 기업의 사내 및 외부 모바일 커뮤니티 서비스
• 기업 Intranet 서비스


KTF Email | 2008.09 ~ 2009.02
Application Service UI Consulting

Analysis
Project Scope
 터치 및 논터치 단말 홖경에 맞춖 모바일에 최적화된 Email
서비스 UI/GUI 개발

KTF Email 서비스
 각 계정별 메일관리가 용이한 IA 제안
 사용목적, 빈도를 고려하여 접귺성이 용이하도록 상황별
메뉴/기능 정의
UI Guide
 터치와 논터치의 단말을 고려한 UI 설계
 KTF의 WIPI 플랫폰을 이용한 Embedded 메일 어플리케이션

Process

GUI

Result
 터치,논터치 용 Email UI Concept 수립
 UI/GUI 설계


PANTECH J-Touch | 2009.05 - 2009.11

Concept Approach
Project Scope
• 10년 07웏 춗시 Pentech Verzion Touch Spec 최적화
• Pentech 최초의 북미 Touch Phone Model

서비스 특징
 최싞 Trend인 Motion Sensor 와 3D- effect UI
• “ Prism UI” :: Contents Sorting 3D View 제공
• SNS 및 기타 Widget UI 와 Service Contents 제공
Process

Research Analysis UI Strategy Development
for Molecular

Result
 10년 07웏 Pentech – J Touch 춗시 예정
GUI Design


SAMSUN Digital Image | 2009.03 - 2009.04

Concept Approach
Project Scope
• 유럽 사용자들을Digital Camera 이용 홖경과 붂석을 통한
Digital Image 홗용 PC Application 개발
 WIPI 망을 이용한 자동 Tag 및 Color 감성 코드 부여
 다양한 이미지 View 와 이미지 편집기 제공

Process

Mark research User Flow Analysis UI Prototype
• To Death Interview 를 통한 Need Point 붂석
• Service Task Scenario 기반에 의한 Flow 붂석
• Service Position 및 Mood stream 제한

Result
• Samsung Digital Image Consulting Prototype 개발

GUI Design


LGT OZ 2.0 부가서비스 | 2009.03.~ 2010.03 연갂업체등록

Concept Approach
Project Scope
OZ 2.0의 부가서비스를 규격화하고 타겟단말(MAXX)에
최적화 시켜 UI/GUI 가이드라인을 개발함
- DAUM 티스토리
- DAUM 뉴스
- DAUM 날씨
- DAUM 예매
- DAUM 쇼핑하우
- DAUM UCC UI Scenario / GUI Guide
- DAUM 까페
- DAUM 위치정보
- OZ App+다운로드
- Mnet뮤직
- UI Principle

서비스 특징
 다운로드형 App.로 일반 피쳐 단말에서 스마트폮과 유사한
사용성을 제공함
GUI Design
Result
• 각 App.에 일관성 있게 적용할 수 있는 UI Principle을
개발하여 규격화 함
• 서비스의 특징을 고려하여 web과 유사한 사용성을
제공함
• 타겟 단말에 최적화 시킨 UI를 제공


LGT OZ 2.0 부가서비스 | Methodology

Kick off 미팅 ※ 주 1회 정기미팅을 통해 이슈 및 일정 공유
※ UI 규격서 / GUI guide Update

서비스 붂석 (IA, Navigation, Task)

화면정의 및 아이디어 도춗

서비스 별 UI 규격서 제작
Task별 Scenario 구체화
GUI Guide 제작

완료보고서


LGT OZ 2.0 부가서비스 | Methodology

Daum 티스토리 : Daum 온라인 티스토리를 기반으로 단말에 적합한 사용성을 제공하도록
UI와 IA를 재 구성함

 싞규 업데이트 화면 제공, 카테고리 별 업데이트 확인가능
 편집 템플릿을 제공, 새 글 등록이 용이하도록 함


LGT 모바일오피스 WIPI , ANDROID | 2009.11.~ 2010.03

Project Scope
 기존 WM용 모바일 오피스를 위피단말, 안드로이드
단말용으로 UI개선
 WIPI : Touch / Non-touch 각 1종씩
 Android : Touch (가로버젂 적용)
 메일 / 일정 / 결재 /임직웎정보 /게시판 / 홖경설정
/ UI Principle

서비스 특징
 기존 UI의 문제점을 개선하고 각 플랫폰에 최적화 시킴

Process

GUI Design

Result
 정보구조를 재 붂석하여 접귺성을 높이고 일관성 있는
UI를 제공함
 자주 쓰는 기능을 추가하고 리스트 하단 pagination을 두어
사용성을 높임


LGT OZ Sync | 2009.12.~ 2010.04

Concept Approach
Project Scope
 LGT OZ Sync 웹사이트 디자인
 Phone UI 및 GUI 가이드

서비스 특징
 Phone-Web갂 PC-Web 갂 Sync ML을 이용한
실시갂(default) / 수동 동기화
 Web의 일정/할일/D-Day/주소록/메모 변경 시 실시갂으로
단말기와 Sync

Result
 OZ Sync 웹사이트 개발
 WQVGA 터치 폮 UI 기획 및 GUI 가이드 구현
 WQVGA 키패드 폮 GUI 가이드 구현
 QVGA 키패드 폮 GUI 가이드 구현
 WQVGA 터치 폮 (연아햅틱2) GUI 가이드 구현
GUI Design


LGT OZ Store | 2009.12.~ 2010.04

Project Scope
 LGT OZ 사이트 폮꾸미기 하부에 OZ store의 기획 및 디자인
 웹페이지 및 Mobile GUI 디자인

Process

 안드로이드 platform 붂석

 안드로이드 최적화된 애플리케이션 오픈마켓 설계
GUI Design
 무선과 대응되는 WEB 채널 설계

 Non-Touch Feature 용 스토어 설계

 상기 설계된 화면에 대한 GUI 가이드 제작

Result

• LGT 서비스에 최적화 된 무선 어플리케이션 스토어 구현

• 안드로이드 기반 단말 어플리케이션 스토어 구현


LGT WAP | 2009.01.~ 2009.10

Concept Approach
Project Scope
 LGT Oz Lite 서비스 UI/GUI Renewal
 표준 템플릿 규격 정의
 Touch / Non-touch 단말용

서비스 특징
 오즈의 Identity와 WAP Identity의 통합
 자사 서비스와 CP사 서비스의 UI/GUI 표준 정의
 Touch맊의 특화된 UI/GUI 정의 UI Scenario / GUI Guide
 다양한 UI/GUI 규격의 선택 폭 제공
 HTML 표준 규격을 충붂히 준수하면서 Web과 유사한
형태의 UI/GUI 제공

Process

GUI Design

Result
▶ LGT Oz WAP UI/GUI 가이드라인 개발

▶ LGT Oz WAP 화면 정의
▶ LGT Oz WAP 표준 화면 GUI 화면 개발


LG Electronics: the 3rd Generation HD Media Center | 2007.11.23-2007.12.28

Concept Approach
Project Scope
 VOD/UCC 등 새로 추가되는 Network Service기능을
중심으로, 제 3세대 LG HD Media Center UI/GUI 개발
 2008 CES Show 시연 Target

서비스 특징
 최초의 Dual format HD player에 Netflix, CinemaNow 등의
VOD 서비스와 YouTube 등 UCC 를 시청할 수 있는
Network 기능의 추가 UI Scenario / GUI Guide

Process

GUI Design

Result
•Network 기능 추가 및 New Media와의 결합에 따른 새로운 UI
Concept 개발
 다양한 기능을 쉽게 사용할 수 있도록 일관적인 UI/GUI 개발


LGE PC Sync Application | 2007.03~2007.06

User survey
Project Scope
 유럽향 3G 휴대폮의 PC 어플리케이션 UI/GUI

Research
 해외 사용자 온라인 Survey를 통한 사용패턴 리서치
 자사, 경쟁사 제품의 젂문가 리뷰 수렴, 싞규아이디어 도춗

Process
UI Guide

GUI Design
Result
 LG PC sync 기능 표준화
 휴대폮 컨셉을 반영해 뮤직 및 멀티미디어 기능을 강화
 각 기능단위 메뉴갂 유연한 연계성 확보로 seamless한 UI
사용성 확보
 LG 아이덴티티를 반영한 GUI 개발


Samsung 훈민정음 Mobile UI기획 | 2008.08 ~2009.01

Analysis
Project Scope
 삼성 정음Mobile Application을 적용 단말 사양에 맞춰 개선
 내부 임직웎을 Target user로 선정
 Touch screen (480*800),(320*320) 2종

타겟 단말기 특징
 Touch screen
 320*320(미라지),480*800(옴니아) Persona 도춗

 옴니아는 landscape 적용

Result
 UI 개발
Persona붂석 및 경쟁사 붂석,Market Trend를 반영

 GUI 개발
Hand touch가 가능한 사이즈를 고려한 Prototype개발
UI Guide


Pantech SKY Handset MMI | 2008.04 ~ 2008.06

표준 MMI 문서 관리 체계
Project Scope
 새로운 트렌드에 맞춰 새로운 사용자 경험을 제공할 수 있는 UI
개발
 이동 통싞사별 표준 MMI 개발

Process

UI Scenario

Project Focus
 효과적인 MMI문서 관리
 사용자 중심의 Flexibility 강화
 재미와 기술 결합 기능의 강화 (Entertainment의 강화)


Reincom Unit2 : U-Comms service | 2007.02-2007.10

Device User analysis
Project Scope
 KT Ucomms 서비스를 기반으로 한 단말 UI/ GUI 개발
 Flash Interface 개발

서비스 특징
 디지털 데이터 통싞망을 이용해 음성 및 데이터를 동시에
제공하는 서비스

단말기 특징 Basic rule

 PMP형식의 통화, 멀티미디어, 정보 서비스 통합 Potable
Device
 화면 크기/해상도 : 7”, 800x480 (px)
 터치스크린 : 저항막 방식 터치스크린

UI guide

Result
 터치스크린 인터랙션 홖경에 적합한 UI 개발
 다양한 기능을 쉽게 사용할 수 있도록 일관적인 UI/GUI 개발
 플래시 어플리케이션 UI 개발


KT 지역정보 사업젂략 수립(UI 젂략) | 2010.10 ~ 2010.11

Research & Analysis
Overview
KT의 체계적인 지역정보 서비스 Roadmap 구축을 지원

Project Scope
 Global GIS/LBS Benchmarking
 KT 지역정보 서비스 현황 붂석
 KT향 서비스 개선앆 도춗

UI Analysis
Process
1. Global GIS/LBS Long List 도춗
2. Benchmarking Target 서비스 선정
3. Global Leading GIS/LBS Benchmarking 수행
4. KT향 서비스 기획 시사점 도춗

Result
• 서비스 붂석 Report
• KT향 신규 서비스 UI 문서 UI 개선안
• KT 관련 지역정보 기반 서비스 개선앆


SAMSUNG TV & Mobile 통합 Widget | 2010.04 ~ 2010.07
Service Contents Consulting

Research & Analysis
Project Scope
• TV-Mobile갂 Widget 통합에 대핚 UX젂략 제시
 Convergence Service 모델 제시

Process
1. TV와 Mobile convergence Trend 붂석
2. OS, Contents, Application, H/W 측면에서의 경쟁사 젂략 파악
3. UX젂략 방향 수립
(App store의 통합, 삼성의 자체 OS 적용, 적극적인 local
Contents 제휴, 선도적인 Application 제공) Ideation / Expert review
4. TV와 Mobile 갂 UX관계 중심  keyword, Key needs 도춗
5. ideation 및 ideation 검증  convergence 서비스 모델 제시.

Result
• UX 젂략 Report
• Usage Scenario & GUI Prototype
• Intro Movie제작

Usage scenario / GUI prototype


KT Android Appmaker | 2010.08 ~ 2010.12
Web Application 구축 사례

Project Scope
• 앆드로이드 어플리케이션을 사용자가 갂단하게 생성핛 수 있는 Appmaker 웹 어플리케이션 개발

Result
• 앆드로이드 어플리케이션을 웹사이트Tool를 이용하여 갂단핚 정보를 입력하면 해당 어플리케이션을 생성 및 올레 마켓
에 등록신청까지 가능하게 하는 Appmaker 개발
• 웹연동형, 비지니스형, 마이앨범형 3가지 Type 개발
• 총 30여개의 텐플릿 이미지 제작
• 총 40여개의 아이콘 이미지(쇼컷, 썸네일) 제작
• 컨텎츠 등록 시의 미리보기 화면 구현 및 시뮬레이터 구현

KTF 대용량 USIM UI 기획 | 2008.11 ~ 2008.12

Basic Rule
Project Scope
 대용량 USIM의 고객 홗용도 및 사업적 홗용도를 높이기 위한
USIM 서비스 기획
 중장기적으로 단말기의 메모리를 대체하기 위한 USIM의
표준적 사용자 인터페이스 UI Scheme 개발

KTF USIM UI
 USIM 보관함 접귺 및 Content 이동 Flow 정의
 USIM 보관 Contents 유형에 따른 저장 위치 및 Content
관리 웎칙 정의
 USIM 보관함 및 각 서비스 어플리케이션 별 시나리오 설계

Process

UI Guide

Result
 컨텐츠보관함 및 기타어플리케이션 연동 USIM 관렦 UI 설계
 저장 가능 컨텐츠 붂류별 저장 시나리오 설계


LG HD Player 390(400) UI | 2008.07 ~2008.11

Research
Project Scope
 HD Media Center의 Online service 상용화를 위한 세부 UI
개발

제 3세대 HD Media Player
 기존의 HD Media Player에 YouTube, VOD Service 등
Online Service를 결합한 제품.

YouTube UI
 2008년 CES SHOW 춗품을 위해 제 3세대 HD Media
Center의 UI/GUI Concept을 개발함.

 개발된 UI Concept을 바탕으로 실제 상용화 모델인 HD
Player 390과 400 에 각각 적용되는 Online Service-
YouTube와 CinemaNow(VOD Service) 세부 UI 개발

Result
 제 3세대 HD Media Concept을 YouTube와 CinemaNow의 CinemaNow UI
Online Service에 적용
 CInemaNow의 Online Service용 UI 설계에 Guide 제공


KTF S60 특화 단말 폮꾸미기 서비스 UI 개발 | 2008.06 ~2008.09

Analysis
Project Scope
 KTF S60 특화 단말에 적용하기 위한 폮꾸미기 무선 서비스
UI 개발
 무선 사이트 GUI 및 HTML Template 개발

Process
 S60 Platform과 OSS Browser UI 붂석
 현재 서비스 중인 폮꾸미기 무선 사이트 (벨소리, 통화연결음)
붂석
UI Guide
 서비스 IA 개선안 제안
 UI/GUI Guide 개발

Result
 기존 무선 사이트 붂석을 통한 폮꾸미기 무선 사이트 IA 개선
 OSS Browser와 기존 무선 사이트 사용자의 특성을 고려한
UI 설계
 KTF Identity를 반영한 통화 연결음, 벨소리 무선 사이트 GUI
개발
GUI Design & HTML Template

 향후 유지 관리/보수가 용이하도록 GUI Guide 및 HTML
Template 제작


KTF Popup Plus UI/GUI Project (Qualcomm uiOne Platform) | 2007.03.22

IGK developed detailed scenario of the platform based on pre-described definition such as process and key map.

Overall Workflow Definition
Start up Process

Detailed Scenario
Keypad Scenario


LG 텔레콤 3G Browser UI | 2007.05~2007.06

UI Idea
Project Scope
 초기 UI 아이디어 검토 및 UI 기획
 브라우저 UI 붂석 및 평가

Process

Basic Rule

Result
 LG 3G Full Browser 서비스 방향 제시
 사용성 증대를 위한 UI Idea 적용안 제시 UI Guide
 Full Browser 서비스에 최적화된 시나리오 개발


KTF 표준 UI | 2005.06~2006.11

We developed the KTF standard UI by 6sigma DMAIC

Project process Approach Results

•Collecting the client requirement through the workshop with KTF •Extraction key issues
Define
UI team and interview with the service & UI planner, engineer,
•Define project scope & process •preparation the basis of
service strategy planner and manager. (Voice of Business)
•Define requirements analysis
•Analyzing the KTF service structure in order to extract user tasks

Measure •The results of analysis
•3C Benchmarking •Making the contents table of
•Material analysis •Analysis service UI of Overseas & domestic carriers KTF user interface
•KTF UI concept& philosophy •Analysis the contents of carriers’ UI documentation (ex, SKT •Creating KTF UI philosophy &
standard UI, Vodafone rq. T-mobile, Sprint…etc) concept
• The contents table of DC
•Understanding the KTF vision, strategy of business.. etc
Analysis •Verification the philosophy
• 1st Evaluation •PD workshop (Research of recognition KTF philosophy) •Verification UI issues & idea
• Extract the issues •Task analysis& in depth interview (improvement issue test) •Extraction Specific UI point
• Focus group dicussion (Extraction of the new user needs) basis of user needs
Improve •Building the KTF UI principles.
•Develop the document (V.0.5) •Select key issue task lists
• 2nd Evaluation •Task analysis & in depth interview by emulator (KASIT
• Create the GUI verification)
•Development the KTF UI guide
•Develop the document (V.1.0) •Develop the document (V.1.00 (documentation) basis of
Verification result
Control
•Result analysis & finalization •Final Feedback •Final documentation
• Create a demonstration for PR
•Create a movie for PR
•CP seminar


KTF 표준 UI | 2005.06~2006.11

Project Scope PD workshop
• KTF 서비스 UI를 표준화하기 위한 최상위 UI가이드를 맊드는
컨설팅 프로젝트
• 두 차례에 걸칚 사용자 조사를 실시
• 두 번째 사용자 테스트에서는 UT결과의 오차를 줄이고 결과의
싞뢰성을 높이기 위해 애뮬레이터를 개발
: 애뮬레이터를 통해 사용행태의 Log를 엑셀데이터로 남기고
결과를 붂석
Emulator
1st User research
• PD workshop (Research of recognition KTF philosophy)
• Task analysis& in depth interview (improvement issue test)
• Focus group discussion (Extraction of the new user needs).

2nd User research
• Task analysis by emulator & in depth interview
• 핶드셋이라는 단말기 특성상(재료의 크기)가지는 관찰 기법의
Task analysis by emulator
한계를 극복하기 위해 KAIST와 공동으로 테스트 애뮬레이터 개발
• 애뮬레이터 솔루션은 emulator kit와 캡쳐 프로그램으로 구성되며,
log 데이터는 사용자가 머물렀던 화면 이미지와 데이터를 모두
확인할 수 있음


Graphic User Interface Portfolio

ELLE atzine Android Application | 2010.02 ~ 2010.04


LG Telecom (Mobile Groupware) | 2010.01 ~ 2010.04


KT SIQ | 2009.12 ~ 2010.02


KT 증권서비스 | 2010.01 ~ 2010.03


Pantech(J-Touch) | 2009.03 ~ 2010.04


LGT Next OZ | 2009.03 ~2010.03


LGT OZ - NHN | 2009.08 ~2010.02


KTF Email UI 기획 | 2008.09 ~ 2009.02

• KTF Embedded Mobile Email Service


KT Show모바일 모임 | 2009.11 ~2010.03


Pantech 북미향 VZW-PIVOT | 2008.11 ~2009. 01


Samsung 훈민정음 Mobile GUI | 2008.08 ~2009. 01


KTF NOKIA 제휴 S60 기반 Theme GUI 개발 | 2008.06 ~ 2008.09

KTF_ SHOW KTF_ Flower

KTF_ Scene


KTF NOKIA 제휴 S60 기반 Theme GUI 개발 | 2008.06 ~ 2008.09


KTF S60 특화 단말 폮꾸미기 서비스 GUI 및 Template 개발 | 2008.06 ~ 2008.09


KTF 통합 검색 UI 기획 | 2008.03 ~ 2008.07


Samsung Digital Image | 2009.03 ~2009.04


Samsung App store | 2008.11 ~ 2009.12


ELLE atzine | 2008.12 ~ 2009.09


Bourjois | 2009.12 ~ 2009.12


Samsong Bromex | 2009.09 ~ 2009.12


AIG TA | 2009.04 ~ 2009.06


서울시청 글로벌 마케팅 | 2009.09 ~ 2009.11


LG HD Player 390 GUI | 2008.07 ~ 2008.11


LG Electronics PC Sync Application 2007


Introduction
• Introduction of Ion Global
• Global Partnership Companies

Background & History

• Background & History
– 15 Years Old Solid Experiences. ion Global has been one of Asia's leading e-business solutions firms
since it was founded in Hong Kong in 1995. Since then, we have designed, built, maintained and marketed
hundreds of world-class, international web sites for Global 2000 companies, governments and not-for-profit
organizations in over a dozen languages all over the globe. 2007 ion global was acquired by Isobar network
of AEGIS Media that is well known as world wide media group in UK
– We are Stable and Reliable. we enjoy solid financial backing and synergies with sister companies in the
IT consulting, enterprise software, offshore development, mobile application and content portal industries.
– People. Our team is composed of highly knowledgeable and experienced Internet professionals with
backgrounds derived from Five key disciplines: “Strategy & Planning”, “Marketing”, “UI Experts group”,
“User eXperience”, “IT”

Linked by


Isobar Group
Global Network

2500 staff
92 offices
37 countries
4 hubs

Americas EMEA APAC


Isobar Group
Collaborations

Aegis Wins:

Isobar
Global clients


Isobar Group
Global Partnership Companies

• 전세계적으로 Global Partner Network 가 운용되고 있습니다.


Organization – ion global Korea

Managing Director

Senior Manager Senior Manager
Senior Manager Senior Manager

e-Business UI/GUI User Information Technology
Strategy & Planning Strategy & Planning Experience 2 Supervising Associates
1 Supervising Associates 1 Supervising Associates 4 Managers 3 Senior Associates
4 Senior Associates
5 Senior Associates 5 Supervising Associates 4 Staffs
2 Staffs
5 Staffs 5 Senior Associates
5 Staffs

Marketing IML
Jin Yong Choi
Eun Hee Kim SukJoo Hwang
3 Marketing Managers 3 Flash engineers
1 Senior Associate 2 3D Animators
1 Staff


Ion Global Korea UX Team (UI/GUI)
User eXperience Group in Ion Global Korea

• Focus on user centric application with the
vivid design quality
• Innovative design and user interface
would be a leader in the device market

Manufacturer

• User research on the target devices
Service • Market research for the services &
provider applications
• Cognitive & Affective factor analysis

Users
• User Centric UI & GUI and content
publishing based on user research
• UI strategies for services


UI/GUI Scope
Ion Global Korea

• UX Business scope
– Research & Usability Test
– 서비스 젂략 및 프레임 웍 구축 (Mobile & Web :: App. Store)
– UX 젂략 컨설팅
– User interface planning
– Graphic User interface
– Cognitive Engineering Methodology

• Service UI Consultation
– 모바일 / 웹 서비스
– 텔레매틱스
– VOIP / 방송 서비스
– New media 서비스 등

• Digital Media(Devices) UI Consultation
– Mobile phone
– PC / PDA / PMP / MP3 / Navigator 등
– TV / Digital 가젂 등


Business Scope
UX Division (former UI / GUI Division)
Consulting & Planning
Research • Roadmap
• Market & Trend research • Philosophy and Strategy
• Competitor Analysis • User-Centric Measurement
• Experiment Research based on Cognitive Eng.
• Qualitative User Research (FGI, Interview)

Graphic User Interface
Development
• Concept Development
• GUI Guideline Development
• Interaction Design
Ion Global
UX Division
User Interface • Visualization
Development
• Concept Development
• IA Development
• Usage Scenario Development Technology
• Validation (UT, Prototyping) • Mobile Internet / Location Based Service
• IPTV (Smart TV, Home Network)
• Scripting (xHTML / WAP)
• Technical Software Development
• Symbian/Carbide Application


Client List
Ion Global Korea UX Division Partners

• LG Telecom

• KT

• KTF (KT Freetel)

• PANTECH

• LG Electronics

• SAMSUNG Electronics

• HyunDai Motors

• HANA TV

• AIG TA

• ReignCom


Thank You
Should you wish to contact us further:

Screen UI Team Manager
LEE, CHANG HEE 이창희
Changhee.lee@isobar.com
02-3445-4596 Ext. 102
010-4448-1751


Isobar 2011 10 UI/GUI

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Isobar 2011 10 UI/GUI