사이트를 사용자 경험: 전체 세부 사항에 대 한 인터랙티브 디자인 계획

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

초기 2012 년 계획, 기초의 사용자 관점을 제공 하는 제품의 전반적인 디자인 포괄적인 사용자 경험에 대 한 회사 "깊이 일치" 제품에 대 한 책임 있었습니다. 프로세스 PD 학생 및 사업 팀에서 몇 가지 좋은 피드백을 받았다. 여기 디자인 유도 과정을 당신과 함께 공유 하.

인터랙티브 디자인에 새로운 디자이너, 디자인을 생각의 특정 인터페이스 계층에 직접 쉽게 그리고 초기 파생의 전체 과정은 매우 쉽게 무시,이 경우 부품의 초기 파생에 초점을 것입니다.

세련미를 기반으로 하는 방법론

먼저 출시 디자인 프로세스 하자 생각의 완전 한 흐름의 디자인에서 전체 디자인 계획 프로세스의 경우는 또한 확장 하는 프로세스의 단계에,이 글의 범위는 주로 페이지의이 부분의 개념을 정의 하.

위의 다이어그램은 우리의 전체 변환 프로세스는 항상 요소 개념에서 제품을 포함, 목적과 강조의 다른 단계는 동일 하, 및 변환 노드의 각 단계는 되도록 처음부터 진정한 변환할 필요성의 끝에 실제 진짜 선 협회에 따라 볼 수 있습니다.

이 보기에서 전체 디자인 프로세스 (증폭 초점) 구체화 되어야 사용자의 소스 필요에 따라 프로세스의 지속적인 확대입니다. 우리의 디자인 목표를 충족 하는지 확인 하는 때 우리 또한 지속적으로 축소 하 고 보다 전체적인 관점에서 봐 필요 합니다.

다음 우리는 설계 과정에서 보고 시작 합니다.

글로벌

좋아, 먼저 보자 무엇 사용자 요구의 기본 개념은 대외 무역에서 사용자의 주요 행동?

다음 그림을 볼 수 있습니다, 그리고 구매자와 판매인은 처음 의도, 그리고 구매자의 순서를 도달 하는 상품을 얻을, 판매자 지불, 대외 무역, 우리의 웹사이트 서비스의 전체 과정에도이 모델은 출시 기반을.

확대 하자.

"깊이 일치" 무엇을 의미 합니까? 우리 목표 정의: 의도, 단순히 서비스 설정의 순서를 도달 하는 구매자를 촉진 하기 위하여. 이것은 상인의 외국 무역 동작에서 첫 번째 링크입니다.

우리가 우리의 사용자 목표와 제품 목표는 분명 때 무엇을 해야 합니까?

확대를 계속 하자.

몇 가지 근거를 제공 하는 대외 무역 전문가의 숫자에 따라, 우리는 해당 제품 사용자 동작 개념 모델을 설정 하는 사용자의 행동에 대외 무역 과정에서 프로세스, 주요 경로 통해 사용자 작업 목표는 매우 명확 하 고, 대화형 디자인 후속 기본 골격으로 시작.

확대를 계속 합니다.

순수한 사용자 행동 관점 그리고 다음 약간 수정, 제품 사용자 동작 순서도, 추상 정보 구조 변환 그의 이미지에 해당. 예를 들어 위의 인용문은 그냥 정보 흐름 구매자와 실제 사이트 동작을 나타내기 위해 화살표, 견적 보러 주도권을 구매자를 필요 합니다. 그래서 동작 웹사이트 표준 동작 용어 "보기"로 구성 됩니다. 전체적으로 우리는 다른 사용자의 목표, 행동, 결과 정보는 상관 관계와 흐름을 관찰할 수 있다.

위의 그래프는 명확 하 게 제품에서 사용자 동작 논리를 설명 하지만 디자인에 대 한 요구 사항은 특정.

확대를 계속 해야 합니다.

아래와 같이 페이지 건축 관계 사용자 스토리를 기반으로 이러한 구조적된 정보 번역. 참고: 어떤 이유로, 우리는 숨겨짐 그림에 이름

위의 다이어그램에서 이전에 비해, 구조화 된 행동 및 정보 다른 페이지를 로드, 수행으로 변모 했다 하 고 논리적 관계 남아 변경 되지 않은 상태로, 앞으로 일관 된. (만 있기 때문에 사용자의 관리 요구 사항이 증가 관리 부분) 우리는 다른 사용자가 완전히 다른 시나리오 및 작업 페이지 및 정보 상호, 전체 프로세스 결국 대상 폐쇄 루프를 도달할 수 있다 볼 수 있습니다.

추 신:이 다이어그램에 따라, 우리가 사용자의 페이지 환경 다양 한 역할을 독립적으로 확장으로 나눌 수 있어야 볼 수 있습니다.

확대를 계속...

다음, 우리는 모든 페이지가 다음과 같이 요약 됩니다. 참고: 무엇 인가 이유로, 특정 페이지 이름을 숨겨져 있다 우리.

그 화살표 연락처 제거, 우리 혼자,이 페이지를 보면 매우 정기적으로, 매우 구조화 될 찾을 수 없습니다? 페이지 요구 사항은 매우 분명 (작업... 평가 될 수 있습니다 하 하), 다음과 같이

홈

양식

액션 팁

세부 정보 페이지

받은 편지함

목록

페이지 편집

이 기초에, 우리 사용자 지정할 각 페이지의 형태에 따라 통합된 프레임 워크 레이아웃 정보 및 기능 페이지 부하에 따라, 전체 상호 작용 디자인 되었습니다 기본적으로 확인 하는 다음. 물론, 특정 페이지에 자세한 디자인 있을 것입니다, 우리는 우리의 디자인 구성 요소에 따라 수와 반복 디자인 규칙을 완료, 여기 시작 되지 것입니다는

요약

이 과정에서 다시 찾고, 우리가 우리의 상호 작용 디자인 요구 사항, 어떤 각 구체화 프로세스 기반 이전 단계의 명확한 목표에 따라 일정 소스의 유래 확대는 발견할 것 이다. 이 방법은 주요 목표에서 이탈 하지 않는 체계적인 지원으로 모든 단계를 디자인 수 있습니다. 디자인 작업의 끝에, 우리는 반대로 최종 디자인 원래 디자인 목표와 일관성이 있는지 확인 하려면 유효성 검사 하는 방법 축소 합니다. (어린이 신발에서 확대/축소를 입증 하려는이 문서를 참조 하십시오이 반전에서...)

위의 얇은 파생 프로세스 경우 대략의 개인적인 디자인 방법에 따라, 새로운 제품, 오래 된 제품 최적화, 디자인 평가 과정의 디자인에 적용할 수 있는 몇 가지 도움말을가지고 싶습니다.

나와 함께 토론 하는 환영:

전자 메일: ruihang.tianrh@alibaba-inc.com

시 나 Weibo: Http://weibo.com/tianruihang 환영 주의