막 입사한 학우들에게는 표준 인터랙티브 프로토타입 디자인에 어떤 내용이 포함되어 있는지 자주 물어본다. 오늘 저는 표준 상호 작용 설계 원형에 포함된 내용을 당신과 공유하겠습니다.
첫 번째는 변경 로그, 버전 설명 및 정보 구조를 포함한 간단한 설명과 정보 구조입니다. 변경 로그는 요구 사항 문서와 동일합니다. 한 번에 원형 설계를 할 수는 없습니다. 일반적으로 소통 심사를 거친 후 약간의 조정을 하고, 업데이트 일기를 작성하여 프로젝트 멤버가 매번 업데이트된 내용을 볼 수 있도록 하여 생산성을 높일 수 있다.
버전 설명은 업데이트 일기와 유사합니다. 단, 업데이트 로그는 일 단위이고 버전 설명은 버전 번호 단위이며 반복 속도가 빠르고 반복 주기가 고정된 항목에 적합합니다.
정보 구조는 제품 내용, 즉 안에 무엇이 있는지, 어떻게 구성되어 있는지. 페이지 계층은 어떻게 분포되어 있습니까? 정보 구조를 통해 제품 구성원은 제품의 내용, 기능, 구조 등 중요한 정보를 빠르게 탐색하여 전체 보기를 수행할 수 있습니다.
두 번째는 작업 흐름과 페이지 흐름입니다. 작업 플로우는 사용자가 제품을 사용할 때 각 단계에서 어떤 결과가 발생하는지, 시스템이 어떻게 피드백하는지 말합니다.
페이지 플로우가 작업 플로우차트보다 더 선명합니다. 페이지 순서도를 통해 특정 페이지뿐만 아니라 사용자가 어떻게 작동하는지, 한 페이지에서 다른 페이지로 이동하는 전체 프로세스를 볼 수 있습니다.
셋째, 정적 페이지 스타일과 동적 조작 과정을 모두 포함하는 와이어프레임 및 대화식 설명의 원형입니다. 와이어프레임은 정적 부분을 나타내고 대화식 해석은 동적 부분을 나타냅니다.
상호 작용 설명은 원형에서 없어서는 안 될 내용이며 논리가 엄격하다. 자세한 상호 작용 설명을 통해 프로토타입을 좀 더 전문적으로 보이게 할 수 있습니다. 예를 들어, 문자가 너무 많을 때 힌트를 어떻게 표시할 수 있습니까? 페이지의 한 부분을 클릭하면 어떤 피드백이 나타납니까? 그런 다음 자세한 디자인과 설명이 필요한 페이지로 이동합니다.
이것은 완전한 상호 작용 원형에 포함되어야 할 세 가지 핵심 내용이다. 너는 배웠니? 유용하다고 생각되면, 왜 작은 심장을 수집하지 않습니까? 좋아!