[내일배움캠프] UX/UI4기 사전캠프 11일차 : 자주 사용하는 웹 서비스 홈 화면 분석, WIL

📖 자주 사용하는 웹 서비스 홈 화면 분석

---

1. 웹 서비스 선정 : 라프텔

일본 애니메이션만 있는 ott스트리밍 서비스

2. 홈 화면 캡쳐

3. UI/UX 디자인 분석

📍화면 구성

• 상단 : 홈화면 로고, 태그검색, 요일별 신작, 테마추천, 멤버쉽, 검색, 로그인
• 본문 : 큰 배너 화면에 애니 바로가기 버튼, 요일별 신작, 카테고리 별 작품 소개
• 하단 : 회사 정보, SNS 채널 바로가기

📍클릭시 동작 : 클릭시 애니 정보 팝업이 뜸, 재생하려면 재생하기 눌러야함, 카네고리에 '>' 눌러서 좌,우로 이동

📍인상깊은 UI/UX와 이유 : 요일별로 나오는 신작들 정리가 잘 되있음, 작품 정주행 시리즈로 묶여 있어 몰아보기 좋음, 카테고리별로 묶여 있어 비슷한 장르 애니를 추천받을 수 있음, 로그인화면을 눌렀을 때 마지막으로 로그인한 수단을 알려줘서 여러가지 SNS로그인 수단 중 어떤걸로 로그인했는 지 까먹지 않을 수 있음

4. 개선 아이디어

넷플릭스와 비교하니 개선할 점이 확실히 보였음. 넷플릭스엔 있지만 라프텔엔 없는 기능을 추가하면 좋을 것 같음

 

💡카테고리 별 작품 바로가기

개선할점 : 카테고리쪽에 좌,우로 이동하다보면 어디가 끝인지 알 수 없음. 작품을 고를 때 생각없이 넘기는 경우가 많은 데 사용자가 끝을 몰라 두번씩 넘기기도 함

🔎 아이디어

- 어디까지 넘겼는 지 알 수 있게 바 형태로 표시해준다.

 

💡일어 자막

개선할점 : 기본적으로 한국어 자막은 있지만, 일어 자막은 없음. 일본 애니만 있는 라프텔을 이용하는 사람이라면 일어 공부를 하는 사람들도 있을 거라고 생각. 일어 공부도 할 수 있게 자막을 추가 한다.

🔎 아이디어

- 한국어 자막/ 일본어 자막 선택 할 수 있게 한다

- 첫줄은 한국어자막, 둘쨋줄은 일본어자막 등 동시에 보일 수 있게 한다.

 

💡미니 정보

개선할점 : 정보나 재생을 하게 위해서는 클릭해서 팝업에서 선택해야 한다. 정보를 보기 위해서는 클릭하고 다시 뒤로가기 위해서는 바닥을 클릭하거나 X를 클릭해서 다시 가야함.

🔎 아이디어

- 클릭해서 팝업이 뜨는 것이 아닌, 마우스를 살짝 댓을 때 바로보기, 찜하기, 정보 등을 표시한다.

 

---

❤️‍🔥WIL : Weekly I Learned

✍️  피그마

 이번주는 아티클도 그렇고, 강의도 그렇고, 과제도 그렇고 거의 피그마만 써서 한 것같다. 클론 디자인을 하면서 피그마에 좀 익숙해진 것 같기도 하다. 비슷하게 모양은 따라하고는 있는 데 잘된건지 모르겠다ㅎㅎ 그래도 뭔가 하나 완성해보니 참 뿌듯하다. 내가 보는 웹사이트 화면이 참 어렵게 만들어지는 구나.. 생각도 들었다. 웹사이트를 내가 이용할 때는 별 생각이 없었는 데 이제는 좀 더 자세히 들여다 봐야겠다.

✍️ 웹 서비스 분석

웹 서비스 분석을 하는 데 용어라던가 이 부분을 뭐라고 해야되지??... 하는 게 많았다. 사실 저번에 진도를 따라잡느라 용어정리를 건너 뛰었기 때문에.....ㅎ 모르는게 맞다. 조만간 한번 검색해 보고 공부해봐야겠다. 다른 블로그들 슬쩍슬쩍 보고 하긴 했는 데 어렵다. 자세히 보고 분석하는 공부를 더 해야겠다는 생각이 든다.

 

 

🙌 이번주는 개인적으로 힘든 일도 있었지만 그래도 공부할 때 만큼은 딴 생각이 많이 안나서 좋았다.

힘든 순간은 그때 뿐 !!!! 일주일 뒤, 한달 뒤면 기억도 안날 일~~ 다 지나갈 거다~~~~ 화이팅💪