디자인 공부 일지

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

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

https://www.openads.co.kr/content/contentDetail?contsId=8208 사람들을 사로잡은 비주얼 UX 디자인 잘하는 회사는? 사람들을 사로잡은 비주얼 UX 디자인 잘하는 회사는? www.openads.co.kr 어려운 것보단 쉬운 것, 복잡한 것보단 간단한 것을 추구하는 사람의 기본 속성을 이용해 사람들의 눈을 사로잡으며 쉽게 사용할 수 있게 만드는 것이 UX의 핵심 1.케이스티파이 - 유저가 원하는 경험을 비주얼로 담다. 스마트폰 케이스 디자인 다양화 2.토스 - 필요한 만큼 단순하게 디자인한다. 토스가 쉽다 슬로건 3.지그재그 - 사용자의 입장에서 생각하자. 사용자의 니즈를 명확하게 파악 4.배달의민족 - 사용자의 플로우를 그릴 수 있어야 해. 먹고 싶은 음식이 ..

아티클 2022. 11. 27. 21:55