개인적으로 UI/UX감각이 없는 편이라고 생각을 한다.
프론트엔드 개발자는 과연 UI/UX 감각이 필요할까??
최근에 직무 상담이랑, 다른 프론트엔드 개발자 그리고 취준을 위해 보는 여러 유튜브를 보면 뭔가 이상한 점이 있다.
지금까지 본 실무자들의 의견은 이렇다.
UI/UX는 디자이너의 영역이다. 전문적으로 디자인만 하는 사람들의 영역을 우리가 침해하면 오히려 나쁜 시너지가 발생한다. 우린 만들어진 화면을 바탕으로 랜더링을 효율적으로 해야한다!
근대 반대로 FE 유튜버 들이나 설명회 그리고 책에서는 이렇게 말한다.
디자이너가 만든 UI/UX를 받아서 만들기만 하면 여러가지 이슈가 생긴다. 이밴트에 대한 반응이 늦은 경우 직접 UX를 챙겨야 할때도 있고, 정보 구조가 직관적이지 않은 것과 나아가 디자인의 의도를 파악하고, 사용자가 불편할 수 도 있는 요소를 피드백 할 줄 알아야 한다.
개인적인 생각은 시각적 아름다움까지는 몰라도 이밴트에 대한 기술적 처리를 위해 배워 두는 것이 좋다고 생각했다.
이번에 구입한 책은 UI/UX 디자이너 및 개발자를 대상으로 작성한 책으로 10가지 심리학 법칙과
11장 12장에 걸쳐 실제로 어떻게 실무에서 사용할지 기술을 하였다.
1. 제이콥의 법칙
“사용자들은 대부분의 시간을 다른 웹사이트에서 보낸다. 따라서 당신의 웹사이트도 다른 웹사이트와 비슷한 방식으로 작동해야 한다.”
제이콥의 법칙은 사용자들이 이미 익숙한 인터페이스 패턴을 따르는 것이 더 효과적인 사용자 경험을 제공한다는 원칙이다.
사용자는 새로운 시스템을 학습하는 것보다
기존에 익숙한 패턴을 활용하는 디자인을 선호한다.
이 법칙은 UI/UX 디자인에서 매우 중요한 개념이며, 사용자가 자주 사용하는 웹사이트나 애플리케이션의 인터페이스를 참고하여 일관성 있는 사용자 경험을 제공해야 함을 강조한다.이 법칙은 아마 개발자 보단 디자이너가 중요하게 생각하는 법칙일 것 같다.
네이버 같은 사용자가 많은 사이트의 전체적인 와이어 프레임이 다른 사이트와 비교했을 때 일치 하는 것이 많다.
SNS의 경우도 네비게이션 및 여러 요소의 위치가 비슷하게 동일하고 특히 국적 불문 로고는 왼쪽 상단에 위치한다.
UI 구성을 제외하고 기능 또한 이러한 법칙이 적용된다.
여기 서는
멘탈 모델 이라고 설명하는데,사용자는 특정 기능을 수행할 때 기존에 경험한 방식대로 UI가 동작할 것이라고 기대를 한다고 한다.
제이콥의 법칙에서 제일 어려운 부분은 다음과 같다.
기존 패턴을 무조건 그대로 복사하면 차별성이 사라질 수 있다. 따라서 창의성과 사용자 경험의 균형을 유지하여 브랜드의 정체성을 강조할 수 있어야 하며 핵심은 새로운 UI가 사용자 경험을 향상 시키는 방향으로 도입되어야 한다는 점이다.
V0와 같은 화면을 그려주는 Ai를 사용해보면 일관되게 비슷한 디자인이 나온다.
어떤 느낌이냐면 SNS에서 IT 학원 광고를 클릭해보면 거의 비슷한 디자인들이 나오는데, 이를 통해 V0가 학습하여 이 제이콥의 법칙에 해당하는 익숙한 UI를 똑같이 만들어주는 것 같다.
그렇다면 획기적인 UI/UX가 설계되어도 이를 버릴 수 없을까?
제이콥의 법칙에서는 새로운 디자인 트렌드가 등장할 때 사용자가 이를 적응하는 시간을 충분히 줘야 한다고 한다.
예를 들어 우리은행 Won뱅킹은 새로운 디자인이 도입 되었을 때 이전 UI를 사용할 수 있게 선택할 수 있었던 기억이 있다.
책에서는 예시로
스냅챗의 리디자인 사례를 보여주었는데 스냅챗은 스토리 기능과 채팅 기능을 갑자기 한번에 합쳐서 사용자가 충분히 이를 인지하고 적응하는 시간을 주지 못했다.
그리하여 사용자가 대거 이탈하고 이때 급증한 플렛폼이
인스타그램 이라고 한다.정리하자면
- 화면 구조와 액션은 사용자가 예상이 가능하고 익숙한 것으로 한다.
- 그렇다고 모든 디자인을 동일시 할 경우 차별성이 사라진다.
- 새로운 UI/UX가 추가된다면 충분한 시간을 가지고 사용자가 적응할 시간을 줘야한다.
2. 피츠의 법칙.
읽고 있는 중…