• UI Case Study - UCUBE GSM Mobile
  • 1단계 : 메뉴 단계정리 및 구조파악
  • USG1은 미디어택 칩셋을 베이스로하는 모바일 솔루션을 임베딩한 GSM 휴대전화 이었습니다. 이 휴대전화는 다양한 디지털 컨텐츠, 통화정보, 모바일 사무와 유틸리티등을 3G 네트워크를 통하여 제공할 수 있었습니다. 클라이언트는 이러한 다양한 기능의 저가형 제품을 미개발 국가나 개발 도상국과 같은 곳에 저가의 가격으로 판매하기기를 원하였습니다. 미디어택의 기본 솔루션은 너무많은 기능을 가지고 있었고 이러한 기능들이 나열되어 있었기 때문에, 가장 우선적으로 필요한 것은 다양한 기능을 분류하고 정리 하는것이었습니다. 사용자의 관점에서 가장 중요한 기능 순서대로 메뉴트리를 정리하였습니다.
  • Step1 : categorization and organization of the menu
    USG1 is a mobile solution that based on MTK (Media Tek) semiconductor. It also can serve various digital contents, calling information, mobile office and utilities through 3G networks. The client wanted that they sail USG1 at developing countries or underdeveloped countries in lower price market. So, I thought that categorization and organization of the menu is primary necessary for it because the solution had too many functions that might make confusion.
  • 포스트 잇을 활용한 AI 인포메이션 아키텍쳐
  • 메뉴를 중심으로 확장되는 기능들을 정의
  • 2단계 : 스크린 수와 단계의 최소화 작업
  • 정리된 메뉴트리를 기반으로 시작한 두번째 작업은 사용자의 목적지 까지의 단계와 화면수를 줄이는 것 이었습니다. MTK 기본화면의 불필요한 옵션과 단계를 삭제하고, 불피요한 depth를 위로 끌어올려 단계를 줄여나갔습니다. 이러한 과정을 통해 기본 5-6단계를 거쳐 최종 목적화면까지 도달하던 사용자 화면은 2-3단계로 축소되었습니다. 아래의 화면은 축소되어진 홈스크린과, 주요(다이얼,폰북,메시지,오디오,라디오)메뉴 스크린 화면입니다
  • Step2 : the reduction of stages & screens
  • The goal of second UI planning is reduction of stage and screens. I deleted the screens of MTK that have needless options and stages. I also reduced depth of screen to control functions. Finally, new UI had 2 or 3 steps that was removed needless screens. Below images shows that home screen and major menus sych as dial, phone book, message, audio and radio.
  • 단말 idle 상태의 UI workflow
  • 사용자 위젯 설정 시나리오
  • 다이얼 스크린의 옵션과 동작 UI
  • 전화번호부 동작 UI workflow
  • 메시지 전송 UI workflow
  • 오디오 동작 UI workflow
  • FM 라디오 UI workflow
  • 3단계 : 셋팅 화면의 재그룹과 추가메뉴
  • 마지막으로 복잡한 셋팅 화면의 기능을 그룹화 하여 정리하였습니다. 또한 재그룹화된 셋팅 메뉴를 총괄하는 메뉴를 설정하였습니다. 이를 통하여 USG1의 사용자들은 하나의 셋팅 화면에서 모든 기능을 콘트롤 할 수 있게 되었습니다.
  • Step3 : regroup and add menus of setting
  • Finally, I regrouped complicated functions on setting screen. I also set a new menu that control all setting menu. This work made that users could set functions easily on a setting screen.
  • 재그룹화를 통해 정리된 setting UI workflow

Project Information

  • 발주처
    U-Cube
  • 프로젝트 명
    GSM Mobile GUI
  • 디바이스
    자사단말 | Media Tek
  • 개발기간
    2011. 05 ~ 2011. 09