자주 사용하는 웹 서비스 홈 화면 분석 - 내배캠 사전캠프 3주차 금요일

청산류수·2024년 5월 10일
0

내배캠 UXUI

목록 보기
16/101

1. 자주 사용하는 웹/앱 서비스를 하나 선정합니다.

한컴타자

2. 홈 화면 전체를 캡쳐합니다.

3. 해당 화면의 UI/UX 디자인을 분석합니다.

1. 화면구성

이벤트 - 자리연습 - 추천 필사 - 랭킹 - 상점 - 이벤트 순으로 구성돼있다.

2. 클릭 시 동작

이벤트 하단 부분에 화살표를 누르면 좌우로 넘겨지면서 원하는 이벤트를 확인할 수 있다. 추가로 신기하게 멈춤버튼이 있어서 자세히 알아보기를 누르지 않아도 이벤트를 자세히 볼 수 있다. 타 사이트에서 글을 읽다가 중간에 다음 화면으로 넘어가는 경우가 있어서 불편했던 기억이 있다.

기본이 되는 자리연습이 이벤트 바로 아래 있다. 원하는 자리연습카드위에 마우스를 올리면 검은색 카드로 바뀐다.

3. 인상깊은 UI/UX와 이유

한컴타자는 타자연습창이 따로 있는데 화면의 블럭들에 마우스를 올리면 블럭이 위로 올라오는 애니메이션과 함께 원하는 타자연습을 할 수 있다. 시각적으로 재밌게 구성된거 같다. 보통 타자연습을 초등학생때 시작하는데 아기자기하고 알록달록해서 아이들의 시선을 끌 수 있을 거 같다.

4. 분석 내용을 기반으로 개선 아이디어를 정리해봅시다.

1. 아이디어를 생각해봅니다.

타자연습창에서 하단에 버튼과 중간부분이 같은 역할을 하는데 순서가 반대여서 처음에 접했을 때 착각을 했었다. 같은 방향이었으면 좋았을 거 같다.

한컴타자에는 상점이 있는데 상점에서 타자연습을 하는 환경을 꾸밀 수 있다. 대표 사진으로만 볼 수 있어서 어떻게 적용되는지 알 수 없고 타건음 같은 경우는 들을 수 있지만 한 번 눌렀을때 소리만 들을 수 있기에 연속으로 키보드를 누를 때 소리를 들을 수 없다.
아이템 평가와 필사책 평가를 이모티콘으로만 할 수 있어서 정확한 리뷰를 알 수 없다.

타자연습을 할때 카테고리만 정할 수 있고 원하는 글로 연습할 수 없다는 점이 아쉬웠다.

개선아이디어

가운데 부분을 좌우반전시켜 하단의 버튼 순서와 일치시켰다.

댓글 공간을 추가했다.

카테고리에 아코디언영역을 추가했다.

profile
smooth talker -> sumith talker

0개의 댓글