🎨 UX UI 12

사용자중심디자인(UCD)

## UCD의 최종적 단계에서의 결과물인 디자인의 목표 사용자의 편의와 가치의 실현 ## 사용자중심디자인의 중요한 4가지 원칙 1. 최종 사용자에 집중 2. 요구사항과 디자인 사용자와 검증 3. 디자인, 프로토타입 제작, 개발 반복적 수행 4. 전체적인 사용자 경험 고려 ## 사용자중심디자인 프로세스 5단계 1. 사용자 이해 2. 인터랙션 정의 3. ui. 디자인 4. 사용자 검증 및 평가 5. 개발 완료

🎨 UX UI 2023.11.12

사용성의 이해와 사용성 평가의 활용

## 사용의 품질 - 유효성 - 사용자가 원하는 목적을 제대로 작성했는가? - 효율성 - 사용자가 원하는 목적을 가능한 편리하게 수행하였는가? - 만족도 - 전반적인 사용 만족도는 어떠하였는가? ## 사용성 평가의 절차의 세 가지 단계 - 1단계: **테스크 시나리오 수행과 측정 및 기록** 실제 상황을 가정해 미리 작성된 태스크 시나리오에 맞춰 기기 조작을 실행한다. 수행시간,수행도,특이사항,주요 오류 유형을 측정하고 기록한다. - 2단계: **사용자 만족도를 평가와 개선/보완 사항 발굴** 제품에 대한 사용자 인터페이스의 주요 구성 요소 별 사용자 만족도를 평가해 해당 제품의 사용성을 높이기 위하여 우선적으로 개선보완해야 할 요소를 찾아낸다. - 3단계: **문제점의 개선/보완을 위한 새로운 아이디어..

🎨 UX UI 2023.11.12

모바일앱 환경의 이해와 UX의 중요성

# 모바일앱 종류 1. 네이티브앱 - 모바일OS 제조사에서 제공하는 개발언어를 이용하여 가각각의 고유 모바일 OS에서만 동작되는 앱 (자바로 개발하는 안드로이드앱) - 장점 : 빠른 구동 속도, 다양한 기능 구현 가능 - 단점 : 업데이트가 어려움, 다양한 플랫폼에 출시시 시간이 오래 걸림 2. 모바일 웹 - 모바일에 최적화된 웹사이트 - 디바이스 별 별도의 개발 방식이 필요하지 않고, 인터넷에 접속 가능하다면 어떠한 모바일 디바이스로도 접속이 가능하다 - 잠점 : 대부분의 디바이스에서 볼 수 있음, 업데이트 용이 - 단점 : 앱스토어에 등록 X, 표현의 자유 한계, 인터넷 연결 안되면 사용 못 함 3. 하이브리드 앱 - 모바일 웹의 홈페이지를 구현하는 웹 기능과 앱의 어플 기능을 접목시킨 형태 - 장점..

🎨 UX UI 2023.11.12

사용자 인터랙션(Interaction) 디자인에 대한 이해

- 사용자가 제품이나 서비스와 상호작용 하는 것 - 사용자 목표와 행위, 결과의 차이를 줄여주는 요소를 말해보세요! - 심성 모형 - 사용자가 생각하고 행동하는 구조를 설명하는 개념 - 개념 모형 - 사용자가 시스템과 제품 등의 개념을 이해하려고 머리 속에 만드는 모형 - 매핑 -행위와 실제 결과가 대응하는 것으로, 시스템 상태가 눈에 보이도록 대응관계를 확정해야 함 - 메타포 - 어떤 것을 머리 속에 떠올릴 때 직관적으로 반응하는 느낌과 해석 - 행동유동성 - 어떤 행동을 유도하는 것 - 피드백 - 어떤 작동이 실제로 이루어졌고 어떤 결과가 달성되었는지에 대한 정보를 사용자에게 알려주는 것 - 지각된 어포던스의 4가지 원리는 무엇일까요? 1. 익숙한 - 이미지들의 선택과 허용 가능한 상호작용 양쪽에서 ..

🎨 UX UI 2023.11.12

사용자 인터페이스(UI)의 개념과 이해

#### UI란 - 사람들이 컴퓨터,시스템,기기,도구 등 그 사이에서 일어나는 상호작용을 매개하는 것 - 사람과 사물 그 사이에서 의사소통을 할 수 있도록 일시적 또는 영구적인 접근을 목적으로 만들어진 물리적, 가상적 매개 #### UI 목적 - 사용성은 사용자인터페이스의 주 목적. - 심리학과 생리학에 기반해 사용자가 필요로 하는 요소를 쉽게 찾고 사용하며 그 요소로부터 명확하게 의도한 결과를 쉽게 얻어낼 수 있어야 함. - 사용자 인터페이스는 상호작용 수단과 방식을 제공 - 입력 : 사용자가 시스템을 조작할 수 있게 함. - 출력 : 시스템이 사용자가 이용한 것에 대한 결과를 표시 #### UI의 구분(종류) - CUI : 문자 방식의 명령어 입력 사용자 인터페이스 - GUI : 그래픽 환경 기반의 ..

🎨 UX UI 2023.11.12

사용자경험(UX)의 개념과 이해

주제 : #UX #T아카데미 ---- 메모 : # UX의 정의 → 서비스와 제품을 사용하는 사용자가 느끼는 총체적 경험을 설계하는 방법 # UX의 이해와 관점에서 제공된 네 가지 키워드 → **인지적 관점** | 사용자가 정보를 어떻게 받아들이고 인지하고 처리하는가? → **감각과 감성** | 사용자가 경험에 대해 어떻게 느끼는가? → **사용자 맥락과 상황** | 사용자는 내적 경험과 외부 경험을 어떻게 연결 짓는가? → **사용자 행위** | 사용자가 물리적인 현상을 어떻게 해석하고 행동하는가? # UX의 기본 요소 네 가지 → **니즈 (User Nedds)** | 사용자의 기대 → **사용동기 (Motives)** | 사용자의 행동을 불러일으키는 발화제 → **태도 (Attitudes)** | 사..

🎨 UX UI 2023.10.03

[Apple - Human Interface Guidelines] 1. Accessibility

Apple의 접근성 기능을 사용하여 자신에게 맞는 방식으로 기기와 상호 작용하는 방법을 개인화하게 한다. 앱 또는 게임에 접근성 개인화를 지원하도록 디자인되어 있다. --> 능력 또는 기기 사용 방식과 관계없이 모든 사람이 훌륭한 경험을 할 수 있도록 돕는다. 약 일곱 명 중 한 명은 능력에 영향을 미치는 장애를 가지고 있다. 예를 들어, 낙상으로 인한 손목 손상이나 과도한 사용으로 인한 목소리 상실과 같은 상황 장애는 거의 모든 사람이 기기와 상호 작용하는 방식에 영향을 줄 수 있다. 접근성을 고려하여 디자인하라. 접근성은 장애를 가진 사람들에게 정보를 제공하는 것뿐만 아니라 능력이나 상황과 관계없이 모든 사람에게 정보를 제공하는 것이다. 접근성을 고려하여 앱을 디자인하는 것은 단순함과 인지 가능성을 ..

🎨 UX UI 2023.09.08

스터디 5주차

💡 사용성에 대해 이해하기 사용성은 매우 중요 사용성은 효율성 사용성의 정의 사용성과 유용성은 나누기 힘들다. 효과적이냐 아니냐(유용성) / 효율적이냐 아니냐(사용성) 의 차이 정량적으로 표현이 가능해지면서 개발자와 소통이 가능해짐. 과학적으로 우선순위를 결정할 수 있게 됨. 사용성의 속성 기본적 차원 : 기본적인 것, 필수적인 것. 효율성이 높아지면 정확성이 낮아지고, 정확성이 높아지면 효율성이 낮아진다. 부수적 차원 : 있으면 좋은 것. 사용성은 매우 중요 사용성은 효율성 사용성의 정의 사용성과 유용성은 나누기 힘들다. 효과적이냐 아니냐(유용성) / 효율적이냐 아니냐(사용성) 의 차이 정량적으로 표현이 가능해지면서 개발자와 소통이 가능해짐. 과학적으로 우선순위를 결정할 수 있게 됨. 기본적 차원 : ..

🎨 UX UI 2023.08.13

스터디 3주차

💡 상호작용에 대해 이해하기 경험을 구성하고 있는 가장 중요한 요소, interaction 상호작용의 정의 경험을 만드는 가장 기본적인 요소 인터렉션이 바뀌면, 사용자가 하는 경험도 달라짐. 인터렉션은 한 행동의 집합의 엑티비티 표명 → 변환 → 표현 → 평가 가 기본적인 인터렉션의 원 사이클. 이 사이클들이 모여 경험이 됨. 표명 자신의 의사를 표명하며 시스템에 접근하는 단계 생각에서 끝나는 것이 아니고, 액션을 취하는 것까지가 표명 단계임. EX ) ‘나 (—)하고 싶어’, ‘나 엄마한테 전화하고 싶어.’ 변환 사용자가 행동하는 단계 시스템이 알아들을 수 있는 행위로 변환되는 단계 EX ) 전화 기록부의 즐겨찾기에 들어가서 엄마라는 아이템을 눌렀다. 표현 사람이 인식할 수 있게 시스템이 표현해주는 단..

🎨 UX UI 2023.08.13

스터디 2주차

HCI 와 UX에 대한 전반적인 이해 💡 1강 ~ 3강 http://hci.yonsei.ac.kr/html/lecture/hci-introduction.html HCI 사람들이 유용하고 편리하고 즐겁게 사용할 수 있는 digital artifiact의 창조 및 평가 페이스북, 게임 같은 디지털 컨텐츠 등이 예시가 됨 목표 : 사람들의 삶을 질을 높여줄 수 있는 디바이스, 서비스, 컨텐츠를 만들고 구현하는 것 HCI 1.0→ HCI 2.0 개인에서 단체로 범위가 커짐 컴퓨터가 우리 생활에서 많이 녹아있기 때문에 중요성이 커지는 것 차별화에 중요한 역할을 함 사용하는 도구가 컴퓨터화 되고, 그 도구들이 네트워크로 연결되기 때문에 중요성이 커진다고 볼 수 있음 INTERFACE / INTERACTION / E..

🎨 UX UI 2023.08.13