[내일배움캠프 7일차(2)] 아티클 및 UI 디자인의 모든 것 수강

흠 오늘 실습이 없어서 그냥 강의 듣고 

순조롭게 이어가던 도중,,

팀원들이랑 얘기도 하고

레퍼런스랑 포트폴리오들 찾아봤는데

갑자기 현타가 씨게 와버렸다,,

나는 뭘 목표로 하며 내 강점은 무엇인가,,

흠냐리,,

 

 

 

<아티클>

https://brunch.co.kr/@janghok/7

UX 디자인에서 어포던스(Affordance)란?

-어포던스(Affordance)

사용자와 사물 사이에서 실제로 가능한 행동

 

예 : 어른에게는 '당길 수 있는' 손잡이가 손잡이에 닿을 수 없는 유아에게는 그 문이 '열 수 있음'을 어포드(afford : ~을 제공하다, 가능하게 하다) 하지 않는 것이다.

 

사물 자체의 속성이 아니라 사용자와 사물 간의 관계에서 정의

 

 

 

-기표(Signifier)

식별될 수 있는 표시, 소리 등 사람이 적절한 행동을 할 수 있도록 안내하는 지각 가능한 모든 지표

 

표지판, 라벨, 그림일 수도 있고, 문에 붙은 밀기, 당기기, 출구 같은 표지판이 기표가 될 수 있다. 또 화살표나 다이어그램은 사용자가 무엇을 해야 할지, 어떤 방향으로 제스처를 취해야 할지를 알려준다.

 

 

 

 

➡️ 어포던스는 '무엇이 가능한가'(행동의 가능성)를 결정한다.

     기표는 '어디에서 어떻게 해야 하는가'를 알려준다.

 

 

 

 

 

🤔느낀 점

'어포던스'라는 용어 자체가 생소해서 어떤 개념인지 조차 인지하지 못했는데 이 글을 읽고 개념부터 예시까지 알 수 있어 유익했다. 어포던스는 가능한 행동 그 자체를 말하며 조금 더 변화가 주어졌을 때 지각된 어포던스로 사용자가 인지한 행동 가능성을 뜻한다. 여기서 나는 UX 디자인이 사용자의 인식까지 고려해야 하는 고심의 디자인이라고 생각했다. 이 뿐만 아니라 어떻게 해야 하는가를 알려주는 지표인 기표까지 활용해서 모든 측면에 부합하는 UX를 만들어야 하는 것이 실제로는 어려운 작업이 될 것 같다고 생각했다. UX는 정말,, 공부를 많이 해야 하는 일인 것 같다,, 

 

 

 

 

<UI 디자인의 모든 것 1-1>

수업 목표

1️⃣ UI 디자인 원리를 이해하고 적용할 수 있다.

2️⃣ 사용자 경험을 중심으로 직관적이고 일관된 디자인을 할 수 있다.

3️⃣ 사용자와 성공적인 상호작용을 할 수 있다.

 

 

 

UI 디자인 핵심 원리

1️⃣ 사용자 이해하기

디자인의 목적은 사용자 경험을 향상시키고 참여를 유도하는 것으로 사용자의 니즈와 기대를 중심으로 이루어져야 하며 어려움이 없고 신뢰를 줄 수 있어야 한다.

 

2️⃣ 직관적인 디자인

(1) 사용자의 행동 유도

     버튼, 링크

(2) 정보를 시각적으로 표현

     픽토그램, 아이콘

(3) 직관적인 디자인 핵심 요소

      대비 높은 색상 조합, 간단한 레이아웃, 유연한 인터페이스, 아이콘 및 픽토그램 이미지 사용

 

3️⃣ 일관된 디자인

일관된 사용자 경험은 신뢰성 향상, 업무 효율성 증대의 장점이 있다.

 

4️⃣ 가독성을 고려한 디자인

(1) 여백 활용

(2) 콘텐츠 그룹화

(3) 크기와 비율

(4) 계층 구조

 

5️⃣ 명확한 피드백 제공

(1) 즉각적인 반응 제공

(2) 시각적 변화

 

6️⃣ 접근성을 고려한 디자인

(1) 텍스트 + 아이콘

(2) 입력필드

(3) 텍스트 콘텐츠

(4) 텍스트 + 라인(Bar)

 

 

 

 

 

사용자 경험을 향상시키는 방법

1️⃣  직관적인 내비게이션

(1) 명확한 메뉴 구조 

     예상 가능한 카테고리, 일괄된 메뉴 구조, 메뉴 depth 최소화

(2) 비주얼 요소 활용

     픽토그램과 아이콘 사용, 활성화 효과

 

2️⃣ 다양한 디바이스 지원

(1) 반응형 디자인

     디자인 최적화, 그리드 시스템

(2) 터치스크린 최적화

 

3️⃣ 사용자 피드백 반영

피드백 수집 방법 : 사용자 VOC 분석, 사용자 설문 조사, 사용자 인터뷰

 

 

 

 

숙제

디자인 핵심 원리가 잘 적용된 사례 찾아보기

https://wwit.design/?

What Was IT

https://brunch.co.kr/@5bc6db73b7f34a6/54

03화 경험 시너지를 높여주는 연결성 UX

 

1️⃣ 직관적인 디자인

(1) 사용자 행동 유도 : 버튼

(2) 정보를 시각적으로 표현 : 아이콘과 픽토그램

 

2️⃣ 일관된 디자인

(1) 다양한 디바이스 간의 일관성

(2) 쉬운 사용성

3️⃣ 가독성을 고려한 디자인

(1) 콘텐츠 그룹화

 

(2) 크기와 비율