DESIGN & UX / 05

웹디자인·UI/UX

UI는 버튼·메뉴 같은 화면 요소이고 UX는 사용자가 정보를 찾고 일을 마치는 경험입니다. 휴대폰에서도 읽고 누르기 쉬운 홈페이지를 만드는 방법을 알아봅니다.

이 분야의 글

6편

AI가 만든 화면도 실제 회사 정보와 가격이 맞는지 확인해야 합니다. 휴대폰에서 읽히는지, 메뉴와 상담 링크가 연결되는지, 입력한 정보가 어디로 전달되는지 직접 시험하세요. 초안이 보기 좋다는 것과 실제 공개할 준비가 끝났다는 것은 다릅니다.

신청할 때 꼭 필요한 정보만 받도록 정하고, 보낸 내용이 실제로 담당자에게 전달되는지 확인하세요. 오류가 났을 때 무엇을 다시 해야 하는지도 알려줘야 합니다. 단순 상담이라면 입력 양식보다 전화·채팅 연결이 더 적합할 수 있습니다.

멋있는 글꼴보다 글자를 쉽게 읽을 수 있는지가 먼저입니다. 휴대폰에서 본문 크기, 줄 사이 간격과 배경 대비를 확인하세요. 제목·설명·조건을 다른 크기로 구분하면 중요한 정보를 더 쉽게 찾을 수 있습니다.

메뉴를 열 수 있는지만 보지 말고 닫기, 링크 이동과 키보드 조작도 확인하세요. 휴대폰을 돌리거나 화면 크기를 바꿨을 때 메뉴가 잘못 남지 않아야 합니다. 버튼에는 무엇을 여는지와 현재 열린 상태를 알 수 있는 안내가 필요합니다.

방문자가 먼저 묻는 질문부터 화면에 배치하세요. 어떤 사업인지, 무엇을 제공하는지, 가격과 진행 조건은 어떤지, 어디로 문의할지를 이어 보여줍니다. 같은 모양의 상자를 반복하기보다 정보의 중요도와 휴대폰에서 읽는 순서를 기준으로 구성합니다.

고객이 찾는 서비스, 가격과 문의 방법을 쉽게 고를 수 있는 이름으로 메뉴를 만드세요. 회사 조직도나 어려운 기술명만 보여주기보다 방문자의 질문을 기준으로 묶는 것이 좋습니다. 휴대폰에서 메뉴를 열고 원하는 페이지로 갈 수 있는지도 확인합니다.

궁금한 질문을 선택해 실제 안내와 제작 범위를 확인하세요.