정보 구조 (IA : Information Architecture) 설계 방법 (초간단 ver)
좋은 사용자 경험을 만드는 성공의 열쇠는 정보 구조와 플로우에 있습니다. 정보 구조(Information Architecture)란?제품/서비스에 담고 있는 정보의 전체적인 구성을 의미합니다.주요 메뉴에는 무엇이 있고, 각 메뉴에서 접근 가능한 페이지는 무엇이며, 각 페이지와 연결되는 페이지는 무엇인지 등을 총망라하죠.건물을 설계할 때 몇층으로 지을지, 기둥을 어디에 세우고, 방을 몇개로 나눌지 결정하는 것과 같습니다. 플로우(Flow)란?정보 구조 속에서 사용자가 어떻게 이동하는지를 나타냅니다.다시 한번 건물을 예로 들면, 우리가 “현관문을 열고 들어와 신발을 벗고, 부엌에 열쇠를 내려놓고, 옷방으로 들어가 외투를 벗고, 거실로 나와 소파에 앉는 것”처럼 어떤 순서로, 어디에서, 어떤 기능을 사용하..
2025. 2. 6.
입력 필드 UI를 만들어 보자 (입력 전/중/후 상태를 고려하여)
입력 필드는 모바일 앱 또는 웹 서비스에서 가장 중요한 UI 요소 중 하나입니다.회원가입, 로그인, 본인인증에서부터 송금, 구매, 배송, 주식 매수/매도 등 다양한 거래를 처리하기 위해서, 사용자가 직접 특정한 값을 입력해줘야 합니다.ID는 무엇인지, 얼마를 보내고 싶은지, 주소지는 어디인지, 카드 번호는 무엇인지 등등이렇게 다양한 값을 적는 입력 필드를 만들기 위해서는 입력 전-중-후의 각 단계별로 고려해야 할 사항들이 있습니다. 저와 함께 하나씩 살펴봅시다.입력 전 (기본값) 입력 필드에 값이 입력되기 전 상태는 어떤 모습일까요?이 예시를 보시면 기본 상태에서의 입력 필드는 사용자에게 내가 앞으로 어떤 것들을 입력해야 하는지에 대한 힌트를 줍니다.순서대로 하나씩 보시면,레이블: 어떤 정보를 입력해야 ..
2024. 11. 25.
