UIUX 분석을 위한 기준 만들기

그동안 취업 준비 명목으로(아직 하고 있지만)

참여했던 많은 챌린지들, 인턴십, 공모전 등등

또 관련 스터디에도 참여하며 꽤나 다양한 서비스를 분석해봤다

지금은 중단했지만 스터디에서 서비스를 분석해놓은 모음집을

다시 읽어보니, 서비스와 사용성에 대한 이야기 뿐

제대로 ux '분석'을 했다고는 볼 수 없는 글 뿐이었다

이대로는 안되겠다 싶어...

ux분석을 위해서 어느 정도라도 기준을 만들어야겠다는 생각에 글을 쓴다

 

1. 서비스 개요

    -서비스 소개

    -서비스 타겟

    -서비스 배경

    -핵심 기능

 

2. 경쟁사 분석

    -기능별 분석

 

3. 문제점 도출

 

4. 개선사항 정리

 

혼자 공부하는 용도라서 정말 분석 정도에만 그치지만 일단 이 정도로...

그리고 이 외에도 중요해 보이는 정보들

   

 

[사용자 중심의 접근 방식]

  사용자의 필요와 기대를 이해하고 디자인에 반영한다.

사용자 인터뷰와 설문조사를 통해 사용자의 문제점을 파악하고, 이를 해결할 수 있는 디자인 솔루션을 제공한다.

 

[단순성과 명확성]

  불필요한 요소를 제거하고, 중요한 정보와 기능에 초점을 맞춘다.

복잡한 메뉴 구조 대신 간단한 탭 메뉴를 사용하여 사용자가 필요한 기능을 쉽게 찾을 수 있도록 한다.

 

[일관성과 예측 가능성]

  동일한 아이콘과 레이블을 일관되게 사용하여 사용자가 예측할 수 있도록 한다.

예시로 모든 페이지에서 동일한 위치에 ‘뒤로가기’ 버튼을 배치하여 사용자가 쉽게 이해하고 사용할 수 있도록 한다.

 

[피드백 제공]

  사용자의 액션에 대해 즉시 피드백을 제공하여 어떤 일이 일어나고 있는지 알린다.

버튼을 클릭하면 버튼 색상이 변경되어 사용자에게 액션이 성공적으로 수행되었음을 알린다.

 

[반응성과 최적화]

  다양한 디바이스와 화면 크기에 대해 디자인을 최적화한다.

반응형 웹 디자인을 사용하여 모바일, 태블릿, 데스크톱에서 모두 잘 작동하도록 한다.

 

[시각적 계층 구조와 포커스]

  중요한 정보와 버튼에 시각적 포커스를 제공하여 사용자의 주의를 끈다.

주요 액션 버튼을 눈에 띄게 디자인하고, 중요한 정보를 크고 두꺼운 글씨로 표시한다.

 

[색상과 타이포그래피]

  색상과 글꼴을 통해 브랜드의 식별성을 표현하고, 가독성을 높인다.

적절한 색상 대비를 사용하여 텍스트가 배경에서 눈에 띄게하고, 글꼴 크기와 스타일을 조절하여 읽기 쉽게 만든다.

 

[테스팅과 반복]

  사용성 테스팅을 통해 사용자의 반응을 분석하고, 디자인을 개선한다.

A/B 테스팅을 사용하여 두 개의 다른 디자인 버전 중 어떤 것이 더 나은 사용자 경험을 제공하는지 비교 분석한다.

 

[학습과 업데이트]

  최신 디자인 트렌드와 기술을 학습하여 디자인 능력을 강화하고 업데이트한다.

온라인 코스나 워크샵을 통해 최신 디자인 트렌드와 도구를 학습한다.

 

[접근성 고려]

  디자인의 접근성을 확인하고, 모든 사용자가 쉽게 사용할 수 있도록 만든다.

스크린 리더를 사용하여 웹사이트의 접근성을 테스트하고, 텍스트를 이미지 대신 HTML 텍스트로 제공하여 스크린 리더 사용자가 쉽게 읽을 수 있도록 한다.

 

참고 : https://www.gklibrarykor.com/1476/