Published Oct 14, 2024

사용자 친화적인 양식



양식 디자인의 목표는 정확한 정보를 제공하면서 사용자가 양식을 빠르고 쉽게 작성하도록 돕는 것입니다. 이 섹션에서는 좋은 양식 환경을 만들기 위한 세 가지 주요 원칙에 초점을 맞춥니다.

  1. 미니멀리즘

  2. 논리적 구조

  3. 완성을 향한 명확한 경로

원칙 1: 미니멀리즘

양식은 내용이 적을수록 좋습니다. 우리의 뇌는 인지 과부하의 영향을 받으며 한번에 너무 많은 정보가 들어오면 잘 처리하지 못할 수도 있습니다. 우리는 컴퓨터와 달리 RAM이 없습니다. 양식을 단순하고 깔끔하게 유지하면 고객이 양식을 더 쉽게 작성할 수 있습니다.

질문의 최소화

꼭 필요한 사항만 물어보세요. 이게 정말 필요한지 확실하지 않은 경우 다음과 같이 자문해보세요.

  • 어떻게 사용되는 정보인가요?

  • 고객의 필요나 원하는 것과 정말로 연관되어 있나요?

  • 다른 곳에서 이미 이 정보를 찾을 수 있는 것은 아닌가요?

  • 조건 논리를 잘 조합하여 해당 질문이 꼭 필요한 사용자에게만 표시되도록 구성했나요?

단순한 언어로 표현

고객이 이해할 수 있는 언어로 간결한 질문 레이블 및 설명을 사용하세요. 예를 들어 일반을 대상으로 한다면 너무 어려운 기술적 세부사항은 피하세요.

과도한 디자인 피하기

색상 및 아이콘과 같은 시각적 추가 기능은 적절하게 사용하면 도움이 될 수 있지만 추가 사항이 너무 많으면 헷갈릴 수 있습니다. 색상을 사용하여 중요한 내용을 돋보이게 하되, 모든 것에 색상을 적용하면 아무것도 눈에 띄지 않습니다. 브랜딩 외에도 사용자에게 명확한 정보를 제공하는 데 도움이 되는 이미지만 포함하고, 빨간색 텍스트는 오류 및 유효성 검사 메시지에만 사용하세요.

선택적 질문은 선택사항으로

모든 질문에 '*필수'라고 표시된 긴 양식은 매우 불편합니다. 반드시 수집해야만 하는 정보가 아니라면 필수로 만들지 마세요.


원칙 2 - 논리적 구조

이제 양식에 포함할 내용을 정했으므로 양식을 배치할 차례입니다. 양식을 데이터베이스에 정보를 가져오는 방법이 아닌, 대화의 한 측면이라고 생각하세요. 멋진 대화 흐름을 만들면 양식을 훨씬 더 사용자 친화적으로 만들 수 있습니다.

질문을 섹션으로 그룹화

요청하는 내용을 사용자가 더 쉽게 이해할 수 있도록 질문을 검토하고 섹션으로 그룹화하세요. 각 섹션을 읽어보고 질문이 매끄럽게 흘러가며 논리적 순서로 그룹화되어 있는지 확인하세요.

소개 텍스트를 최소한으로 유지

사용자는 긴 텍스트를 읽지 않을 확률이 높으므로 각 질문에 답하고 각 섹션을 완료하기 위해 알아야 할 내용만 공유하세요. 섹션 수준 안내와 필드 수준 팁을 사용하여 적절한 곳에서 설명을 제공하세요.

이 규칙에는 한 가지 중요한 예외 사항이 있습니다. 필요한 것이 무엇인지, 자격 기준이 있는지 미리 알리는 것이 좋습니다. 잘 설계된 양식에는 이런 목적을 위해 처음에 “게이트웨이” 페이지 또는 안내 섹션이 포함되는 경우가 많습니다.

단일 열 레이아웃 선택

Jira Service Management의 유연한 양식 디자인에는 단일 및 다중 열 레이아웃을 만들 수 있습니다. 열을 나란히 배치하여 공간을 절약하고 싶을 수 있지만, 연구에 따르면 여러 열 양식은 사용자가 잘못 이해하기 쉽습니다.

프로 팁

동료에게 새 양식을 테스트하여 고객과 사용자가 레이아웃을 어떻게 인식하는지 파악하세요.


원칙 3 - 완성을 향한 명확한 경로 제공

사용자에게 각 양식의 끝에 도달하는 방법을 명확히 하기 위해, 다음과 같은 전략을 사용하여 완성을 향한 명확한 경로를 설명할 수 있습니다.

일관적인 스타일 사용

팀에서 다양한 양식을 게시하는 경우 형식, 질문 그룹화 및 양식의 전체 구조와 관련하여 일관적인 스타일을 사용하세요. 이렇게 하면 양식이 친숙하게 느껴지므로 사용자의 부담을 덜어줄 수 있습니다.

미리 알리기

사용자가 기억하기 힘든 정보가 필요한 경우 사용자에게 미리 알려주세요. 양식 작성을 멈추고 필요한 정보를 찾는 것은 사용자에게 성가신 일입니다. 또한 사용자가 프로세스를 완전히 포기할 수도 있습니다.

쉽게 훑어볼 수 있게 만들기

섹션 제목의 첫 글자를 대문자로 표시하여 주요 내용을 사용자에게 알릴 수 있으며 섹션 제목에 색상을 사용해볼 수도 있습니다. 섹션 제목에 관심을 집중시키면 사용자가 쉽게 훑어보고 어떤 종류의 질문이 예상되는지 알 수 있습니다.

세로 맞춤 사용

그리드에 꼭 사용해야 하는 정보(예: 예산)를 요청하거나 공간이 부족하지 않은 경우, 입력 필드를 세로 맞춤하세요. 이렇게 하면 양식의 끝까지 눈으로 쉽게 확인할 수 있습니다. 완성을 향한 경로는 실제 경로처럼 직선이면 어디로 향하는지 볼 수 있습니다.

완성을 향한 전체 경로를 보여줄 수 없는 경우(예: 조건 섹션을 사용하는 경우)에도 사용자가 최소한 현재 단계의 끝 부분은 알 수 있도록 양식을 디자인하세요.

 

 

 

 

 

 

 

 

 

 

 

 

 

Related content