본문 바로가기

분류 전체보기

(15)
[5강] 사용성의 이해와 사용성 평가의 활용 & [6강] 사용자중심디자인(UCD) 1. 사용성 (사용의 품질) - 유효성 : 사용자가 원하는 목적을 제대로 달성했는지, 사용자 요구에 적합하고 안정적이고 신뢰성이 있는 제품인지 - 효율성 : 사용자가 원하는 목적을 편리하게 수행하는지, 사용방법을 쉽고 사용자의 실수를 줄여주는 제품인지 - 만족도 : 전반적인 사용 만족도는 어떤지, 사용자의 감성적, 경험적인 성향에 부합하는 제품인지 2. 사용성의 속성과 원칙 - 효율성(효율있게 작업을 달성하는지),유효성(사용자의 오류처리 또는 복구 역시 쉽고 자유록게 할 수 있도록 해야함),학습용이성(조작할 때마다 사용정보들이 잘보이도록 설계해야함),기억 용이성(사용자의 인지적 부하를 최소화 하기위해 일정범위 이상 항목을 제시 x), 이해 용이성( 다양한 작업을 수행하는 방식에 일관성 유지), 피드백, ..
[3강] 사용자 인터페이스의 개념과 이해 & [4강] 사용자 인터랙션(Interaction) 디자인 이해 1. 사용자 인터페이스 기본원칙 - 직관성 : 앱의 구조를 큰 노력 없이도 쉽게 이해하고, 쉽게 사용하게 해주는지 - 유효성 : 얼마나 정확하고 완벽하게 사용자의 목표가 달성되는지 - 학습성 : 초보와 숙련자 모두가 쉽게 배우고 사용할 수 있게 해주는지 - 유연성 : 사용자의 인터렉션을 얼마나 포용하고, 실수로부터 방지해주는지 2. 사용자인터페이스 설계지침(10원칙) - 가시성의 원칙 : 앱의 주요기능을 노출시켜 최대한 조작이 쉽도록한다. - 조작결과 예측의 원칙 : 사용자가 앱을 조작하여 작동시킨 결과를 조작 부위만 보고도 미리 예측 가능하게 설계해야 함 - 일관성의 원칙 : 앱의 조작방식에 일관성을 제공함으로써 사용자가 쉽게 기억하고 빠르게 적응할 수 있도록 한다. - 단순성의 원칙 앱의 기능구조 단..
[2강] 모바일앱 환경의 이해와 UX의 중요성 1. 모바일 앱 환경의 이해 2. 네이티브앱 * 네이티브앱은 모바일 OS 제조사에서 제공하는 개발언어를 이용해 각각의 모바일 OS에서만 동작되는 앱을 말함 장점 단점 - 빠른 구동 속도 - 다양한 기능 구현 가능 - 인터렉티브한 사용자 환경 제공 가능 - 업데이트 및 수정이 어려움 - 동일한 앱을 다양한 플랫폼에 출시시 많은 시간이 소요됨 3. 모바일 웹 * 모바일에 최적화된 웹사이트, 인터넷에 접속이 가능하다면 어떠한 모바일 디바이스로도 접속 가능 장점 단점 - 플랫폼 및 기기에 상관없이 대부분의 모바일 기기 브라우저에서 볼 수 있음 - 업데이트 및 수정이 용이함 - 앱스토어에 등록이 되질 않음 - 표현의 자유 한계 - 인터넷이 연결되지 않으면 사용할 수 없음 4. 하이브리드 앱 * 모바일 웹의 홈페이..
[1강] 사용자 경험(UX)의 개념과 이해 1. 사용자 경험(UX)란? 사용자 경험(User Experience,UX)은 사용자가 어떤 시스템, 제품 서비스를 직간점적으로 이용하면서 느끼고 생각하게 되는 지각과 반응, 행동 등 총체적 경험 *사용자는 경험의 대상과 지각반응을 통합적으로 인지하고 구매와 지속적 사용행위를 하게됨. - 대상 : 제품, 시스템, 서비스, 회사, 브랜드 등으로 확장된 경험 대상 - 지각반응 : 감정,태도, 행동의 총함 2. UX 이해의 복잡성 - 주관성 : 인간의 경험은 그사람의 개인적, 신체적, 인지적 특성에 따라 주관적임 - 맥락성 : 사용자 경험이 일어나는 상황적 외적 환경에 영향을 받음 - 총체성 : 경험 시점에서 개인이 느끼는 총체적인 심리적, 감성적 결과임 3. UX의 이해와 관점 - 인지적 관점 : 인간의 기..
[13강] UI 시나리오 문서의 이해와GUI 디자인 & [14강] GUI 리서치 프로세스 1. GUI 디자인 작업 - 픽셀 단위로 UI 디자인을 시각적으로 세밀하게 구현 2. 멀티 디바이스, 멀티 운영체제 - 멀티 디바이스와 멀티 운영체제를 사용하는 트렌드에 맞춰 디자인 해야함 3. 운영체제별 비교 - 운영체제별로 얼마나 다르고 같게 가져갈지 고민하고 적용해야 함 * 데이터 중심 앱 : 모바일 앱에서 가장 많이 볼 수 있는 형태는 데이터 중심 앱이다. 페이스북, 트위터, 이메일, 지메일 등이 대표적인 앱이다. * 이미지 중심 앱 : 이미지와 동영상 중심 앱, 유투브, 인스타그램 등이 대표 * 게임 앱 : 다양한 앱이 존재, 그중에서 디자인시에는 높은 퀄리티와 일관성 통일성이 중요함
[11강] 타이포그래피 & [12강] 레이아웃 1. 아이폰과 타이포그래피 아이폰에서는 앱 디자인시 1개의 폰트 훼밀리를 중심으로 타이포그래피를 디자인하며, 텍스트는 UI의 역할도 겸하고 있는 경우가 있으므로 주의하여 사용한다. 또한 컬러를 적절히 사용하여 UI에 적용되는 텍스트와 일반 텍스트를 구분한다. San Francisco, Apple SD Gothic Neo 아이폰의 디폴트 영문 시스템 폰트는 샌프란시스코이며, 한글은 애플 산돌 고딕 네오 폰트를 사용한다 2. 안드로이드와 타이포그래피 머티리얼 디자인과 타이포그래피 머티리얼 디자인에 타이포그래피 디자인을 위한 디자인 팁에 대해 간략히 알아보았다. 머티리얼 디자인에서부터는 한글 폰트도 확립되었으며, 총 3개의 범주로 폰트의 사용군을 나누고 있다. Roboto, Noto Sans CJK KR 머티..
[9강] 컬러 (1) & [10강] 컬러 (2) * 컬러는 감정의 의미, 브랜드 아이덴팉티의미와 역할, UI 컬러는 yes/no 등 고유의 중요한 역할을 하고 있음 이러한 역할을 알곡 각종 도구를 사용하여 컬러를 배색하여 사용해야 함 1. 아이폰의 컬러 정의 - 메인 컬러와 uI 단순화 서비스의 메인컬러는 1개를 선택하여 전체적으로 일관성을 줌 - 흰색 배경 사용 주로 흰색배경을 사용해 콘텐츠에 주목할 수 있게 배색 2. 안드로이드 컬러 - 구글의 디자인 테마인 머티리얼 디자인 테마를 사용, 메인 컬러와 엑센트 컬러의 2가지로 구분지어 볼 수 있으며, 컬러 선정 후 실제 적용 사례 등을 참조하며 적절히 사용하도록 한다. 3. 마켓 리서치 모바일 디자인을 위해 경쟁 및 관계 서비스들의 컬러를 분석해볼 필요가 있다. 이를 통해 구체적인 사용 사례, 범위 ..
[8강] 모바일 UI/GUI 디자인 컴포넌트 (4) 1. 안드로이드 2. 안드로이드 다이얼로그 : 특정 데스크를 수행하게 함. 텍스트와 UI 컨트롤러 등을 포함