#TIL_23 👽 마지막 디자인 카타

    내일 새로운 팀 프로젝트가 시작되고 디자인 카타는 나중에  바뀐 시스템으로 다시 돌아온다고 한다~

    디자인 카타 안녕~!


    0. 디자인 카타

    💚 2월 24일 디자인 카타

    회원가입 UI https://designus.io/topic/59

     

    회원가입 어떤 것을 선택하시겠어요? | 디자이너스

    회원가입 어떤 것을 선택하시겠어요?

    designus.io

    💭 나의 의견

    A는 입력할 정보가 뭔지 한 눈에 확인할 수 있고, 한 페이지에서 모든 정보를 입력할 수 있어 빠른 가입이 가능하다. 하지만 보기에서처럼 2~3개일 때는 적합하지만 입력할 정보가 많아지면 가독성이 떨어져 사용자의 피로도를 증가시킬 수 있다. 특히 모바일 환경에서는 키보드의 위치까지 고려해야하기 때문에 주의해야 한다. B는 한 번에 하나의 정보만 입력하므로 인지적 부담이 줄어든다. 모바일 환경의 키보드 위치까지 고려한 알맞은 디자인이다. 하지만 사용자가 현재 어느 단계에 있고 남은 단계가 몇 인지 알 수 없어 답답함을 느낄 수 있다.

    🚀 많은 양의 정보를 입력해야한다면 B, 그게 아니라면 A를 선호한다.

     

    💬 팀원들과의 토의 내용

    입력할 정보가 많다면 B 방식이 더 적합하며, 진행 단계를 명확히 알 수 있도록 프로세스 표시(예: 프로그레스 바) 추가가 필요함. 입력할 정보가 적고 빠른 가입이 중요하다면 A 방식이 더 적합하지만, 유효성 검사, 플레이스홀더 제공, 자동 "다음" 버튼 생성 등을 통해 UX를 개선할 필요가 있음. 모바일 환경이라면 B 방식이 더 유리하며, PC 환경에서는 A 방식도 고려할 수 있음.

    즉, 가입 절차의 복잡성과 사용자 경험을 고려해 상황에 따라 적절한 방식을 선택해야 한다. 🚀

     


    💚 2월 25일 디자인 카타 

    카테고리 메뉴 UI https://designus.io/topic/47

     

    카테고리 메뉴 어떤 것을 선택하시겠어요? | 디자이너스

    카테고리 메뉴 어떤 것을 선택하시겠어요?

    designus.io

    💭 나의 의견

    A는 주요 카테고리를 한눈에 확인할 수 있어 빠른 선택이 가능하지만 원하는 기능이 없을 때 전체보기를 눌러 찾아야 하기 때문에 번거로울 것 같다.
    B는 일부 카테고리들이 가려져 있고, 스크롤해야만 모든 옵션을 확인 할 수 있지만 카테고리 수가 많아져도 UI 구조를 유지하며 한 화면에 많은 정보를 담을 수 있다.

    🚀 B를 선호한다. 카테고리 수가 적지 않은 경우에 A에서 전체보기를 눌러 원하는 기능을 찾아야 한다면 굉장히 번거로울 것이다. B는 스크롤하여 원하는 기능을 바로 찾을 수 있기 때문에 B를 선호한다.

     

    💬 팀원들과의 토의 내용

    메뉴 개수가 적다면, B 방식이 더 효율적 → 스와이프하며 직관적으로 탐색 가능. 메뉴 개수가 많다면, A 방식이 더 적합 → 정리된 형태로 제공하여 가독성 및 사용성 확보. A 방식을 사용할 경우, 자주 사용하는 메뉴를 편집할 수 있도록 하면 사용자 경험(UX) 개선 가능. B 방식을 사용할 경우, 스크롤 힌트나 인디케이터를 추가해 가시성을 높이는 것이 중요.

    즉, 메뉴의 개수와 사용자 경험을 고려해 A와 B를 적절히 조합하는 방식이 최적의 해결책이 될 수 있다! 😊

    댓글