나를 위한 일하기

User Flow란 무엇인가서비스 기획이나 UX 디자인 업무를 하시는 분이라면 무조건 한번은 들어봤을 “User Flow”, 정확히 무엇을 의미하는지 알고 계시나요?사용자의 흐름? 순서도? 시나리오?이 아리송한 개념을 오늘 제대로 되짚어 보도록 하겠습니다.   Nielson Norman Group  (꿀팁!) UX와 관련된 개념이 궁금할 때는 닐슨 노먼 그룹 홈페이지를 참고하면 좋습니다. UX 분야의 창시자이자 구루라고 할 수 있는 도널드 노먼, 제이콥 닐슨이 만든 UX 컨설팅 회사의 공식 웹사이트이기 때문입니다. User Journeys vs. User FlowsUser journeys and user flows both describe processes users go through in order ..

앱을 실행하면 종종(아니 자주) 이벤트 팝업이 뜨고, 다시 볼 건지 말건지를 선택하는 기로에 섭니다. 다시 보지 않기를 선택하지 않으면 앱을 실행할 때마다 이벤트 팝업을 봐야 하는 고통(?)에 시달리게 되는데요, 이번 포스팅에서는 팝업(또는 모달)의 '다시 보지 않기' 버튼의 UX/UI 설계하는 방식에 대해 살펴보겠습니다. (비교적) 예전 스타일 과거의 UX 설계에서는 '다시 보지 않기' 옵션이 체크 박스로 제공되곤 했습니다. 이 체크 박스를 선택하고 '닫기' 버튼을 한 번 더 눌러 팝업을 종료해야 했는데요, 이 방식은 사용자가 여러 단계를 거쳐야 하므로 상대적으로 번거로웠습니다. 요즘 스타일요즘은 '다시 보지 않기' 버튼이 '닫기' 버튼과 동일한 레벨로 제공되는 경우를 많이 봅니다. 옵션도 '영영 다시..

모바일앱 UX 기획자로서, 우리는 항상 제한된 화면 공간 안에서 효율적으로 정보를 제공하는 방법을 찾고 있습니다. 그 방법 중 하나로 Bottom Sheet라는 강력한 UI 요소가 있습니다. 오늘은 다양한 사례를 통해 Bottom Sheet의 활용 방안을 살펴보도록 하겠습니다. Bottom Sheet란? Bottom sheet는 사용자의 여정 중간에 추가 옵션을 제공하거나 상세 정보를 보여주기 위해, 화면 하단에서 위로 슬라이드되는 작은 패널입니다. 이를 통해 사용자가 주요 작업을 수행하는 동안 화면을 벗어나지 않으면서, 빠르게 추가 작업을 수행하거나 정보를 확인할 수 있습니다.Bottom Sheet의 장점 Bottom sheet를 활용하면 다음과 같은 다양한 이점을 얻을 수 있습니다. 접근성: 화면 하..

우리는 일상 속에서 은행, 카드, 핀테크 앱을 사용하며 금융 거래를 합니다. 그리고 거래 내역을 통해서 다양한 금융 활동을 추적하고 관리하고 있지요. 이러한 거래 내역의 UI는 어떻게 구성하면 좋을까요? 오늘은 은행 앱의 거래 내역 제공 현황을 살펴보고, 거래 내역, 상세 화면을 새롭게 구성해 보도록 하겠습니다. 거래 내역 & 상세 내역 사용자가 과거 거래 이력에서 확인하고자 하는 것은 다양한 거래 건의 날짜, 입금/출금처, 금액, 거래 유형 등의 기본적인 정보입니다. 따라서 [거래 내역] 페이지는 이러한 주요 정보를 명확하고 이해하기 쉬운 형태로 제공해야 합니다. 이외에 더 디테일한 정보는 각 거래 내역을 선택하여 진입하는 [상세 내역] 페이지에서 확인할할 수 있습니다. 거래 내역의 구성 은행 앱(카카..

오늘은 토스의 온라인 디자인 컨퍼런스를 참관했습니다. 토스 디자인 컨퍼런스, Simplicity23오늘도 문제를 해결하고 있을 모든 디자이너에게simplicity-23.toss.im 토스의 프로덕트 디자이너들이 제품을 디자인한 과정에 대해 대화 형식으로 풀어나간 컨퍼런스인데요, 대화를 듣다 보니 "Wow Moment"에 대한 언급이 자주 나왔습니다. 고객에게 감동을 주는 Wow Moment! 제가 만드는 제품에도 적용하고 싶어서 의미, 중요성, 만드는 방법, 그리고 예시에 대해 한번 찾아봤습니다.Wow Moment란?고객이 제품이나 서비스를 사용하다 예기치 않게 기뻐하는 순간입니다. 고객이 기대한 것 이상으로 긍정적이고 감동적인 경험을 발견한 것이죠. 감동의 순간은 다양한 방법으로 만들어질 수 있는데요,..

애플워치를 필두로 보편화된 스마트워치! 요즘 삼성, 샤오미, 가민 등등 다양한 브랜드에서 양질의 제품을 내놓으며 경쟁하고 있는데요, 기획자로서 저는 스마트워치의 UX/UI는 어떻게 만들어야할까 생각해 보았습니다. 스마트워치의 특징 1. 작은 화면일단 스마트워치는 스마트폰에 비해 현저히 작은 화면을 가졌습니다. 따라서 조작이 쉽지 않습니다.특히 연령대가 높아질 수록 스마트워치로 세밀한 작업을 수행하기가 어려워집니다.이에 스마트워치의 역할은 복잡한 작업을 수행하는 것보다는 간단한 정보를 보여주는 것, 아주 간단한 작업을 수행하는 것에 한정됩니다. 2. 다양한 센서스마트워치는 사용자의 손목에 착 붙어서 다양한 센서로 생체 정보를 수집할 수 있습니다.대표적으로 걸음수, GPS, 심박수, 혈압, 산소포화도 등등이..