<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>한나정</title>
  <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@crsj" />
  <author>
    <name>artgrammer</name>
  </author>
  <subtitle>사용자경험에 관한 이야기를 같이 나누어요</subtitle>
  <id>https://brunch.co.kr/@@crsj</id>
  <updated>2021-05-14T02:36:30Z</updated>
  <entry>
    <title>왜 네이버는 MZ의 저장 데이터를 외국인에게 보여줄까 - 길을 알려주는 앱에서, 행동을 설계하는 플랫폼으로</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@crsj/7" />
    <id>https://brunch.co.kr/@@crsj/7</id>
    <updated>2025-05-30T03:05:26Z</updated>
    <published>2025-04-22T23:00:32Z</published>
    <summary type="html">여행의 진짜 묘미는, 아마도 &amp;lsquo;살아보는 것&amp;rsquo; 아닐까요? 외국인 관광객 대부분은 현지인처럼 여행하고 싶다고 말하며,로컬 맛집과 공간을 찾아다닙니다. 그런데 지금까지의 지도 앱은 어떻게 가는지만 알려줬습니다.  네이버는 그 간극을 UX로 채우고 있습니다. 단순히 길을 알려주는 것이 아니라, 장소를 찾아가는 과정을 어떻게 경험할 것인가를 설계하는 방식으로 접근하&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2Fcrsj%2Fimage%2Fyn2lNHrtC0Di2zKT0ajsjIpByhI.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>텅 빈 화면에도 UX전략이 있다 Empty State  - 비어있다고요? UX는 꽉 찼습니다</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@crsj/6" />
    <id>https://brunch.co.kr/@@crsj/6</id>
    <updated>2025-04-23T23:25:02Z</updated>
    <published>2025-04-13T23:00:21Z</published>
    <summary type="html">사용자들은 기능 페이지에서 데이터가 없는 빈화면을 반드시 한 번쯤은 보게 됩니다. 빈화면(Empty State)은 단순히 '아무것도 없음'을 보여주는 화면이 아니라, 사용자가 다음 행동을 할 수 있도록 돕는 전략적 공간입니다.  빈 화면은 상황에 따라 네 가지 유형으로 나눌 수 있습니다. 1. 수동형(Passive형) 2. 액션형(Action형) 3. 정보&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2Fcrsj%2Fimage%2FXZ4WZyFW6Z2MyKtwzFfpLON_sw4.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>인풋 필드 설계 가이드 (회원가입 페이지) - 인풋 필드 정책을 맥락에 맞게 설정하는 방법</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@crsj/5" />
    <id>https://brunch.co.kr/@@crsj/5</id>
    <updated>2025-04-13T23:29:01Z</updated>
    <published>2025-04-07T23:00:14Z</published>
    <summary type="html">회원가입 페이지에서 가장 중요한 요소 중 하나는 인풋필드(Input Field) 정책입니다.  디자인 시스템의 Status(상태) 별로 명확히 정의하는 것도 중요하지만, 서비스의 맥락을 고려하고 기획, 개발팀과 협업하여 정책을 수립하는 것이 더욱 중요합니다. 이번 글에서는 회원가입 페이지의 인풋 피드 설계 시 고려해야 할 주요 사항을 정리해 보겠습니다.&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2Fcrsj%2Fimage%2Fizq99QwErzOyICk2ERnDqwi6V94.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>거꾸로 입력하는 가입 화면, 접근성 측면에서는 어떨까? - 토스의 독특한 입력방식, 웹접근성은 괜찮을까?</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@crsj/4" />
    <id>https://brunch.co.kr/@@crsj/4</id>
    <updated>2025-04-07T05:01:40Z</updated>
    <published>2025-04-02T23:00:22Z</published>
    <summary type="html">사용자의 편리함을 위해 기존의 UX 틀을 바꿔나가는 서비스들이 늘어나고 있습니다. 특히, 최근 앱에서 회원가입을 진행할 때 독특한 입력 방식을 경험할 수 있는데요, 일반적인 위에서 아래로 내려가는 방식이 아니라, 입력 필드가 역순으로 쌓이는 형태입니다.  이러한 UX를 역방향 입력 방식(Bottom to Top)이라 하겠습니다. 이 방식은 기족의 흐름과는 &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2Fcrsj%2Fimage%2FbmrcairXRdrE8CzRmG-UniZDGSI.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>만우절, 서비스들은 어떤 사용자 경험을 쌓을까? - 만우절 각 서비스들의 UI UX를 알아보자</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@crsj/3" />
    <id>https://brunch.co.kr/@@crsj/3</id>
    <updated>2025-04-07T05:01:02Z</updated>
    <published>2025-04-01T03:59:02Z</published>
    <summary type="html">4월 1일, 오늘은 만우절입니다. 소소한 장난들로 서로 웃음을 주는 날인데요, F&amp;amp;B 업계들은 오늘만을 기다린 것처럼 재밌는 상품을 보여주고 있습니다. 각 서비스들은 만우절을 사용자와 어떻게 보내고 있을까요?   1. 카카오페이 - 축의금 자동 측정 기능 (컨셉) 카카오페이에서는 요즘 특히 애매한 축의금 액수로 이야기를 풀어나갑니다. 친하지 않은 친구의 모&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2Fcrsj%2Fimage%2FXdwyYha91c6UnLwzDVN4VA5bpPM.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>바나프레소 UI UX 전략 뜯어보기 - 강남 직장인은 왜 출근길에 바나프레소를 갈까?</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@crsj/2" />
    <id>https://brunch.co.kr/@@crsj/2</id>
    <updated>2025-04-22T23:08:34Z</updated>
    <published>2025-03-31T07:19:16Z</published>
    <summary type="html">요즘 강남일대 직장인들의 출근길에는 항상 ☕️ 바나프레소의 커피가 들려있습니다. 어떤 전략으로 직장인들의 마음을 사로잡았을까요?  바나프레소의 UI UX 전략을 살펴보니 아래와 같았습니다. 1️⃣ 직관적이고 간편한 사용자 경험 2️⃣ 개인화된 고객 경험  *개인화된 고객경험(Personalized Customer Experience) 고객 개개인의 취향, &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2Fcrsj%2Fimage%2FM1liswqo_-RoT_UJ6uEak_xdf8Q.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>국내 지도 앱의 산불 현황 안내 사용자 경험 - UIUX : 신속하고 정확한 정보를&amp;nbsp;어떻게 전달하고 있을까</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@crsj/1" />
    <id>https://brunch.co.kr/@@crsj/1</id>
    <updated>2025-05-09T09:32:24Z</updated>
    <published>2025-03-31T02:22:48Z</published>
    <summary type="html">2025년 3월 현재, 경상도 지방을 중심으로 산불이 확산되고 있습니다. 재난 상황에서는 빠르고 정확한 정보 안내가 가장 중요하다고 생각하며, 위치 정보를 기반으로 서비스를 제공하는 앱이 재난 상황에서 어떻게 정보를 안내하는지 알아보겠습니다.  국내 지도 앱을 MAU 기준으로 정리해 산불 현황 확인이 가능한 네이버지도와 구글지도로 살펴보겠습니다. 1위 : &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2Fcrsj%2Fimage%2FOrOzj0ctVXWnQgpaQ-VqAGWMMEE.png" width="500" /&gt;</summary>
  </entry>
</feed>
