Upload
jaesang-han
View
2.291
Download
1
Embed Size (px)
DESCRIPTION
isobar,UI,GUI portfolio
Citation preview
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.
2010 Ion Global UI/GUI Project 포트 폯리오
Released date : 2010.11
Isobar is the global home for the world’s finest digital pioneers
WHO WE ARE
AEGIS GLOBAL BRANDS
3
THE GLOBAL NETWORK MADE UP OF OVER 2,000 SPECIALISTS
Australia Sydney
Austria Vienna
Belgium Brussels
Brazil Belo Horizonte Brasilia Rio De Janeiro Sao Paulo
Canada Toronto
China Beijing Shanghai
Czech Republic Prague
Denmark Copenhagen
Finland Helsinki
France Paris
Germany Dusseldorf
Hamburg
Wiesbaden
Hong Kong Hong Kong
Hungry Budapest
India Mumbai
Italy Milan
Japan Tokyo
Korea Seoul
Malaysia Kuala Lumpur
Netherlands Amsterdam
Poland Warsaw
Portugal Lisbon
Russia Moscow
South Africa Cape Town
Johannesburg
Spain Barcelona Madrid
Switzerland Zurich
Taiwan Taipei
Thailand Bangkok
Turkey Istanbul
UK London
USA Boston New York San Francisco
London
Paris Boston
Shanghai
Sao Paulo
Isobar proprietary and confidential
Formerly known as
Shanghai Taipei
Tokyo Seoul
Beijing
Hong Kong Mumba
i Bangkok
Kuala Lumpur
Sydney
THE ASIA-PACIFIC REGION MADE UP OF OVER 500 SPECIALISTS
Australia Sydney
China Shanghai Beijing
Hong Kong Hong Kong
India Mumbai
Japan Tokyo
Korea Seoul
Malaysia Kuala Lumpur
Singapore Singapore
Taiwan Taipei
Thailand Bangkok
Singapore
MARCH 2010
our specialist tools
Isobar proprietary and confidential
Formerly known as
Astro is a Social CRM suite, developed to help brands make the social media space more accountable, manageable, and efficient
Integrated Communications Planning (ICP) – Aegis Media’s global framework for integrated communications planning
Consumer Connection Study (CCS) – A global, consumer, single-source, syndicated communications, lifestyle and product consumption survey, bespoke to Aegis Media and our clients
DigiEQ – A unique & proprietary system in China that enables: Tracking, planning, optimization & reporting for all digital media investment under a single platform
Isobar proprietary and confidential
Formerly known as
• 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 full service digital marketing
Global communication planning & buying
Global Out of Home communications
Global communication planning & buying
Ion global Korea
Ion global Korea - 15 years UI and GUI history
in Korea
Isobar proprietary and confidential
Formerly known as
Ion global Korea
Portfolio Link
IONGLOBAL Project Process
© 2010 isobar. All Rights Reserved. 12 2011-10-11
Research & Analysis
Phase 2
Prototyping
Phase 3
Realization
Phase 4
Define
Phase 1
Verification & Improvement
Phase 5
Management
Phase 6
요구사항 붂석
수행계획 수립
자사&타사 Analysis
Research
Interaction Research
Concept Ideation
Result analysis
IA 설계
User Interface 설계
기능 정의
Task Flow 설계
Graphic Design Concept
User interface Design
Graphic User Interface Design
Variation
규격 평가서
UI 검수
완료보고
• 세부 일정
• 수행계획서
• 국내외 유사 서비스
• 조사 붂석
• UI concept
• I A
• 기능,화면정의
(Task flow 포함)
• GUI sample
• LCD 사이즈 별
• Touch/Non-touch
• Download App
(UI/GUI 규격)
• Source file
• 규격 평가서
• 완료 보고서
• 이슈 리스트
• 검수 리스트
주갂 정기회의
주,월갂 보고
IONGLOBAL Project Process
유지보수
• Project Process
© 2010 isobar. All Rights Reserved. 12
© 2010 isobar. All Rights Reserved. 13 2011-10-11
Process/Methods
• Collecting Requirements
• Review the Brief or Requests
• Interview with the Clients
• Interview with the person in Charge
• Listing Issues
Documents or Outputs
• Client’s Brief Document
• Detail schedule
• 수행계획서
Brief & Request
Issue list
Statements of Work
Research & Analysis
Prototyping Realization Define Verification & Improvement
Management
IONGLOBAL Project Process
• Project Process : Detail 01
Phase 2 Phase 3 Phase 4 Phase 1 Phase 5 Phase 6
© 2010 isobar. All Rights Reserved. 14 2011-10-11
Process/Methods
• Competitor Analysis
• Benchmark
• Research
• Interaction
• Concept Ideation
Documents or Outputs
• 유사 서비스 관련 조사 분석
mail Device Research
Competitor Analysis Report
Concept Ideation
Interaction Research
Research & Analysis
Prototyping Realization Define Verification & Improvement
Management
IONGLOBAL Project Process
• Project Process : Detail 02
Phase 2 Phase 3 Phase 4 Phase 1 Phase 5 Phase 6
© 2010 isobar. All Rights Reserved. 15 2011-10-11
Process/Methods
• Concept strategy
• Prototyping
• IA design
• User Interface
• Task flow
• Function Define
• Interaction prototyping
• Graphic Design Concept
Documents or Outputs
• UI concept 보고서 (Concept, IA, 기능정의, Task flow 포함)
• Interaction Ideation
Interaction Ideation
UI Concept report
GUI Concept
Research & Analysis
Prototyping Realization Define Verification & Improvement
Management
IONGLOBAL Project Process
• Project Process : Detail 03
Phase 2 Phase 3 Phase 4 Phase 1 Phase 5 Phase 6
© 2010 isobar. All Rights Reserved. 16 2011-10-11
Process/Methods
• Interaction guide
• User interface Design
• Graphic User Interface Design
• GUI Guideline Variation
Documents or Outputs
• UI scenario
• GUI guide / source file
UI Workflow
GUI Guideline
Research & Analysis
Prototyping Realization Define Verification & Improvement
Management
IONGLOBAL Project Process
• Project Process : Detail 04
Phase 2 Phase 3 Phase 4 Phase 1 Phase 5 Phase 6
© 2010 isobar. All Rights Reserved. 17 2011-10-11
Process/Methods
• UI /GUI 규격 평가서
• Modification/Improvement (UI/GUI)
Documents or Outputs
• UI 규격 평가서
• Final Report
Final Report
GUI 규격 평가서
UI 규격 평가서
Research & Analysis
Prototyping Realization Define Verification & Improvement
Management
IONGLOBAL Project Process
• Project Process : Detail 05
Phase 2 Phase 3 Phase 4 Phase 1 Phase 5 Phase 6
© 2010 isobar. All Rights Reserved. 18 2011-10-11
Process/Methods
• 매주 정기회의를 통핚 이슈 공유 및 작업 젂달
• 주/월 보고를 통핚 이슈관리
• 담당자를 통핚 빠른 유지보수 대응
Documents or Outputs
• 이슈 리스트
• 검수 리스트
Research & Analysis
Prototyping Realization Define Verification & Improvement
Management
ISSUE LIST
TEST LIST
• Project Process : Detail 06
IONGLOBAL Project Process
Phase 2 Phase 3 Phase 4 Phase 1 Phase 5 Phase 6
© 2010 isobar. All Rights Reserved. 19 2011-10-11
Operation
© 2010 isobar. All Rights Reserved. 20 2011-10-11
Strategy & Planning (총괄 PM)
UI Planner (Research& analysis)
UI Planner (UI 설계 및 기획)
GUI (Concept & planning)
• UI Planner : UI 기획 및 설계 작업
• GUI : Graphic User Interface
• Interaction : UI concept/Interaction trend & Rule QA
• 인웎은 프로세스 별 중복투입 가능
UI Planner (UI 설계 및 기획)
UI Planner (UI 설계 및 기획)
Client primary (Account manager)
UI Planner (컨셉 개발)
GUI (Concept & planning)
GUI (Flash 디자이너)
QA Advisor
UI Planner (컨셉 개발)
UI Planner (Research& analysis)
GUI (GUI 디자이너)
GUI (GUI 디자이너)
GUI (Flash 디자이너)
GUI (3D 디자이너)
GUI (3D 디자이너)
GUI (Motion 디자이
너)
Operation
© 2010 isobar. All Rights Reserved. 21 2011-10-11
Client
Project Manager
UX expert
QA Advisor
Client Principal: • Major issue resolution • Overall client relationship • Global communication
Project Manager: • Strategic direction • On time & budget • Client Satisfaction • Motivated team
QA Advisor: • Quality assurance • Over whole strategic direction
Client Principal
UI Planner
UI Planner
UI Planner
UI Planner
UI Designer
GUI Designer
Flash Designer
Flash Designer
GUI Designer
UI Designer
Flash Designer
Benchmarking User
Research Trend
Analysis
GUI & UI (Prototyping)
프로젝트 운영 모델
Operation
© 2010 isobar. All Rights Reserved. 22 2011-10-11
MMI Senior Planner
Project Manager
요청사항
Extranet
Client primary
MMI Junior Planner
(1)접수
(2)이슈 (3)피드백
(8)완료
(4)작업요청
(5)기획 (6)Q/A
(7)젂달
모든 산춗물을 Senior planner/ PM/ CP가 검수하여 Quality를 유지하고 일관성을 유지
Senior 기획자와 junior기획자갂의 기획 및 QA
모든 커뮤니케이션 채널을 1명으로 통일
이슈사항은 젂체 CP와 공유
(9)피드백
Operation
• Communication Process
Extranet을 통한 업로드는 클라이언트와 PM이 모두 가능하여 웎홗한 커뮤니케이션이 가능 업로드한 데이터는 수시로 관리가능
© 2010 isobar. All Rights Reserved. 23 2011-10-11
UI 기획 짂행 후 표준 UI 규격 변경 요소 판단 프로세스 제도화
사업부 요구사항 변경 발생시에 바로 UI 규격 반영
수정 이슈는 항상 관리, 감독 하여 UI 규격 반영
UI 업데이트 후 GUI Guide Update
Upgrade
문제점 발견
추가요소 발생
Operation
• UI / GUI Guide Update Process
Update UI Principle
각 서비스 UI 규격
ISSUE List
GUI Guide
Device & Application UI Consulting
© 2010 isobar. All Rights Reserved. 25 2011-10-11
IONGLOBAL 2008 주요 Project
No Project Client Overview
1 KTF단말메시지 UI규격개발 케이티프리텏 KTF 메시징 인터페이스로 개선하여 기졲 고객 만족도 증가 및 신규고객 창춗하기 위해 메시지 수발신 UI의 사용성을 개선핚 UI 규격 개발
2 통합검색 정보설계 및 템플릿 설계를 위한 UI/GUI 개발
케이티프리텏 KTF SHOW 의 통합 검색 서비스 기획, UI 및 GUI 작업. 컨텎트 카테고라이제이션을 통해서 고객의 니즈를 파악하고 이를 텐플렛으로 설계.
3 2009년 내수모델 UI개발용역계약서 팬택앤큐리텏 팬택의 SKY 내수모델을 타겟으로 새로운 트렌드에 맞춰 새로운 사용자 경험을 제공핛 수 있는 UI 개발, 이동 통신사별 표준 MMI 개발
4 2009북미향 모델 싞규 UI개발 용역계약서
팬택앤큐리텏
팬택의 차세대 북미향 개발을 위해서 IGK 의 모회사인 ISOBAR 미국 지사와 협력핚 글로벌 선행 프로젝트. 미국에서 서베이 및 FGI 를 짂행 하고 이를 토대로 차세대 미국 향 폰 서비스를 제앆. 시장 상황 및 신규 서비스에 대핚 아이디어를 디자인 mock up 으로 표현
5 S60 서비스 UI개발(특화단말) 케이티프리텏 KTF의 NOKIA 향 작업.
6 MIDAS SHOW위젯 정보미니 UI개발 케이티프리텏 KTF MIDAS SHOW위젯 정보미니 UI개발
7 Embedded메일UI/GUI개발 케이티프리텏 KTF의 차세대 서비스 터치 및 논터치 단말 홖경에 맞춖 모바일에 최적화된 Email 서비스 UI/GUI 개발
8 대용량 USIM UI개발 케이티프리텏 KTF 대용량 USIM의 고객 홗용도 및 사업적 홗용도를 높이기 위핚 USIM 서비스 기획. 중장기적으로 단말기의 메모리를 대체하기 위핚 USIM의 표준적 사용자 인터페이스 UI Scheme 개발
9 VZW향 UI&GUI 개발용역계약서 팬택앤큐리텏 Pantech 북미향 VZW-PIVOT UI/GUI 개발
10 정음 Globla 모바일 버젂 UI/GUI 개발 삼성젂자㈜ 종합기술원
삼성 내부 임직원을 대상으로 삼성 정음Mobile Application을 적용핚 Touch 단말 사양에 맞춰 개선사항을 적용 사이즈별 UI/GUI 개발
11 2009년 부가서비스 UI/GUI 개발 엘지텏레콤 부가서비스 동향에대핚 Research와 제앆을통하여, OZ UX Identity를 확립하고, 모바일 홖경에 있어 편리핚서비스를 제공핛수있는 UI/GUI 개발.
© 2010 isobar. All Rights Reserved. 26 2011-10-11
IONGLOBAL 2009 - 2010 주요 Project
No Project Client Overview
12 모바일 오피스 UI/GUI개발(연갂포함) 엘지텏레콤 기졲 모바일오피스를 개선 사항을 도춗 하고 UI를 개선하여 각 플랫폼 홖경에 맞는 UI/GUI 개발.
13 09년 WAP 사이트 UI/GUI개발 엘지텏레콤 기졲 TEXT 기반의 WAP사이트의 개선 사항을 도춗하고 추가 기능을 적용하여 Web like핚 WAP사이트의 UI/GUI개발
14 Flash Application 3종 Prototype 개발
팬택앤큐리텏 팬텍 단말에 적용 가능핚 어플리케이션의 프로토타입 영상 제작
15 Pentech J –Touch Phone 개발 팬택앤큐리텏 팬텍 (버라이즌) 북미향 최초 터치폰 7월 모델에 적용되는 UI/GUI 개발
16 LGT App. Store UI/GUI개발 엘지텏레콤 OZ 사이트 폰 꾸미기 내 OZ Store 서비스(Web, 모바일)UI/GUI 개발
17 SIQ,SAM,SBC UI/GUI 개발 케이티 KT SIQ(기업 인트라넷 기반의 WIFI 젂화 어플), SAM(기업,개인용 모바일 홈피), 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 개발
© 2010 isobar. All Rights Reserved. 27 2011-10-11
IONGLOBAL 2010 주요 Project
No Project Client Overview
25 KT 지역정보 사업 젂략 수립(UI 젂략) 케이티 KT의 지역정보 서비스 Roadmap 젂략 제시
26 교웎 꼬잉꼬잉 이솝우화 아이패드 어플리케이션
교원 교원의 오프라인 동화책인 꼬인꼬잉 이솝 우화를 아이패드 어플리케이션으로 개발
27 LGU+ MY PC UI 기획 엘지텏레콤 휴대폰, Pc 갂 컨텎츠 공유를 위핚 앆드로이드 어플 개발
28 LGU+ OZ Media UI 기획 엘지텏레콤 앆드로이드에 최적홖 된 CP contents 연동 및 RSS Feed 어플 개발
29 KT Weather, Stock, News Widget 기획
케이티 앆드로이드에 최적홖 된 KT Widget 개발
30 삼성젂자 D2S Delivery 및 3Screen 정합을 위한 기반 기술 개발 프로젝트
삼성젂자 컨버젂스 컨텎츠 ( E-Magazine, Health Content ) 제작, 젂달 및 3- screen 정합을 위핚 기반 Prototype 개발
31 SK-2 iphone 어플리케이션 SK-2 SK-2 카운셀링 시스텐을 모바일에 도입하여 개발
32 롯데 면세점 모바일 웹 롯데 롯데 면세점 모바일 웹 구축 프로젝트
33 KT Android App maker 케이티 앆드로이드 어플리케이션을 사용자가 갂단하게 생성핛 수 있는 App maker 웹 어플리케이션 개발
34 SK-2 Global Tool Kit SK-2 Sk-2 e 카운셀링 프로그램 텐플릿 및 미니 사이트 텐플릿 가이드 제공
© 2010 isobar. All Rights Reserved. 28 2011-10-11
SAMSUNG SDS StudiTok | 2010.10 ~ 2010.11
Heuristic Evaluation
UI scenario / GUI
User Behavior research & Analysis
Overview Android 기반의 PAD용 학습 Application 개발. SAMSUNG SDS가 나아가야핛 초∙중∙고 대상의 PAD용 학습 Application 서비스 개선 개발.
Project Scope Prototype의 문제점 및 UX 개선
IA 구조 개선 및 UI, GUI guide 제시
Process 1. Heuristic Evaluation 2. User behavior Research (Interview & Desktop research) 3. IA 구조 개선 4. UI 개선 5. GUI guide
Result • UX 젂략 Report • Usage Scenario & GUI Prototype
Device & Application UI Consulting
© 2010 isobar. All Rights Reserved. 29 2011-10-11
KT Show Talk WIPI, ANDROID, IPHONE | 2010.03.~ 진행 중 Device & Application UI Planning
Project Scope • KT의 통합 메시지 application • 안드로이드/아이폮/ Wipi 플랫폰을 통합 커뮤니케이터 • Touch & Non- Touch 모든 폮을 고려한 서비스 기획 및 UI 기획
Process
• 국내외 메시지 서비스 홖경 조사 • Persona 붂석을 통한 차별화 포인트 고찰 • 사용자 조사를 통한 최종 Application 검증 짂행
Result
• 9웏 KT 젂 단말을 대상으로 프로모션 런칭
Concept Approach
GUI Design
UI Scenario / GUI Guide
© 2010 isobar. All Rights Reserved. 30 2011-10-11
교웎 꼬잉꼬잉 이솝우화 아이패드 application | 2010.08 ~ 2010.12
Application
Project Scope • 교원의 오프라인 동화책인 꼬잉꼬잉 이솝 우화를 모바일
어플리케이션으로 개발 (for iPad)
Result
UI 시나리오 및 스토리 & 인터랙션 시나리오 제작
GUI 및 시퀀스 모션 가이드 제작
1권 Application 개발 완료 및 appstore 판매 중
Device & Application UI Planning
© 2010 isobar. All Rights Reserved. 31 2011-10-11
KT 증권 | 2010.01.~ 2010.03
Device & Application UI Consulting
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 Testing 을 통한 기존 서비스 붂석 • Task analysis 통한 UI Prototype 실험 • To Depth Interview 를 통한 고객의 Need Point 고찰 • 최종 젂략 수립 및 사용홖경 Ideation
Result
• 브라우저증권의 Market Position을 명확하게 Visualization 함
UI Scenario / GUI Guide UI Prototype User Test Analysis UI Strategy
© 2010 isobar. All Rights Reserved. 32 2011-10-11
KT 증권 | Methodology
3C 붂석 (경쟁자/자사/소비자)
FGI ( Expert Survey /
Persona )
서비스 정의 / UI 핵심 rule 정의
( 포지셔닝 및 UI 원칙 정의 )
IA 도춗 ( 메뉴 그룹핑 , 핵심
기능 정의 등 )
UI Prototype ( Wireframe )
서비스 정의를 통핚 TOM 젂략 붂석
젂략적 방향에 따른 메인 및 핵심 서비스 페이지 구
현
IA grouping / Information architecture
Targeting /positioning
Persona 에 따른 사용자 touch
point 및 barrier 포인트 도춗
User-centric Approach
Service UI Consulting
© 2010 isobar. All Rights Reserved. 33 2011-10-11
S-300 GUI : (7 inch UI GUI)) UI / GUI 개발
© 2010 isobar. All Rights Reserved. 34 2011-10-11
연구실적
SK - enNavi 3.0 UX , UT, User Research – 2008 03 (3.5 7 inch 사용자 UT, 연구, 결과 화면)
© 2010 isobar. All Rights Reserved. 35 2011-10-11
SK - enNavi 3.0 UX , UT, User Research – 2008 03 (3.5 7 inch 사용자 UT, 연구, 결과 화면)
© 2010 isobar. All Rights Reserved. 36 2011-10-11
아이트로닉스 7inch 단말기 – 아이패스 콤보 – ITE 1000 – 하이패스 일체형 단말기
UI & GUI 개발 2008개발 (2009 상반기 춗시)
© 2010 isobar. All Rights Reserved. 37 2011-10-11
KT SIQ | 2009.11.~ 2010.03
Device & Application UI Consulting
Concept Approach
UI Scenario / GUI Guide
GUI Design
Project Scope • WIFI 망을 이용한 기업 Intranet 연동 젂화기 Application
각 기업의 Intranet 부서 젂화부와 게시판 연동 Process
Process
• Desk Research 및 User Persona에 맞춖 기능 및 사용 홖경 붂석
• 사용자 이용 형태에 따른 각 페이지 UI 젂략 수립
Result
• 기업 고객을 위한 맞춘형 Application • 30~50대 직장인을 위한 쉽고 갂결한 기능과 UI 초점
User persona Mark research Analysis UI Strategy
© 2010 isobar. All Rights Reserved. 38 2011-10-11
KT SBC | 2009.11.~ 2010.03
Device & Application UI Consulting
Concept Approach
GUI Design
UI Scenario / GUI Guide
Project Scope • 유*무선 홖경에서 자싞의 명함을 맊들고 서로 공유하는 Application
30~50대 Target을 위한 Simple 하고 정제된 기능과 UI 제공
KT의 APP Identity에 최적화 하는 GUI 화면 제공
Process
• Desk Research 및 User Persona에 맞춖 기능 및 사용 홖경 붂석
• 사용자 이용 형태에 따른 각 페이지 UI 젂략 수립
Result
• 30~50대 비즈니스 맨을 위한 보조 수단으로써의 Application 개발
User persona Mark research Analysis UI Strategy
© 2010 isobar. All Rights Reserved. 39 2011-10-11
KT SAM | 2009.11.~ 2010.03
Browser Service UI Consulting
Concept Approach
UI Scenario / GUI Guide
Project Scope • Kun Browser 기반의 기업 *개인의 커뮤니티 서비스
기업용 주소록 기반으로 다양한 User 커뮤니케이션 툴
모바일 개인 Phone page
“쇼 모바일 모임 – MoMo” (2010.03.17)
Process
• Desk Research 및 User Persona에 맞춖 기능 및 사용 홖경 붂석
• 사용자 이용 형태에 따른 각 페이지 UI 젂략 수립
Result
• 기업의 사내 및 외부 모바일 커뮤니티 서비스 • 기업 Intranet 서비스
User persona Mark research Analysis UI Strategy
© 2010 isobar. All Rights Reserved. 40 2011-10-11
KTF Email | 2008.09 ~ 2009.02
Application Service UI Consulting
Project Scope
터치 및 논터치 단말 홖경에 맞춖 모바일에 최적화된 Email 서비스 UI/GUI 개발
KTF Email 서비스
각 계정별 메일관리가 용이한 IA 제안
사용목적, 빈도를 고려하여 접귺성이 용이하도록 상황별 메뉴/기능 정의
터치와 논터치의 단말을 고려한 UI 설계
KTF의 WIPI 플랫폰을 이용한 Embedded 메일 어플리케이션
Process
Result
터치,논터치 용 Email UI Concept 수립
UI/GUI 설계
Analysis
UI Guide
GUI
© 2010 isobar. All Rights Reserved. 41 2011-10-11
PANTECH J-Touch | 2009.05 - 2009.11 Device & Application UI Consulting
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
Result
10년 07웏 Pentech – J Touch 춗시 예정
Concept Approach
GUI Design
UI Scenario / GUI Guide
Analysis Research for Molecular
UI Strategy Development
© 2010 isobar. All Rights Reserved. 42 2011-10-11
SAMSUN Digital Image | 2009.03 - 2009.04
Device & Application UI Consulting
Concept Approach
GUI Design
UI Scenario / GUI Guide
Project Scope • 유럽 사용자들을Digital Camera 이용 홖경과 붂석을 통한 Digital Image 홗용 PC Application 개발
WIPI 망을 이용한 자동 Tag 및 Color 감성 코드 부여
다양한 이미지 View 와 이미지 편집기 제공
Process
• To Death Interview 를 통한 Need Point 붂석 • Service Task Scenario 기반에 의한 Flow 붂석 • Service Position 및 Mood stream 제한
Result
• Samsung Digital Image Consulting Prototype 개발
User Flow Mark research Analysis UI Prototype
© 2010 isobar. All Rights Reserved. 43 2011-10-11
Project Scope
OZ 2.0의 부가서비스를 규격화하고 타겟단말(MAXX)에 최적화 시켜 UI/GUI 가이드라인을 개발함
- DAUM 티스토리 - DAUM 뉴스 - DAUM 날씨 - DAUM 예매 - DAUM 쇼핑하우 - DAUM UCC - DAUM 까페 - DAUM 위치정보 - OZ App+다운로드 - Mnet뮤직 - UI Principle
서비스 특징
다운로드형 App.로 일반 피쳐 단말에서 스마트폮과 유사한
사용성을 제공함
Result
• 각 App.에 일관성 있게 적용할 수 있는 UI Principle을 개발하여 규격화 함
• 서비스의 특징을 고려하여 web과 유사한 사용성을 제공함
• 타겟 단말에 최적화 시킨 UI를 제공
Concept Approach
GUI Design
UI Scenario / GUI Guide
LGT OZ 2.0 부가서비스 | 2009.03.~ 2010.03 연갂업체등록
Device & Application UI Consulting
© 2010 isobar. All Rights Reserved. 44 2011-10-11
Kick off 미팅
화면정의 및 아이디어 도춗
Task별 Scenario 구체화
완료보고서
※ 주 1회 정기미팅을 통해 이슈 및 일정 공유 ※ UI 규격서 / GUI guide Update
LGT OZ 2.0 부가서비스 | Methodology
서비스 붂석 (IA, Navigation, Task)
서비스 별 UI 규격서 제작
GUI Guide 제작
© 2010 isobar. All Rights Reserved. 45 2011-10-11
싞규 업데이트 화면 제공, 카테고리 별 업데이트 확인가능 편집 템플릿을 제공, 새 글 등록이 용이하도록 함
Daum 온라인 티스토리를 기반으로 단말에 적합한 사용성을 제공하도록 UI와 IA를 재 구성함
Daum 티스토리 :
LGT OZ 2.0 부가서비스 | Methodology
© 2010 isobar. All Rights Reserved. 46 2011-10-11
LGT 모바일오피스 WIPI , ANDROID | 2009.11.~ 2010.03
Device & Application UI Consulting
UI Scenario / GUI Guide
Project Scope
기존 WM용 모바일 오피스를 위피단말, 안드로이드 단말용으로 UI개선
WIPI : Touch / Non-touch 각 1종씩
Android : Touch (가로버젂 적용)
메일 / 일정 / 결재 /임직웎정보 /게시판 / 홖경설정 / UI Principle
서비스 특징
기존 UI의 문제점을 개선하고 각 플랫폰에 최적화 시킴
Process
Result
정보구조를 재 붂석하여 접귺성을 높이고 일관성 있는
UI를 제공함
자주 쓰는 기능을 추가하고 리스트 하단 pagination을 두어
사용성을 높임
GUI Design
© 2010 isobar. All Rights Reserved. 47 2011-10-11
LGT OZ Sync | 2009.12.~ 2010.04
Device & Application UI Consulting
Concept Approach
GUI Design
UI Scenario / GUI Guide
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 가이드 구현
© 2010 isobar. All Rights Reserved. 48 2011-10-11
LGT OZ Store | 2009.12.~ 2010.04
Device & Application UI Consulting
GUI Design
UI Scenario / GUI Guide
Project Scope
LGT OZ 사이트 폮꾸미기 하부에 OZ store의 기획 및 디자인
웹페이지 및 Mobile GUI 디자인
Process
안드로이드 platform 붂석
안드로이드 최적화된 애플리케이션 오픈마켓 설계
무선과 대응되는 WEB 채널 설계
Non-Touch Feature 용 스토어 설계
상기 설계된 화면에 대한 GUI 가이드 제작
Result
• LGT 서비스에 최적화 된 무선 어플리케이션 스토어 구현
• 안드로이드 기반 단말 어플리케이션 스토어 구현
© 2010 isobar. All Rights Reserved. 49 2011-10-11
LGT WAP | 2009.01.~ 2009.10
Device & Application UI Consulting
Concept Approach
GUI Design
UI Scenario / GUI Guide
Project Scope
LGT Oz Lite 서비스 UI/GUI Renewal
표준 템플릿 규격 정의
Touch / Non-touch 단말용
서비스 특징
오즈의 Identity와 WAP Identity의 통합
자사 서비스와 CP사 서비스의 UI/GUI 표준 정의
Touch맊의 특화된 UI/GUI 정의
다양한 UI/GUI 규격의 선택 폭 제공
HTML 표준 규격을 충붂히 준수하면서 Web과 유사한
형태의 UI/GUI 제공
Process
Result
▶ LGT Oz WAP UI/GUI 가이드라인 개발 ▶ LGT Oz WAP 화면 정의 ▶ LGT Oz WAP 표준 화면 GUI 화면 개발
© 2010 isobar. All Rights Reserved. 50 2011-10-11
LG Electronics: the 3rd Generation HD Media Center | 2007.11.23-2007.12.28
Device & Application UI Consulting
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 기능의 추가
Process
Result
•Network 기능 추가 및 New Media와의 결합에 따른 새로운 UI
Concept 개발
다양한 기능을 쉽게 사용할 수 있도록 일관적인 UI/GUI 개발
Concept Approach
GUI Design
UI Scenario / GUI Guide
© 2010 isobar. All Rights Reserved. 51 2011-10-11
LGE PC Sync Application | 2007.03~2007.06 Device & Application UI Consulting
Project Scope
유럽향 3G 휴대폮의 PC 어플리케이션 UI/GUI Research
해외 사용자 온라인 Survey를 통한 사용패턴 리서치
자사, 경쟁사 제품의 젂문가 리뷰 수렴, 싞규아이디어 도춗
Process Result
LG PC sync 기능 표준화
휴대폮 컨셉을 반영해 뮤직 및 멀티미디어 기능을 강화
각 기능단위 메뉴갂 유연한 연계성 확보로 seamless한 UI 사용성 확보
LG 아이덴티티를 반영한 GUI 개발
User survey
UI Guide
GUI Design
© 2010 isobar. All Rights Reserved. 52 2011-10-11
Samsung 훈민정음 Mobile UI기획 | 2008.08 ~2009.01
Project Scope
삼성 정음Mobile Application을 적용 단말 사양에 맞춰 개선
내부 임직웎을 Target user로 선정
Touch screen (480*800),(320*320) 2종
타겟 단말기 특징
Touch screen
320*320(미라지),480*800(옴니아)
옴니아는 landscape 적용
Result
UI 개발 Persona붂석 및 경쟁사 붂석,Market Trend를 반영 GUI 개발 Hand touch가 가능한 사이즈를 고려한 Prototype개발
Analysis
Persona 도춗
UI Guide
Device & Application UI Consulting
© 2010 isobar. All Rights Reserved. 53 2011-10-11
Pantech SKY Handset MMI | 2008.04 ~ 2008.06 Device & Application UI Consulting
Project Scope
새로운 트렌드에 맞춰 새로운 사용자 경험을 제공할 수 있는 UI 개발
이동 통싞사별 표준 MMI 개발
Process
Project Focus
효과적인 MMI문서 관리
사용자 중심의 Flexibility 강화
재미와 기술 결합 기능의 강화 (Entertainment의 강화)
표준 MMI 문서 관리 체계
UI Scenario
© 2010 isobar. All Rights Reserved. 54 2011-10-11
Reincom Unit2 : U-Comms service | 2007.02-2007.10
Device & Application UI Consulting
Project Scope
KT Ucomms 서비스를 기반으로 한 단말 UI/ GUI 개발
Flash Interface 개발
서비스 특징
디지털 데이터 통싞망을 이용해 음성 및 데이터를 동시에 제공하는 서비스
단말기 특징
PMP형식의 통화, 멀티미디어, 정보 서비스 통합 Potable Device
화면 크기/해상도 : 7”, 800x480 (px)
터치스크린 : 저항막 방식 터치스크린
Result
터치스크린 인터랙션 홖경에 적합한 UI 개발
다양한 기능을 쉽게 사용할 수 있도록 일관적인 UI/GUI 개발
플래시 어플리케이션 UI 개발
Device User analysis
Basic rule
UI guide
Service UI Consulting
© 2010 isobar. All Rights Reserved. 56 2011-10-11
Service UI Consulting
Research & Analysis
UI 개선안
UI Analysis
Overview KT의 체계적인 지역정보 서비스 Roadmap 구축을 지원
Project Scope Global GIS/LBS Benchmarking
KT 지역정보 서비스 현황 붂석
KT향 서비스 개선앆 도춗
Process 1. Global GIS/LBS Long List 도춗 2. Benchmarking Target 서비스 선정 3. Global Leading GIS/LBS Benchmarking 수행 4. KT향 서비스 기획 시사점 도춗
Result • 서비스 붂석 Report • KT향 신규 서비스 UI 문서 • KT 관련 지역정보 기반 서비스 개선앆
KT 지역정보 사업젂략 수립(UI 젂략) | 2010.10 ~ 2010.11
© 2010 isobar. All Rights Reserved. 57 2011-10-11
SAMSUNG TV & Mobile 통합 Widget | 2010.04 ~ 2010.07
Research & Analysis
Usage scenario / GUI prototype
Ideation / Expert review
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 제공)
4. TV와 Mobile 갂 UX관계 중심 keyword, Key needs 도춗
5. ideation 및 ideation 검증 convergence 서비스 모델 제시.
Result • UX 젂략 Report • Usage Scenario & GUI Prototype • Intro Movie제작
Service Contents Consulting
KT Android Appmaker | 2010.08 ~ 2010.12
Project Scope • 앆드로이드 어플리케이션을 사용자가 갂단하게 생성핛 수 있는 Appmaker 웹 어플리케이션 개발
• 웹연동형, 비지니스형, 마이앨범형 3가지 Type 개발
• 총 30여개의 텐플릿 이미지 제작
• 총 40여개의 아이콘 이미지(쇼컷, 썸네일) 제작
• 컨텎츠 등록 시의 미리보기 화면 구현 및 시뮬레이터 구현
• 앆드로이드 어플리케이션을 웹사이트Tool를 이용하여 갂단핚 정보를 입력하면 해당 어플리케이션을 생성 및 올레 마켓에 등록신청까지 가능하게 하는 Appmaker 개발
Result
Web Application 구축 사례
© 2010 isobar. All Rights Reserved. 59 2011-10-11
KTF 대용량 USIM UI 기획 | 2008.11 ~ 2008.12
Service UI Consulting
Project Scope
대용량 USIM의 고객 홗용도 및 사업적 홗용도를 높이기 위한 USIM 서비스 기획
중장기적으로 단말기의 메모리를 대체하기 위한 USIM의 표준적 사용자 인터페이스 UI Scheme 개발
KTF USIM UI
USIM 보관함 접귺 및 Content 이동 Flow 정의
USIM 보관 Contents 유형에 따른 저장 위치 및 Content 관리 웎칙 정의
USIM 보관함 및 각 서비스 어플리케이션 별 시나리오 설계
Process
Result
컨텐츠보관함 및 기타어플리케이션 연동 USIM 관렦 UI 설계
저장 가능 컨텐츠 붂류별 저장 시나리오 설계
Basic Rule
UI Guide
© 2010 isobar. All Rights Reserved. 60 2011-10-11
LG HD Player 390(400) UI | 2008.07 ~2008.11
Service UI Consulting
Project Scope
HD Media Center의 Online service 상용화를 위한 세부 UI 개발
제 3세대 HD Media Player
기존의 HD Media Player에 YouTube, VOD Service 등 Online Service를 결합한 제품.
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의 Online Service에 적용
CInemaNow의 Online Service용 UI 설계에 Guide 제공
Research
YouTube UI
CinemaNow UI
© 2010 isobar. All Rights Reserved. 61 2011-10-11
KTF S60 특화 단말 폮꾸미기 서비스 UI 개발 | 2008.06 ~2008.09
Service UI Consulting
Project Scope
KTF S60 특화 단말에 적용하기 위한 폮꾸미기 무선 서비스 UI 개발
무선 사이트 GUI 및 HTML Template 개발
Process
S60 Platform과 OSS Browser UI 붂석
현재 서비스 중인 폮꾸미기 무선 사이트 (벨소리, 통화연결음) 붂석
서비스 IA 개선안 제안
UI/GUI Guide 개발
Result
기존 무선 사이트 붂석을 통한 폮꾸미기 무선 사이트 IA 개선
OSS Browser와 기존 무선 사이트 사용자의 특성을 고려한 UI 설계
KTF Identity를 반영한 통화 연결음, 벨소리 무선 사이트 GUI 개발
향후 유지 관리/보수가 용이하도록 GUI Guide 및 HTML Template 제작
Analysis
UI Guide
GUI Design & HTML Template
© 2010 isobar. All Rights Reserved. 62 2011-10-11
KTF Popup Plus UI/GUI Project (Qualcomm uiOne Platform) | 2007.03.22 Service UI Consulting
IGK developed detailed scenario of the platform based on pre-described definition such as process and key map.
Start up Process
Keypad Scenario
Overall Workflow Definition
Detailed Scenario
© 2010 isobar. All Rights Reserved. 63 2011-10-11
LG 텔레콤 3G Browser UI | 2007.05~2007.06 Service UI Consulting
UI Idea
Basic Rule
UI Guide
Project Scope
초기 UI 아이디어 검토 및 UI 기획
브라우저 UI 붂석 및 평가 Process Result
LG 3G Full Browser 서비스 방향 제시
사용성 증대를 위한 UI Idea 적용안 제시
Full Browser 서비스에 최적화된 시나리오 개발
© 2010 isobar. All Rights Reserved. 64 2011-10-11
KTF 표준 UI | 2005.06~2006.11 Service UI Consulting
We developed the KTF standard UI by 6sigma DMAIC
Define
•Define project scope & process
•Define requirements
Project process Approach
•Collecting the client requirement through the workshop with KTF UI team and interview with the service & UI planner, engineer,
service strategy planner and manager. (Voice of Business)
•Analyzing the KTF service structure in order to extract user tasks
•Analysis service UI of Overseas & domestic carriers
•Analysis the contents of carriers’ UI documentation (ex, SKT standard UI, Vodafone rq. T-mobile, Sprint…etc)
•Understanding the KTF vision, strategy of business.. etc
•PD workshop (Research of recognition KTF philosophy)
•Task analysis& in depth interview (improvement issue test)
• Focus group dicussion (Extraction of the new user needs)
•Select key issue task lists
•Task analysis & in depth interview by emulator (KASIT verification)
•Develop the document (V.1.00
•Final Feedback
Results
•Extraction key issues
•preparation the basis of analysis
•The results of analysis
•Making the contents table of KTF user interface
•Creating KTF UI philosophy & concept
•Verification the philosophy
•Verification UI issues & idea
•Extraction Specific UI point basis of user needs
•Building the KTF UI principles.
•Development the KTF UI guide (documentation) basis of
Verification result
•Final documentation
•Create a movie for PR
Measure
•3C Benchmarking
•Material analysis
•KTF UI concept& philosophy
• The contents table of DC
Analysis
• 1st Evaluation
• Extract the issues
Improve
•Develop the document (V.0.5)
• 2nd Evaluation
• Create the GUI
•Develop the document (V.1.0)
Control
•Result analysis & finalization
• Create a demonstration for PR
•CP seminar
© 2010 isobar. All Rights Reserved. 65 2011-10-11
KTF 표준 UI | 2005.06~2006.11 Service UI Consulting
PD workshop
Emulator
Task analysis by 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
•핶드셋이라는 단말기 특성상(재료의 크기)가지는 관찰 기법의
한계를 극복하기 위해 KAIST와 공동으로 테스트 애뮬레이터 개발
•애뮬레이터 솔루션은 emulator kit와 캡쳐 프로그램으로 구성되며,
log 데이터는 사용자가 머물렀던 화면 이미지와 데이터를 모두
확인할 수 있음
Project Scope
• KTF 서비스 UI를 표준화하기 위한 최상위 UI가이드를 맊드는
컨설팅 프로젝트
• 두 차례에 걸칚 사용자 조사를 실시
• 두 번째 사용자 테스트에서는 UT결과의 오차를 줄이고 결과의
싞뢰성을 높이기 위해 애뮬레이터를 개발
: 애뮬레이터를 통해 사용행태의 Log를 엑셀데이터로 남기고
결과를 붂석
Graphic User Interface Portfolio
© 2010 isobar. All Rights Reserved. 67 2011-10-11
Graphic User Interface Portfolio ELLE atzine Android Application | 2010.02 ~ 2010.04
© 2010 isobar. All Rights Reserved. 68 2011-10-11
Graphic User Interface Portfolio LG Telecom (Mobile Groupware) | 2010.01 ~ 2010.04
© 2010 isobar. All Rights Reserved. 69 2011-10-11
Graphic User Interface Portfolio KT SIQ | 2009.12 ~ 2010.02
© 2010 isobar. All Rights Reserved. 70 2011-10-11
Graphic User Interface Portfolio KT 증권서비스 | 2010.01 ~ 2010.03
© 2010 isobar. All Rights Reserved. 71 2011-10-11
Graphic User Interface Portfolio Pantech(J-Touch) | 2009.03 ~ 2010.04
© 2010 isobar. All Rights Reserved. 72 2011-10-11
Graphic User Interface Portfolio LGT Next OZ | 2009.03 ~2010.03
© 2010 isobar. All Rights Reserved. 73 2011-10-11
Graphic User Interface Portfolio LGT OZ - NHN | 2009.08 ~2010.02
© 2010 isobar. All Rights Reserved. 74 2011-10-11
Graphic User Interface Portfolio LGT OZ - NHN | 2009.08 ~2010.02
© 2010 isobar. All Rights Reserved. 75 2011-10-11
Graphic User Interface Portfolio KTF Email UI 기획 | 2008.09 ~ 2009.02
• KTF Embedded Mobile Email Service
© 2010 isobar. All Rights Reserved. 76 2011-10-11
Graphic User Interface Portfolio KT Show모바일 모임 | 2009.11 ~2010.03
© 2010 isobar. All Rights Reserved. 77 2011-10-11
Graphic User Interface Portfolio Pantech 북미향 VZW-PIVOT | 2008.11 ~2009. 01
© 2010 isobar. All Rights Reserved. 78 2011-10-11
Graphic User Interface Portfolio Samsung 훈민정음 Mobile GUI | 2008.08 ~2009. 01
© 2010 isobar. All Rights Reserved. 79 2011-10-11
Graphic User Interface Portfolio KTF NOKIA 제휴 S60 기반 Theme GUI 개발 | 2008.06 ~ 2008.09
KTF_ SHOW
KTF_ Scene
KTF_ Flower
© 2010 isobar. All Rights Reserved. 80 2011-10-11
Graphic User Interface Portfolio KTF NOKIA 제휴 S60 기반 Theme GUI 개발 | 2008.06 ~ 2008.09
© 2010 isobar. All Rights Reserved. 81 2011-10-11
Graphic User Interface Portfolio KTF S60 특화 단말 폮꾸미기 서비스 GUI 및 Template 개발 | 2008.06 ~ 2008.09
© 2010 isobar. All Rights Reserved. 82 2011-10-11
Graphic User Interface Portfolio KTF 통합 검색 UI 기획 | 2008.03 ~ 2008.07
© 2010 isobar. All Rights Reserved. 83 2011-10-11
Graphic User Interface Portfolio Samsung Digital Image | 2009.03 ~2009.04
© 2010 isobar. All Rights Reserved. 84 2011-10-11
Graphic User Interface Portfolio Samsung App store | 2008.11 ~ 2009.12
© 2010 isobar. All Rights Reserved. 85 2011-10-11
Graphic User Interface Portfolio ELLE atzine | 2008.12 ~ 2009.09
© 2010 isobar. All Rights Reserved. 86 2011-10-11
Graphic User Interface Portfolio Bourjois | 2009.12 ~ 2009.12
© 2010 isobar. All Rights Reserved. 87 2011-10-11
Graphic User Interface Portfolio Samsong Bromex | 2009.09 ~ 2009.12
© 2010 isobar. All Rights Reserved. 88 2011-10-11
Graphic User Interface Portfolio AIG TA | 2009.04 ~ 2009.06
© 2010 isobar. All Rights Reserved. 89 2011-10-11
Graphic User Interface Portfolio 서울시청 글로벌 마케팅 | 2009.09 ~ 2009.11
© 2010 isobar. All Rights Reserved. 90 2011-10-11
Graphic User Interface Portfolio LG HD Player 390 GUI | 2008.07 ~ 2008.11
© 2010 isobar. All Rights Reserved. 91 2011-10-11
LG Electronics PC Sync Application 2007 Graphic User Interface Portfolio
Introduction • Introduction of Ion Global
• Global Partnership Companies
© 2010 isobar. All Rights Reserved. 93 2011-10-11
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
© 2010 isobar. All Rights Reserved. 94 2011-10-11
Isobar Group Global Network
2500
92
37
4
staff
offices
countries
hubs
Americas EMEA APAC
© 2010 isobar. All Rights Reserved. 95 2011-10-11
Isobar Group
Aegis Wins:
Isobar
Global clients
Collaborations
© 2010 isobar. All Rights Reserved. 96 2011-10-11
Isobar Group Global Partnership Companies
• 전세계적으로 Global Partner Network 가 운용되고 있습니다.
© 2010 isobar. All Rights Reserved. 97 2011-10-11
Organization – ion global Korea
Managing Director
Senior Manager
e-Business Strategy & Planning
1 Supervising Associates 4 Senior Associates
2 Staffs
UI/GUI Strategy & Planning
1 Supervising Associates
5 Senior Associates
5 Staffs
Senior Manager
User Experience
4 Managers
5 Supervising Associates
5 Senior Associates
5 Staffs
Senior Manager
Information Technology
2 Supervising Associates
3 Senior Associates
4 Staffs
Marketing Jin Yong Choi Eun Hee Kim
3 Marketing Managers 1 Senior Associate
1 Staff
IML
SukJoo Hwang
3 Flash engineers
2 3D Animators
Senior Manager
© 2010 isobar. All Rights Reserved. 98 2011-10-11
Ion Global Korea UX Team (UI/GUI)
User eXperience Group in Ion Global Korea
Users
Service provider
Manufacturer
• Focus on user centric application with the vivid design quality • Innovative design and user interface would be a leader in the device market
• User Centric UI & GUI and content publishing based on user research • UI strategies for services
• User research on the target devices • Market research for the services & applications • Cognitive & Affective factor analysis
© 2010 isobar. All Rights Reserved. 99 2011-10-11
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 가젂 등
© 2010 isobar. All Rights Reserved. 100 2011-10-11
Business Scope UX Division (former UI / GUI Division)
Research
UX Division Ion Global
Consulting & Planning
User Interface Development
Graphic User Interface Development
Technology
• Market & Trend research
• Competitor Analysis
• Experiment Research based on Cognitive Eng.
• Qualitative User Research (FGI, Interview)
• Roadmap
• Philosophy and Strategy
• User-Centric Measurement
• Concept Development
• GUI Guideline Development
• Interaction Design
• Visualization
• Concept Development
• IA Development
• Usage Scenario Development
• Validation (UT, Prototyping) • Mobile Internet / Location Based Service
• IPTV (Smart TV, Home Network)
• Scripting (xHTML / WAP)
• Technical Software Development
• Symbian/Carbide Application
© 2010 isobar. All Rights Reserved. 101 2011-10-11
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
© 2010 isobar. All Rights Reserved. 102 2011-10-11
Thank You
Should you wish to contact us further:
Screen UI Team Manager
LEE, CHANG HEE 이창희 [email protected]
02-3445-4596 Ext. 102 010-4448-1751