썸머의 디자인로그

아홉 번째 과제📝송금 직전 페이지 만들기 ✔️포함되어야 하는 내용보내는 사람받는 사람보내는 금액 5만원보내는 계좌받는 계좌 이번 과제는 '입력이 완료된 송금 직전의 페이지 만들기'이다.이전까지는 기획보다 UI를 완성하는 데 비중이 높았는데, 이번 미션부터는 조금 더 포함되어야 하는 내용의 맥락과 명분을 고려하여 설계하는 데 초점을 맞췄다. # 첫 번째 UI포함되어야 하는 내용을 배치하고 빠르게 UI를 만들었다. 언뜻 봐도 강하게 나는 토스맛.. (큰 고민을 하지 않고 만들어서, 가장 자주 사용하고 있는 토스 UI를 비슷하게 흉내낸 모양새가 되었다.)평소 토스를 사용하여 이체하면서 불편했던 점을 반영한 부분이 추가되긴 했다. 이체 직전에 버튼을 누르기 전에, 출금 계좌와 입금 계좌가 확실히 보였으면 했다..

UI 2024. 4. 25. 23:35

아래 내용은 데이터리안 3월 세미나 내용을 요약한 글입니다. - 3월 세미나의 주제는 퍼널 분석에 대해 딜라이트룸(알라미) PO 서승환님이 실무 사례와 함께 강연을 진행해 주셨다. 퍼널 분석, 어떻게 해야할까? 퍼널 진입률과 진입 이후 전환율 중 무엇을 중점적으로 보아야 할까? 먼저 진입률과 전환율이 무엇인지 살펴보면, 퍼널 진입률 : 전체 모수에서 해당 기능에 진입한 비율. 진입 이후 전환율 : 진입한 모수 대비 전환율. ⇒ 제품 성장을 위한다면 퍼널 진입율을 우선적으로 살펴볼 필요가 있다. 왜냐하면 보통 신규 기능 진입율은 0.1% 정도이기 때문(서비스 크기별로 다를 수 있다.) 그리고 이 0.1%의 사용자는 이미 전체 유저를 대변할 수 없다. (서비스를 적극적으로 살펴보는 소수의 유저이기 때문) 그..

데이터 2024. 3. 17. 15:41

여덟 번째 과제 📝후기 페이지 만들기 ✔️포함되어야 하는 내용 음식점에 대한 후기 후기 평균 (1~5점 중) 후기 분포 (1~5점 중) 후기 글 상세 후기 사진 4개 글쓴이 썸네일 글쓴이 이름 글쓴이 후기 수 후기 등록일 💡 체크 포인트 폰으로 음식점을 고를 때 시각적인 요소가 상당 부분 차지하기 때문에 음식점 사진 상단에 크게 배치. 별점 분포를 그래프로 나타내어 보여줌. 가끔 배달 어플의 평점을 보면 음식은 맛있는데 배달이 너무 별로라서 평점을 안좋게 주는 경우도 종종 보인다. 소위 말하는 '별점 테러'를 방지하기 위해서라도 네이버 플레이스처럼 점수가 아닌 만족도와 관련된 키워드를 배치하는 게 단순히 평점만을 보여주는 것 보다 합리적인 선택을 하는 데에 도움을 줄 것이라는 생각.

UI 2023. 10. 23. 21:42

일곱 번째 과제 📝SNS 홈 피드 페이지 만들기 ✔️포함되어야 하는 내용 3개 이상 피드 사진 본문 게시자 좋아요, 댓글, 공유, 북마크 좋아요 수, 댓글 수, 공유 수, 북마크 수 🎤소감 : 가상의 식물 커뮤니티를 생각하고 만들었다. 요즘 인스타에 여러장의 사진과 함께 번호를 매겨 사진에 대한 설명을 적는 것에 착안해, 사진에 담긴 추억을 적을 수 있는 게시물 형태를 취했다. 좋아요, 댓글, 공유, 북마크 수를 모두 보여주는 부분이 UI로 나타냈을 때 깔끔해 보이지 않아서 고민을 가장 많이 했던 부분이다. 보통은 좋아요수와 댓글수 정도만 표시를 하고 공유나 북마크 수는 화면에 표시하지 않는 경우가 많은데, 반대로 왜 그럴까 생각해봤다. 좋아요와 댓글은 네트워킹에 있어 중요한 역할을 한다. 유저간의 상호..

UI 2023. 9. 24. 11:29

여섯 번째 과제 📝웹 페이지 검색 결과 페이지 만들기 ✔️포함되어야 하는 내용 섬네일 글 제목 짧은 글 내용 URL 글 12개 페이지네이션 🎤소감 : 검색결과 UI디자인 레퍼런스로 구글, 네이버, 다음, 빙 등의 검색엔진의 UI를 살펴보았다. 공통적으로 검색 결과는 주로 좌측에 치우져 보여주고 오른쪽은 대개 여백으로 비워두고 있는데, 이것은 첫번째로 좌상단을 중심으로 UI를 배치하는 웹사이트의 기본적인 사용성 따르기 때문이고, 두번째로는 사용자가 화면의 모든 정보를 읽지 않기 때문에 이런 형태의 UI가 나오게 되는 것이다. 두번째 이유에 대해서는 일전에 UX강의를 들으며 이해했던 내용인데, 검색엔진처럼 특정한 목적을 가지고 웹사이트를 방문하는 경우 사용자는 목적을 달성하기 위한 정보만 받아들이며, 목적이..

UI 2023. 8. 30. 23:20

다섯 번째 과제 📝날씨 페이지 만들기 ✔️포함되어야 하는 내용 시간별 날씨 일주일 날씨 최저/최고 온도 지역 🎤소감 : 많은 정보를 담아야 하다 보니 화면이 복잡해보일 수 있어, 간결하되 너무 생략하여 정보 인지의 혼동을 주지 않도록 하는 것을 유의하여 디자인 하였다. ✔️ 날짜와 지역 ✔️ 간단한 메세지로 휴머니즘 한 스푼 ✔️ 일자별 날씨 ✔️시간별 날씨

UI 2023. 8. 30. 00:04

챌린지 기간은 끝났지만,,(실패!) 혼자라도 다시 시작합니다😇 네 번째 과제 : 📝음악 재생 페이지 만들기 ✔️포함되어야 하는 내용 음악 제목 음악가 음악 커버 음악 타임라인 재생 랜덤 재생 반복 재생 뒤로가기 앞으로가기 💡체크 포인트 앨범 커버에 맞춰 바뀌는, 하지만 주요 기능의 시인성을 해치지 않는 배경 빠르게 재생 목록에 추가할 수 있는 버튼 (개인적으로 랜덤으로 재생하다가 마음에 드는 곡을 목록에 추가하는 행동을 자주 하는데, 대부분 오버플로우 메뉴 속에 들어가 있어서, 엄지 영역에 배치했다)

UI 2023. 7. 26. 21:09

흔하게 반복되는 실수많은 애자일 팀이 프로젝트에 착수한 지 몇 주(혹은 몇 달)가 지나고 나서야 깨닫는 사실이 있다.현재 진행 중인 프로젝트에 대해 팀원 개개인이 전부 다른 해석을 하고 있다.팀원 중 어느 누구도 프로젝트를 성공시키기 위해 본인이 해아할 역할을 명확하게 이해하고 있지 않다.사공이 많으면 배가 산으로 가는 이유는 결국 저마다 이해하는 목표 지점이 다르기 때문이다. 프로덕트 팀에서도 마찬가지로 모든 팀원이 이해하는 명확한 목표가 공유되지 않으면, 프로젝트는 산으로 가기 마련이다. 이런 낭패를 막기 위해서 애자일 프로세스에는 *Discovery 단계가 존재한다. 이 단계를 통해 프로젝트를 성공적으로 수행하기 위해 팀원들의 이해도를 얼라인 시키는 방법을 알아보겠다.*Discovery 단계란, ..

UX방법론 2023. 7. 23. 15:33