썸머의 디자인로그

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

UI 2024. 4. 25. 23:35

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

UI 2023. 10. 23. 21:42

여섯 번째 과제 📝웹 페이지 검색 결과 페이지 만들기 ✔️포함되어야 하는 내용 섬네일 글 제목 짧은 글 내용 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