brunch

UXUI 심리학 법칙 - 피츠의 법칙

feat. 에스파 윈터

by UXUI 니디자인랩
피츠의 법칙 02.png



잠시 에스파 윈터님의 예기를 하고 넘어갈게요.


새로운 개념을 배울 때

한 번 듣고서 머리 속에 확실히 각인되기 위해서는

이미 내가 익숙하게 알고 있는 개념과 어떻게든 연관을 지어 기억하는 것이 아주 굉장히 효과적이에요.


특히 시각적으로 형상이 있는 개념을 활용해서요.


그래서 저 같은 경우에는 한글 철자, 알파벳, 숫자들을

관련 유사 형상들과 연관지어 기억하는 방법을 활용하는데요,

이것까지 설명하자면 너무 내용이 길어지니 일단은 이렇게만 기억해주세요.


새로운 개념을 배울 때는 익숙한 개념과 연관지어 외우자'


피츠의 법칙을 설명하기 위해

스마트폰을 사용하고 있는 에스파 윈터의 사진 자료를 찾아봤지만 찾기가 쉽지 않더라고요.

아무튼 그래더 스마트폰을 들고 있는 모습으로 대체했어요 =)


윈터님은 보시다시피 손가락이 가냘프잖아요?

그래서 모바일상에서 각종 버튼과 아이콘들을 터치하는 것이 그리 어렵지는 않을 거에요.


하지만 반대로 손가락이 통통한 분들은

모바일에서 버튼 누르는 것,

특히 타자를 칠 때 굉장히 불편함을 많이 느낀대요.

타이핑할 때 오타가 많이 난다고 하더라고요.

그래서 블루투스 접이식 키보드를 들고다니는 분도 봤어요.


아무튼, 모바일 앱/웹 디자인을 할 때는

손가락이 가느다란 사람 뿐만이 아니라 두꺼운 사람 등등을 생각하면서 디자인을 해야 해요.


앞으로 피츠의 법칙 뜻을 떠올릴 때는 위 사진을 떠올리면

해당 정의 개념을 떠올려주세요.

아무것도 없는 상태에서 떠올리는 것보다

훨씬 쉽게 잘 기억할 수 있을거에요.


피츠의 법칙 03.png
피츠의 법칙 04.png
피츠의 법칙 05.png
피츠의 법칙 06.png
AD 연두색 40%.png


https://shorturl.at/fxDEQ

UXUI 디자인을 공부할 때 필수로 알아야 하는 심리학 개념들이 있어요.

그런데 이 개념들은 도대체가 하나같이 왜 그렇게 어렵게만 써있는지..


하도 답답해서 제가 그냥 저만의 방식대로

이해하기 쉽게!

실무에서 바로 적용할 수 있도록!

친절하게 풀어서 개념 정리를 해봤어요.


이번에 소개한 책은 다른 책들에 비해서 개념 설명이 비교적 쉬운 편이에요.

입문자 분들에게 적극 추천해요!

포트폴리오 제작에 도움이 되는 내용들이 있을거에요.


하지만 솔직히 말씀드릴게요.

비전공자 분이라면 책 몇 권을 가지고 1~2개월 내에 케이스 스터디 포트폴리오를 하나 완성하는 것은 어려울 수 있어요.


몇개월만 들으면 100% 취업한다는 둥.. 한달 내에 완성한다는 둥..

확실히 약속드릴 수 없는 과장 광고를 하지는 않을게요.


그럼 이제 확실한 것을 말씀 드릴게요.


'실제' 케이스 스터디 사례를 가지고

디자인 과정 설명을 해주는 강의는 거의 없어요.


두 가지 이유 때문이에요.


1. 실제로 회사에서 작업한 내부 자료를 공개할 수 없기 때문.

2. 개인적으로 새로 만든다고 할 경우, 그만큼 또 시간이 오래 소요되기 때문.


그래서 대부분의 강의가 실제 예시 없이 이론만 가지고 설명하다보니

두리뭉실하게 들릴 수밖에 없는거에요.

쌀로 밥짓는다는 얘기처럼, 뻔~한 얘기로 들릴 때도 있을 거고요.


하지만 저는 2번 방법을 택했어요.

오랜 시간을 투자해서 개인적으로 케이스 스터디를 진행했고

해당 사례를 가지고 디자인 작업 과정을 아주 구체적으로 설명해 놓았어요.


이렇게나 구체적인 실제 사례를 가지고 설명해주는 UXUI 강의는

그 어디에서도 볼 수 없을거라고 자신있게 말씀 드릴 수 있어요!


그리고 그런 온라인 강의가

다음주인 1월 9일까지 자그마치 40% 할인 이벤트를 진행하고 있어요.

그 중 일부는 무료강의로 오픈해두었어요.


무료강의 ▼▼▼

https://www.youtube.com/@needesignlab


본강의 ▼▼▼

https://shorturl.at/fxDEQ

keyword
작가의 이전글UXUI 디자인 필수 상식. 제이콥의 법칙