썸머의 디자인로그

아홉 번째 과제📝송금 직전 페이지 만들기 ✔️포함되어야 하는 내용보내는 사람받는 사람보내는 금액 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

7월 5일 두 번째 과제 📝계산기 페이지 만들기 ✔️포함되어야 하는 내용 0~9 숫자 AC +/- % 더하기 빼기 곱하기 나누기 = . ⏱️소요시간 : 13분 🎤소감 : 레퍼런스를 찾아보다, 지우기버튼을 추가한 UI가 눈에 띄었다. 자주 쓰는 아이폰 계산기에는 없는 기능인데, 분명 없어서 불편한데 고려할 생각을 하지 못했다. 익숙한 불편함이란..! 계산기의 숫자패드는 가장 윗줄이 7,8,9로 시작하는 반면, 전화 다이얼의 숫자패드는 1,2,3으로 시작한다. 왜일까? (도어락도 1,2,3 부터 시작하고, 노트북의 숫자패드는 7,8,9로 시작.) 궁금해서 찾아봤는데 관련글이 있어서 첨부해본다.(둘 다 비슷한 내용이긴 함) 전화기의 다이얼 버튼과 키보드의 숫자패드(계산기)의 배열은 왜 다른가? 왜 전화기 숫자..

UI 2023. 7. 5. 19:20

7월 4일 두 번째 과제 📝온보딩 페이지 만들기 ✔️포함되어야 하는 내용 환영하는 메시지 포함 ‘언제든 결제’ 내용 포함 ‘편하게 송금’ 내용 포함 ‘신중한 투자’ 내용 포함 로그인 버튼 회원가입 버튼 넘어가기 버튼 ⏱️소요시간 : 1시간 12분 🎤소감 : 역시나 어려운 UX라이팅.. 라이팅과 어울리는 메타포를 떠올리고, 올바르게 사용하는 능력을 기르자! 온보딩에 강제성을 주지 않되, 건너뛰기 버튼은 쉽게 닿을 수 없는 영역에 배치하기 👇작업물

UI 2023. 7. 4. 23:32

오늘부터 디자인나침반에서 UI 디자인 챌린지를 시작한다. (챌린지 참여링크) 15일 동안 매일 주어지는 UI를 만들고 과제를 제출해야 한다. 디자인 근육을 기르고 기본적인 UI에 대해서 다시 한 번 생각해보는 경험이 되기를 바라며, 챌린지 참여를 신청했다. 7월 3일 첫 번째 과제는! 📝회원가입과 로그인 페이지 만들기 ✔️포함되어야 하는 내용 이메일 이름 비밀번호 비밀번호 확인 ⏱️소요시간 : 1시간 4분 처음에 어느정도 범위까지 고려해서 해야 하나, 고민하느라 시간이 꽤 오래 걸렸다. 👇작업물 진부하지 않고 위트있는 소제목을 넣고 싶어서 고민하다 작성한 문구. UX 라이팅은 정말 어렵다😵‍💫 텍스트 필드를 채웠을 때. 입력해야하는 필드가 많지 않아서 한 화면에 담았다. 어떤 서비스의 로그인 화면인지까지..

UI 2023. 7. 3. 23:03