Isobar 2011 10 UI/GUI

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


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


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


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

• 규격 평가서

• 완료 보고서

• 이슈 리스트

• 검수 리스트

주갂 정기회의

주,월갂 보고


유지보수

• Project Process

© 2010 isobar. All Rights Reserved. 12


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


• Project Process : Detail 01

Phase 2 Phase 3 Phase 4 Phase 1 Phase 5 Phase 6


Process/Methods

• Competitor Analysis

• Benchmark

• Research

• Interaction

• Concept Ideation


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

mail Device Research

Competitor Analysis Report

Concept Ideation

Interaction Research

Research & Analysis


Management





Process/Methods

• Concept strategy

• Prototyping

• IA design

• User Interface

• Task flow

• Function Define

• Interaction prototyping

• Graphic Design Concept


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

• Interaction Ideation

Interaction Ideation

UI Concept report

GUI Concept

Research & Analysis


Management





Process/Methods

• Interaction guide

• User interface Design

• Graphic User Interface Design

• GUI Guideline Variation


• UI scenario

• GUI guide / source file

UI Workflow

GUI Guideline

Research & Analysis


Management





Process/Methods

• UI /GUI 규격 평가서

• Modification/Improvement (UI/GUI)


• UI 규격 평가서

• Final Report

Final Report

GUI 규격 평가서

UI 규격 평가서

Research & Analysis


Management





Process/Methods

• 매주 정기회의를 통핚 이슈 공유 및 작업 젂달

• 주/월 보고를 통핚 이슈관리

• 담당자를 통핚 빠른 유지보수 대응


• 이슈 리스트

• 검수 리스트

Research & Analysis


Management

ISSUE LIST

TEST LIST





Operation


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

• 인웎은 프로세스 별 중복투입 가능



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


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


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이 모두 가능하여 웎홗한 커뮤니케이션이 가능 업로드한 데이터는 수시로 관리가능


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


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 개발.


IONGLOBAL 2009 - 2010 주요 Project


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 개발


IONGLOBAL 2010 주요 Project


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 카운셀링 프로그램 텐플릿 및 미니 사이트 텐플릿 가이드 제공


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



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


교웎 꼬잉꼬잉 이솝우화 아이패드 application | 2010.08 ~ 2010.12

Application

Project Scope • 교원의 오프라인 동화책인 꼬잉꼬잉 이솝 우화를 모바일

어플리케이션으로 개발 (for iPad)

Result

UI 시나리오 및 스토리 & 인터랙션 시나리오 제작

GUI 및 시퀀스 모션 가이드 제작

1권 Application 개발 완료 및 appstore 판매 중

Device & Application UI Planning


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 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


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


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


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


KT SBC | 2009.11.~ 2010.03


Concept Approach

GUI Design


Project Scope • 유＊무선 홖경에서 자싞의 명함을 맊들고 서로 공유하는 Application

30~50대 Target을 위한 Simple 하고 정제된 기능과 UI 제공

KT의 APP Identity에 최적화 하는 GUI 화면 제공

Process



Result

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



KT SAM | 2009.11.~ 2010.03

Browser Service UI Consulting

Concept Approach


Project Scope • Kun Browser 기반의 기업 ＊개인의 커뮤니티 서비스

기업용 주소록 기반으로 다양한 User 커뮤니케이션 툴

모바일 개인 Phone page

“쇼 모바일 모임 – MoMo” (2010.03.17)

Process



Result

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



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


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


Analysis Research for Molecular

UI Strategy Development


SAMSUN Digital Image | 2009.03 - 2009.04


Concept Approach

GUI Design


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


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


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



Kick off 미팅

화면정의 및 아이디어 도춗

Task별 Scenario 구체화

완료보고서

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

LGT OZ 2.0 부가서비스 | Methodology

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

서비스 별 UI 규격서 제작

GUI Guide 제작


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

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

Daum 티스토리 :

LGT OZ 2.0 부가서비스 | Methodology


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



Project Scope

기존 WM용 모바일 오피스를 위피단말, 안드로이드 단말용으로 UI개선

WIPI : Touch / Non-touch 각 1종씩

Android : Touch (가로버젂 적용)

메일 / 일정 / 결재 /임직웎정보 /게시판 / 홖경설정 / UI Principle

서비스 특징

기존 UI의 문제점을 개선하고 각 플랫폰에 최적화 시킴

Process

Result

정보구조를 재 붂석하여 접귺성을 높이고 일관성 있는

UI를 제공함

자주 쓰는 기능을 추가하고 리스트 하단 pagination을 두어

사용성을 높임

GUI Design


LGT OZ Sync | 2009.12.~ 2010.04


Concept Approach

GUI Design


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 가이드 구현


LGT OZ Store | 2009.12.~ 2010.04


GUI Design


Project Scope

LGT OZ 사이트 폮꾸미기 하부에 OZ store의 기획 및 디자인

웹페이지 및 Mobile GUI 디자인

Process

안드로이드 platform 붂석

안드로이드 최적화된 애플리케이션 오픈마켓 설계

무선과 대응되는 WEB 채널 설계

Non-Touch Feature 용 스토어 설계

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

Result

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

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


LGT WAP | 2009.01.~ 2009.10


Concept Approach

GUI Design


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 화면 개발


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


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



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


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



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


Reincom Unit2 : U-Comms service | 2007.02-2007.10


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




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


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 구축 사례


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


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


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


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


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


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


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


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 서비스에 최적화된 시나리오 개발


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


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


Graphic User Interface Portfolio ELLE atzine Android Application | 2010.02 ~ 2010.04


Graphic User Interface Portfolio LG Telecom (Mobile Groupware) | 2010.01 ~ 2010.04


Graphic User Interface Portfolio KT SIQ | 2009.12 ~ 2010.02


Graphic User Interface Portfolio KT 증권서비스 | 2010.01 ~ 2010.03


Graphic User Interface Portfolio Pantech(J-Touch) | 2009.03 ~ 2010.04


Graphic User Interface Portfolio LGT Next OZ | 2009.03 ~2010.03


Graphic User Interface Portfolio LGT OZ - NHN | 2009.08 ~2010.02


Graphic User Interface Portfolio LGT OZ - NHN | 2009.08 ~2010.02


Graphic User Interface Portfolio KTF Email UI 기획 | 2008.09 ~ 2009.02

• KTF Embedded Mobile Email Service


Graphic User Interface Portfolio KT Show모바일 모임 | 2009.11 ~2010.03


Graphic User Interface Portfolio Pantech 북미향 VZW-PIVOT | 2008.11 ~2009. 01


Graphic User Interface Portfolio Samsung 훈민정음 Mobile GUI | 2008.08 ~2009. 01


Graphic User Interface Portfolio KTF NOKIA 제휴 S60 기반 Theme GUI 개발 | 2008.06 ~ 2008.09

KTF_ SHOW

KTF_ Scene

KTF_ Flower


Graphic User Interface Portfolio KTF NOKIA 제휴 S60 기반 Theme GUI 개발 | 2008.06 ~ 2008.09


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


Graphic User Interface Portfolio KTF 통합 검색 UI 기획 | 2008.03 ~ 2008.07


Graphic User Interface Portfolio Samsung Digital Image | 2009.03 ~2009.04


Graphic User Interface Portfolio Samsung App store | 2008.11 ~ 2009.12


Graphic User Interface Portfolio ELLE atzine | 2008.12 ~ 2009.09


Graphic User Interface Portfolio Bourjois | 2009.12 ~ 2009.12


Graphic User Interface Portfolio Samsong Bromex | 2009.09 ~ 2009.12


Graphic User Interface Portfolio AIG TA | 2009.04 ~ 2009.06


Graphic User Interface Portfolio 서울시청 글로벌 마케팅 | 2009.09 ~ 2009.11


Graphic User Interface Portfolio LG HD Player 390 GUI | 2008.07 ~ 2008.11


LG Electronics PC Sync Application 2007 Graphic User Interface Portfolio

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

92

37

4

staff

offices

countries

hubs

Americas EMEA APAC

http://www.freestyleinteractive.com/index.html

http://www.netthink.es/

http://www.molecular.com/index.aspx

http://www.digithais.com/web/index.htm

http://www.caratfusion.com/

http://www.diffiniti.jp/en/


Isobar Group

Aegis Wins:

Isobar

Global clients

Collaborations

http://www.onedigital.com.au/default.asp



http://images.google.com/imgres?imgurl=http://www.tourism.australia.com/content/brand/brand_logo.jpg&imgrefurl=http://www.tourism.australia.com/Marketing.asp?sub=0291&al=372&h=200&w=187&sz=11&tbnid=N0uSKvouUQ4NQM:&tbnh=99&tbnw=92&hl=en&start=1&prev=/images?q=tourism+australia+logo&svnum=10&hl=en&lr=&rls=WZPA,WZPA:2006-03,WZPA:en&sa=N


Isobar Group Global Partnership Companies

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

http://www.onedigital.com.au/default.asp

http://www.ntbuscadores.es/

http://www.pivotal.com/

http://www.praxa.com.au/


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 Senior Associates

5 Staffs

Senior Manager

Information Technology


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


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


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)

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


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 이창희 [email protected]

02-3445-4596 Ext. 102 010-4448-1751