디자인 공부 일지

야놀자의 경우 지도 기반 검색 시 여러 호텔들이 나타나는데 아이콘을 탭 하면 아래 호텔 정보 팝업이 나타나면서 지도 아이콘에 이름과 가격이 나타난다. 이때 나타나는 팝업이 호텔 이미지는 너무 작게 사용되었고 여백이 너무 과하게 활용되었다고 느껴지는데 유저에게 직관적으로 정보를 전달할 수 있는 이미지는 더 크게 활용하고 여백을 줄여 지도를 가리는 영역을 줄이면 더 좋을 것 같다. 팝업 위에는 호텔 리스트 노출 방식을 변경할 수 있는 FAB버튼이 배치되어 있고 목록 페이지에서는 팝업이 사라지기 때문에 하단에 배치되어 사용성을 높이기 위해 항상 고정되어 있다. 상단에는 세부 필터들이 노출되고 있는데 필터를 세분화하여 노출시켜놓은 것은 좋으나 전체 필터를 볼 수 있는 탭은 오른쪽 끝까지 스와이프해야 나타나는 것..

래퍼런스 분석 2022. 12. 16. 19:30

다른 유저들과 거래를 할 때 상대방이 약속을 잘 지키는지, 이전 활동에서 부적절한 행동을 하진 않았는지 궁금한 유저들이 많을 것이다. 그래서 당근마켓은 거래 후기와 매너온도를 제공하고 있는데 이는 유저들의 거래 활동을 직관적으로 보여주고 다른 유저들이 거래 시 참고하여 판단할 수 있도록 도와주는 역할을 한다. 당근마켓을 통해 거래를 하고 난 후에는 상대 유저에 대한 거래 후기를 작성할 수 있다. 작성하는 거래 후기는 프로필 내에 받은 매너 평가에 남게되는데 이를 통해 해당 유저의 과거 거래 경험을 확인할 수 있고 다음 거래 시 참고할 수 있다. 거래 후기 작성 시 별로에요, 좋아요, 최고에요 3가지로 나누어 제공하고 있는데 당근마켓의 캐릭터의 표정과 포인트 컬러를 메타포 요소로 활용하여 거래 경험에 대해..

래퍼런스 분석 2022. 12. 14. 20:40

1. 툴팁 Tool Tip 인터페이스의 부연 설명 메세지로 모바일과 PC의 작동 원리가 다르다. PC는 UI컴포넌트에 마우스 호버시 작동하며 나타나며 마우스를 사용하지 않는 모바일의 경우에는 일정시간 탭하고 있으면 툴팁이 나타난다. 추가로 모바일에서는 툴팁을 다양하게 활용하고 있는데 페이지에 접속 시 자동으로 나타났다가 일정 시간이 지난 후 사라지거나 처음부터 고정되어 나타나다가 사용자가 직접 제거할 수 있는 방식으로 활용되기도 한다. 툴팁 관련 참고하면 좋은 글 > 어떻게 활용되고 있으면서 언제 사용해야하는지 https://brunch.co.kr/@leesubella/7 보조 설명을 제공하는 컴포넌트, Tooltip(1) 잘 써먹기 위해 정리하는 UI 3편 | 1편 Badge와 2편 Tag 컴포넌트에 ..

아티클 2022. 12. 14. 15:00

1. 드롭다운 Drop down 세부 항목들이 리스트 형식으로 쏟아져 나타나는 형태 드롭다운 관련 참고하면 좋은 글 https://jin-na.tistory.com/entry/%EB%93%9C%EB%A1%AD%EB%8B%A4%EC%9A%B4dropdown-%EB%A9%94%EB%89%B4-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%95%84%EC%88%98-%EA%B0%80%EC%9D%B4%EB%93%9C 드롭다운(dropdown) 메뉴 디자인 필수 가이드 사용자가 옵션을 선택할 수 있는 UI 컴포넌트는 많다. 체크박스, 라디오 박스, 토글, 스테퍼, 드롭다운 메뉴. 각각 고유한 장단점이 있으며, 사용자로부터 요구하는 입력의 성격에 따라 사용해야 jin-na.tistory.com - 2. ..

아티클 2022. 12. 13. 15:30

https://dribbble.com/shots/19039152-Mobile-App-Animated-Interactions?utm_source=Clipboard_Shot&utm_campaign=outcrowd&utm_content=Mobile%20App%20-%20Animated%20Interactions&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=outcrowd&utm_content=Mobile%20App%20-%20Animated%20Interactions&utm_medium=Social_Share Mobile App - Animated Interactions dribbble.com 메시지를 일정 시간 동안 탭 하면 하트가 나타나면..

인터렉션 2022. 12. 12. 16:35

이번 주는 포트폴리오 과제로 진행되었다. 과제로는 이전에 포트폴리오 주제로 선정했던 축구/풋살 매칭, 커뮤니티 서비스에 대한 환경분석과 유저리서치, 문제정의를 해보는 것이었는데 재미있었지만 힘들었다. 환경분석할 땐 여러 기사들과 논문도 조금 읽어보면서 분석해보았다. 현재 시장에서 제공되고 있는 앱들을 다 활용하였을 때 어떻게 느끼는지 알아보고자 페르소나마다 저니맵을 설정해보았다. 현재 시장에 뚜잇이라는 앱이 호평을 받고 있지만 더 개선이 필요하다 생각하여 선택하였고 해당 서비스를 제공하는 앱이 별로 없어서 이번 기회에 잘 개선해 더 좋은 서비스를 만들어보고 싶다.

공부일지 2022. 12. 12. 00:57

https://techblog.gccompany.co.kr/여기어때-쿠폰-디자인-리뉴얼-cbf32adfc1d9 여기어때 쿠폰 디자인 리뉴얼 프로모션 01. 마케팅 효율 개선 ‘쿠폰 디자인’ techblog.gccompany.co.kr 프로모션, 이벤트 페이지에서 소비자의 눈길을 끌 수 있는 컨텐츠는 쿠폰 및 할인일 것이다. 쿠폰에는 카테고리, 금액, 조건 등 많은 정보가 포함되어 유저가 더 똑똑한 소비를 하게 만드는 힘이 있다고 생각한다. 쿠폰은 유저가 프로모션, 이벤트 페이지에서 노출되어 이목을 끌고 클릭(행동)을 유도하도록 더 좋은 디자인으로 구성해야한다. 쿠폰 디자인에는 카테고리, 금액, 사용 조건 등 다양한 정보가 포함되어있는데 이러한 정보들을 더 명확하고 효율적으로 전달하기 위해 사용성을 고려한..

아티클 2022. 12. 6. 11:19

이번 주에는 과제로는 포트폴리오 과제 2개와 음악 스트리밍 서비스 분석 및 개선 과제를 진행하였다. 추가로 지난 3주 동안 진행했던 그룹 프로젝트들 중에서 한 가지를 선택하고 영상으로 발표하는 것이었는데 우리 조는 2번째로 했던 CGV 분석을 발표하기로 결정하고 멘토님의 피드백을 통해 보완할 부분을 보완하며 영상을 제작하게 되었다. 영상을 제작하기 위해 내용을 한번 훑어보면 보이지 않던 부분도 더 보이게 되고 그 당시 생각했던 것과 조금은 다르게 생각되는 부분들도 있었다. 지난 3주 동안 그룹 프로젝트를 진행하면서 시야도 넓어졌고 협업에서 발생하는 긍정적인 부분, 부정적인 부분도 느낄 수 있어 값진 경험이었다고 생각한다! 어떻게 해야 사용자의 허들을 낮출 수 있을지 고민해보고자 우선 지니뮤직 앱 분석과 ..

공부일지 2022. 12. 5. 02:35