cmos00

1. iOS 컴포넌트 1) Status Bar 2) Navigation Bar - 일반적으로 투명하게 적용되며 Status Bar 바로 아래에 보여짐 - 가운데는 현재 위치, 좌측은 이전 위치, 우측에는 추가기능 배치 - Navigation Bar의 디자인은 모든 페이지에서 동일하게 표현되어야 함 - 현재 위치에 대한 고지가 될 필요가 없는 페이지의 경우 현재 위치를 나타내지 않음 - 필요에 따라서는 기존 페이지를 덮고 특정 행동을 취하게 표시 가능 - 사용자가 콘텐츠에 집중해야 하는 경우 Navigation Bar를 숨김 3) Tool bar - Navigation Bar 우측, 혹은 최하단에 액션을 수행하는 아이콘 형태로 위치 4) Tab bar - 쉽게 다른 페이지로 이동하거나 별도의 액션을 실행 ..

1. 컴포넌트 특징 - 작은 디스플레이, 손으로 들고 사용, 손가락으로 조작하는 측면에서 디바이스 특징에 따라 컴포넌트들이 표준화되었음 - 표준화된 컴포넌트가 다수 존재하는 것이 웹 사이트 디자인과 가장 큰 차이점 - 때문에 UI/GUI 디자인 시 표준화된 컴포넌트 및 OS별 컴포넌트 차이점을 명확히 숙지 해야 함 2. 컴포넌트 구성 1) 구조구성 컴포넌트 2) 컨트롤 컴포넌트 3) 콘텐츠 디자인 4) 아이콘 디자인

1. 서비스 목적과 사용자의 이해 1) 서비스 목적 구체화 - 서비스 목적을 구체화하여 기능, 구조 상 방향성을 확정할 수 있음 - 내부 구성원들과의 커뮤니케이션 용이 - 구체적 상황에 대한 효과적인 솔루션 도출에 용이 2) 세부 사항 파악 (1) 카테고리 적 특성 - 쇼핑, SNS, 교육, 아동, 유틸리티 등 속한 카테고리에 따라 사람들이 일반적으로 생각할 수 있는 구조, 레이아웃, 컬러 등의 특성 반영 (2) 모바일 특성 - 사용자가 항상 휴대하며 다양한 상황, 장소에서 사용 - 제한된 디스플레이 영역 - 커뮤니케이션, 카메라, MP3 등 다양한 역할 수행 - 그 밖에 여러 센서 요소 활용 가능 (3) 경쟁 차별화 포인트 - 타 서비스와 구별될 수 있는 경쟁 포인트를 기획, 디자인, 개발 전 단계에서..

3. 모바일 구성 요소와 디자인 프로세스 1) 모바일 디자인 및 기획 시 고려사항 (1) 프로젝트 목표 - 매출 목표 외에도 (다운로드 수, 긍정적 리뷰 수 등) 달성하고자 하는 목표 - 기술/비용/법적 이슈 등 다양한 요소들에 대한 이해 - 프로젝트를 진행하는 구성원들이 목표로하는 핵심가치의 형태가 다를 수 있기에 이를 구체화하고 충분히 내용을 공유하여 같은 가치 개발을 위한 명확한 방향성 제시 (2) UX/UI/GUI - 모바일 서비스는 디지털 제품이며, 아날로그 제품과 달리 제품의 사용자/조작방식 등 구체화 - UX: 사용자가 제품/서비스를 사용하는 부분에 있어 만족할 수 있는 가치를 연구/기획/구성하는 단계, 사용자 뿐 아니라 비즈니스 및 기술적인 부분도 조화를 이룰 수 있도록 구성 - UI: 사..

1. 모바일 서비스의 이해 1) 모바일 앱 종류 및 특징 (1) 네이티브 앱 - 접근성이 좋으며, 사용자의 홈 스크린에 보여지는 앱 아이콘을 선택해서 즉시 시작이 가능 - 항상 로그인 되어 있어 사용성이 좋으며, 본인에게 맞추어진 정보를 즉시 볼 수 있음 - 타 운영체제에서 사용불가하며 개발 난이도가 높은 편 (개발 시간과 비용이 높음) - 운영체제 별로 제공하는 고유의 기능을 최대한 활용할 수 있음 - 디바이스의 다양한 센서, 기능, 프레임워크 사용가능 (지문센서, 가속도계, 자이로, 기압계 등) (2) 웹 앱 - 웹 브라우저 앱을 통해 접속하며 별도의 주소를 입력해야 함 (접근성이 낮음) - 다양한 해상도 대응 방식으로 제작 가능 (One Source Multi Use) - 개발 난이도가 낮은 편 (..

1. 접근성과 항해성 관련 UI 패턴 - 사용자가 인터페이스를 사용하면서 경험하게 되는 기능 및 이벤트/컨텐츠의 방위(orientation)와 경로(path)의 인지와 탐색을 위한 UI 패턴 1) Side Menu(drawer) 메뉴(이벤트) 호출/컨텍스트 유지 - 여러 가지 기능을 화면 내 배치하지 않고, 좌우 Side Menu로 숨겨진 공간에 배치하여 화면 내 구성요소 단순화 - 장점: 화면 내 공간 효율성, 각 기능 간 context 분리가 명확 - 단점: 다른 기능 수행 시 현재 화면 유지가 어려움 2) Action Bar(Android) 접근성 향상 - 전체 페이지 내 공통된 2~3개의 기능을 항상 제공하면서 접근이 자주 있는 기능의 배치 - 장점: 모든 페이지에서 일관되게 제공되는 형태를 통해..

1. 스토리보드(Storyboard)의 이해 - Storyboard란, UX구현에 수반되는 사용자와 목표, 인터페이스 간 상호작용을 시각화하여, 개발자/디자이너와의 의사소통을 돕는 도구이자, 완성해야 할 앱서비스와 예상되는 사용자경험을 미리 보기 위한 방법론 2. UI 스토리보드의 목적 - 모바일앱에 필요한 기능 조각들 간 관계의 설계 - 앱 설계에 필요한 조각들을 모아서 순서대로 놓고, 배치해보고, 쌓아서 조립하는 과정 - 실제 개발 단계에서 발생할 수 있는 문제점을 미리 발견하고 대처하기 위한 과정 - 사용자 시나리오를 시각화하면서 평가하는 과정 - 사용자 Task에 따른 세부적인 기능들 간의 흐름과 관계망을 파악 - 개발자와 사용자 간의 피드백을 받으면 스토리보드를 재정비 3. UX 스토리보드의 구..

1. UX 기획과 전략의 기본 지식 - UX Design은 실제 사용자의 Context와 Needs를 읽고, 그것을 제품/서비스로 만들어내는 방법론 - UX의 핵심은 사용자에게 어떤 가치를 제공할까 고민하는 가치중심적 사고를 기반으로 제품서비스를 디자인/설계 2. UX목표 - UX는 보기 좋은 시각물을 만드는 것이 아니라, 풍부한 사용자 경험을 제공하는 게 목표 - 양질의 사용자경험을 제공하기 위해서는 사용자를 깊이 있게 이해하는 것이 필요 - 사용자를 이해하는 것은 특정한 Context에서 사용자들이 인지적/감성적/행위적 특성을 발견하는 일 - UX의 가장 중요한 것은 사용자의 Needs의 도출과 욕구충족 3. UX 기획의 기본 요소 1) 사용자 맥락 (User Context) - 사용자의 제품서비스의..

1. 사용자 모델링(user modeling) 정의 - 사용자 모델링은 실제 시스템 개발에 부합하는 사용자 모형(Model)을 제작하여, 특성을 시스템의 개발 목적에 따라 ‘사용자의 행동을 체계적으로 파악해 나가는 과정’ - 사용자 분석과 사용자 모델링의 관계: 사용자 분석이 사용자의 Needs를 전반적으로 조사하는 것이라면, 사용자 모델링은 그 추려진 분석 내용을 시스템에 구현하고 구체화시키는 과정 2. 사용자 모형(model) 구분 1) 인지적 모형 (cognitive model) - 사용자가 어떻게 시스템을 이해하고, 사용 과정을 어떻게 배우고, 실제로 어떻게 사용하는지와 관련된 모형 2) 역할 모형 (user role model) - 사용자와 시스템 간의 상호 역할관계에 초점 (욕구, 필요, 기대..

1. 사용자(User) 정의 - 사용자(user)는 어떤 목표와 의도를 가지고 특정 컴퓨터나 시스템(모바일 기기) 등을 사용하며 능동적이고 가변적인 욕구를 가지는 주체 - 사용자는 어떤 욕구의 소유자인가? (인간의 본질적 욕구 측면) ex) 개인 프라이버시에 민감하며, 사회적 소속감을 중시 - 사용자가 궁극적으로 원하는 것은 무엇인가? (기능적 측면) ex) 자신의 개인정보를 친한 지인과만 안전하게 공유할 수 있는 자신만의 공개 기능 2. 사용자의 종류 1) 주 사용자 (primary users) - 사용자분석의 주요 대상이 되는 사용자 그룹을 말하며, 특정 목적을 달성하기 위해 시스템이나 컴퓨터를 통해 스스로 정보처리를 하거나 기능을 이용하는 사람 2) 부사용자(secondary users) - 실제로..