UIUX입문 (6) 썸네일형 리스트형 UI 디자인 가이드 : Search & browsing 출처 : https://brunch.co.kr/@august9/287 검색 결과를 위한 사이트와 컨텐츠 사이트를 디자인할 때 사용자가 '어떤 모드'의 행동을 하려고 하는지를 염두에 두어야 합니다. 사용자는 '검색 모드'을 하려고 하나요? 아니면 '탐색 모드' 작업을 하려고하나요? 이는 사용자 여정(Customer Journey Map) 을 가장 잘 지원하도록 플랫폼을 설계하는 방법을 결정하는 데 도움이 됩니다. 페이지 요약 검색 모드(Search)와 브라우징 모드(Browsing)의 차이 탐색/브라우징이란? 검색이란? 각 모드는 UI에 어떤 영향을 줄까요? 탐색 및 검색 모드가 함께 작동하는 경우? 마무리 참고 1. 검색 모드와 브라우징 모드의 차이 사용자가 검색 창에 무언가를 입력할 때에는 아마도 다음.. UI 디자인 가이드 : Infinite Scroll 출처 : https://brunch.co.kr/@august9/291 무한 스크롤은 페이징 방법 중에서도 매우 인기 있는 디자인 유형입니다. 특히 모바일에서처럼요. 무한 스크롤를 활용해서 사용자 경험, 잠재 고객 창출등에 영향을 줄 수 있습니다. 무한 스크롤링이란 브라우저 스크롤 막대가 페이지 하단에 도달하는 것을 방지하는 것 을 말합니다. 사용자가 페이지를 더 아래로 스크롤할 때마다 콘텐츠가 확장되어 새로운 콘텐츠가 추가됩니다. 무한 스크롤은 연속적(무한하게)으로 스크롤하는 형태일 수도 있고, 사용자가 계속 스크롤을 선택/선택 해제할 수 있는 "더 보기" 옵션으로 단축할 수도 있습니다. *아래에서 무한 스크롤(Infinite Scroll)과 더 보기(Load More) 버튼에 대해 한차례 다룬 바 있습.. UX 디자인 속 심리학 법칙 2편: 사용자 행동 이해하기 보통 서비스나 앱·웹사이트를 기획하고 디자인할 때, 사용자 경험을 개선할 수 있는 UX를 고민합니다. 그렇다면 사용자 경험을 향상시키는 UX란 정확히 무엇일까요? 우리가 고려해야 할 사용자는 사람입니다. 같은 부탁을 하더라도 심리학을 활용하면 상대방의 부담을 낮출 수 있는 것처럼 UX를 설계할 때도 사용자의 심리를 이해하고 디자인하면 사용자에게 더욱 편안하고 기분 좋은 경험을 제공할 수 있습니다. 사용자가 온라인에서 경험하는 다양한 감정은 결국 리텐션에 영향을 미칩니다. 방문할 때마다 기분이 좋아지는 장소에 자주 가고 싶은 것처럼 좋은 경험을 제공하는 앱이나 웹사이트라면 사용자의 발걸음이 끊이지 않겠죠. 그래서 이번 아티클에서는 UX를 디자인할 때 활용하기 좋은 네 가지 심리학 법칙을 소개합니다. 이 아.. UX 디자인 속 심리학 법칙 1편: 사용자 배려하기 UX는 디자인 영역이라서 정답이 없지 않나요? UX 디자이너로 일하는 저는 종종 이런 질문을 받습니다. 그 질문에 제가 대답할 수 있는 것은 "네, 맞아요."입니다. 사용자 경험이라는 게 말이 쉽지, 사실 눈에 보이지 않는 것을 디자인하는 일이라서 가끔은 막막하기도 합니다. 혹시 그런 경험 없으신가요? 새로운 앱을 깔았는데 나도 모르게 쉽게 사용하고 있다거나, 앱에서 말을 거는 듯한 메시지 때문에 나도 모르게 회원가입을 했던 경험이요. 저는 여기에서 힌트를 얻어 UX 디자인에 심리학 법칙을 적용해 봤습니다. UX를 잘하려면 문화, 사회학, 철학, 인문학, 기술, 시대상 등을 알아야 한다고들 하지만, 인간이라면 누구나 느끼는 감정과 경험 역시 중요한 포인트거든요. 그래서 이번 아티클에서는 UX를 디자인할 .. CTA(목표 달성 버튼) 디자인을 위한 체크리스트 10 안녕하세요 뷰저블입니다. CTA에 대해 들어보셨나요? CTA는 웹 사이트 내 목표를 달성하기 위해 고객에게 '행동'을 유도하는 버튼이나 배너를 가리킵니다. 영어 Call To Action을 줄여 CTA라고 표기하며 보통 '행동 유도 버튼' 또는 '목표 달성 버튼'이라고 해석되기도 합니다. 회원가입이나 구매하기, 다운로드, 문의하기 등 다양한 사이트 별 목적에 따라 버튼의 형태와 종류가 달라지게 됩니다. 뷰저블과 포그리트 홈페이지 메인의 CTA 버튼 위 이미지는 뷰저블과 포그리트 홈페이지 메인에 위치한 CTA입니다. 뷰저블에는 CTA가 상하단에 공통으로 2가지 들어가 있고 포그리트 홈페이지는 서비스마다 1개씩 CTA가 존재하여 총 3개가 있습니다. 오늘은 이 CTA를 어떻게 효과적으로 디자인할 수 있는지 .. UI 디자인의 변천사, 그리고 뉴모피즘 1. 스큐어모피즘 아이폰 3G를 사용할 때, 현실과 비슷한 느낌으로 앱들이 디자인 되어 있었어요. 이를 스큐어모피즘이라고 하죠? 쉽게 말해, 현실 세계의 메타포를 그대로 모바일 안으로 옮겨 놓은 디자인이에요. 아이폰의 기본 기능인 ibooks는 집에서 보던 책장을 그대로 옮겨 놓은 듯한 디자인이었죠? 하지만 스큐어모피즘 디자인에는 한계가 있었는데, 그중 가장 대표적인 것이 디자이너들의 피땀눈물이 들어간다는 것과 개발자들의 용량 문제였어요. 아무래도 현실의 메타포를 거의 그대로 디자인하다 보니까 꽤 오랜 시간이 걸렸고, 그 용량도 상당했죠. 제작된 앱들도 무척 무거워서 초창기에 앱을 다운로드 하면 꽤 많은 용량을 차지하곤 했습니다. 그런 단점을 보완하고자 나온 디자인이 플랫디자인입니다. 2. 플랫디자인 이.. 이전 1 다음
