웹사이트의 상호 작용 디자인의 초기 경험

Absrtact: 9 월 초에 나 Sina Weibo UDC 부서 인터랙티브 디자인 게시물 인턴쉽에 왔다. 공부 시간 거의 4 개월 동안, 나는 인터랙티브 디자인 산업의 이해, 디자이너의 특정 책임의 상호 작용을 인식 깊은 있다. 그 많은 지식 이전에 받은

9 월 초에 나 Sina Weibo UDC 학과 인터랙티브 디자인 위치 인턴쉽에 왔다. 공부 시간 거의 4 개월 동안, 나는 인터랙티브 디자인 산업의 이해, 디자이너의 특정 책임의 상호 작용을 인식 깊은 있다. 이전에 받은 지식의 대부분도 서 또는 웹 문서에서 나온, 그 동안 학교 프로젝트에 참여 하는 기회는 많이, 따라서, 인턴쉽의 일부 요약 했: 한편으로, 자신, 미래에 진행의 작품을 자극 하는 희망; 다른 한편으로, 학생 들 그냥 빠른, 작동 적응할 인터랙티브 디자인 업계를 입력 했습니다 수 있도록 노력 하겠습니다 인터랙티브 디자인에 대해 자세히 알아보세요.

개인적으로, 방금 입력 한 인터랙티브 디자인 산업 디자이너에 대 한 작업 및 학습 과정에서 효과적인 방법은 다음 네 부분으로 나눌 수 있습니다.

부품 하나: 당신의 자신의 제품을 알으십시오

과정, 상호 작용 디자인 작업 위치가 어떻게 그리고 어떤 역할을, 그리고 어떻게 시작, 결말, 단계 사이는 포함 하는 프로젝트의 세부 정보는 제품을 이해 시작 합니다. 당신은 당신의 제품을 어떻게 압니까?이 작업을 수행 하는 방법은 여러 가지가:

1. 다중 정체성, 여러 역할 사용 제품

마이크로, 같은 데모 마이크로 바, 초보자 얻을 지도 가장 기본적인, 하지만 또한 가장 포괄적인 제품을 사용 하 여 사용자 id의 3-6 개월의 계정 등록 시간, 지도 및 카피 라이팅 팁 차이의 힌트 레이어를 운영 하는 권리를 포함 하는 초보자와 차이에 더 분명 하다 바 인과 운영 팁 및 일반 사용자의 전문가 id 안내 고 내용과 형태에 힌트는 다른, 다양 한 역할을 사용 하 여 동일한 제품을 사용 하 여, 신속 하 게 제품을 이해 하는 데 도움이.

2. 소 면 제품 논리, 이해 제품 구조, 제품 내부 논리의 거시적인 이해 및 제품과 제품 사이의 관계

성숙한 제품 콘텐츠는 많은, 부자는, 새로운 사용자가 쉽게 사용, 격리 이해 단일 페이지 구조와 구성 요소 세부 제품 전체, 철저 한 숙고에 부족. 완전 한 카드 제품 구조는 우리에 게 유리한 최적화 계획을 제안 하는 제품 준비 전반적인 이해와 권력.

마이크로 블로그 도움말 센터 제품 구조 빗

제품 있도록 Weibo에 문의할 때는 나 도움말 센터 제품의 사이트 구조와 제품 논리 빗질 하 고 심문의 서비스 마법사-페이지 계층의 중요성 "서비스 가이드 제품 콘텐츠 덜 간단한 구조를가지고 제품의 수준을 줄이기 위해 고려 될 수 있다", 아마도 반드시 정확한 이 예제에서는 또한만 제품의 구조를 빗질 하 여 초보자는 신속 하 게 제품 논리, 거시적인 보이는 복잡 한 제품의 이해를 파악 할 수 보여줍니다.

3입니다. 경험 부족의 요약

인터넷 제품의 특징 중 하나는 급속 한 반복, 제품 라인의 각 단계는 더 많거나 적은 의사 결정 때문에, 시간 및 거기 다른 이유는 경험의 부족. 위의 두 단계 후 정확 하 게 제품 경험 부족을 찾을 수 확인, 뿐만 아니라 일부의 질문, 이해의 부족을 피하기 위해 페이지 질문의 참여에 제품 자체의 더 나은 이해 하는 것이 왔습니다. 또한, 문제를 확인 하는 라인에 제품 해당 대화형 디자인 원칙을 따라야 한다: 일관성, 단순성, 유창, 시기 적절 한 피드백. 예를 들어 "체험 일관성"을가지고: 제품의 좋은 일관성 학습의 비용을 줄일 수 있으며 사용자의 좋은 습관을 배양. 한편으로, 성능 제품의 내부 경험와 일치 하는, 시스템의 구성 요소 폼 일치는 다른 구성 요소와 형태, 제품과 사용자, 다른 한편으로, 성능 간의 트러스트를 설정 제품과 제품 사이의 일치, 많은 독립적인 시스템에 일관 된 경험을 확장, 일반적인 디자인 표준을 따른다, 사용자 불편을 방지 또는 익숙하지 않은.

위의 3 포인트를 통해 보다 원활 하 게 최적화 된 지점을 찾기 위해 제품 포지셔닝 및 프레임 워크 논리를 이해 하 고 제품 경험을 완료 수 있습니다. 여 제대로 요약 하 고 요약, 우리 또한 구성할 수 제품의 두 개의 반복을 준비 하는 완전 한 경험 보고서.

부 II: 의사 소통에 더 많은 참여에 대 한 필요

수요에 대 한 요청 하는 제품 관리자와는 달리 대화형 디자이너는 사용, 유창, 및 제품의 경험을 운영의 용이성과 우려. 요구 사항 문서에서 제품 측면은 제품 사용자 경험을 향상 시키기 위해 매크로 관점에서 더 많은 세부 사항에서 인터랙티브 디자이너, 제품 디자인의 개념에 가깝다. 두 개의 다른 시작 포인트는 제품 관리자와 상호 작용 디자이너 더 나은 협력, 친절 한 통신 수 정확 하 게 번역 제품 전략 뒤에 작업에 대 한 정확한 참조를 제공 하기 위해, 프로토 타입 제품으로 결정 합니다. 따라서, 통신에 대 한 필요성은 필요한 기술, 인터랙티브 디자이너를 통신 요구에서 초보자는 다음 사항에 주의 기울여야 한다:

1. 적극적으로 의사 소통 및 토론의 프로젝트 (그들의 자신에 관련 된) 요구에 참여 합니다. 인턴, 직장에서 통신 요구를 이해로 시작 하 고 프로토 타입 및 영상 솔루션의 반복된 수정을 방지 하 고 작업 부하를 증가 요구의 제품 관리자의 이해와 일관성을 보장 해야 합니다.

2. 거기에 판단 되어야 합니다. 필요는 필요의 그들의 자신의 전문적인 이해 뿐만 아니라 아이디어를 명확 하 게 제품 매니저를 위해, 뿐만 아니라 다른 역할 시나리오, 그리고 정확 하 게 정보 구조와 작업 흐름을 빗. 예를 들어 제품 전략이 나 마케팅 솔루션에 대 한 수요가 사용자 경험과 충돌 때 디자이너는 더 나은 디자인 계획을 제안 하.

3. 각 통신 효과적이 고 실현 가능 해야 합니다. 수요 통신 및 솔루션 통신, 의견의 분기는 수요의 진짜 목적은 이해 하 고 통신 수요와 사용자 경험의 문제의 본질을 파악 하 고, 마지막으로 해당 솔루션을 제공 하는 양쪽 모두 적절 한 시기에 해결 되어야 합니다.

파트 3: 줄의 "완전 한" 디자인 계획

왜 "무결성", 앞으로 넣어 하지 않았다 이유 "우수한" 우수한 대화형 디자인의 출력은 긴 과정 때문에, 그것은 우리 끊임없이 디자인 이론, 우수한 디자인의 경우 지속적인 접촉을 축적 하 고 지속적으로 실제 프로젝트에 참여 기본적인 욕구를 완료를 요구 한다. 새로운 인턴으로 완벽 한 계획 디자인, 앞으로 우수한 디자인 계획의 기초, 배양 좋은 습관, 노력 두 번의 효과가지고 하는 것입니다.

1. 시작점의 요구를 해결 하기 위해 디자인

인터랙티브 디자인의 수요를 수신 하 고 계획 후에 초심자로 서 추가 그들의 자신의 해결책, 특히 때 경쟁 업체는 하지 아직 흥분 할 설계 요구를 해결 하기 위해 뿐만 아니라 자체를 요구 하는 수요의 특성을 무시에 대 한 기능 수 가져 불필요 한 성가신 작업을 다른 사람에 게 전자 레인지를 판매 다른 사람들이 구매를 원하는 실제로 뜨거운 찐된 롤빵입니다. 또한, 거기는 항상 현상-제품에 좋은 특징은 당신이 생각 하 고 그것은 나쁜 사용자 경험을 수 있습니다.

2. 올바르게 대화형 문서 사양 작성의 좋은 습관을 개발

완전 한 대화형 문서 포함 되어야 합니다: 문서, 문서, 프레 젠 테이 션 및 문서의 납품의 내용을의 이름. 문서의 내용을 주로 포함: 기록, 사이트 맵, 핵심 작업 흐름, 와이어 프레임 및 설명 복사, 대화형 사양 5 부품 업데이트. 인터랙티브 문서의 정확한 글 디자인에 대해 생각 하는 우리의 기능을 강화, 필요를 용이 하 게 신속 하 게 프로토 타입을 이해 하 고, 토론에 참여 하는 측면 및 보기 프로젝트 진행 및 최종 출력 결과를 다른 사람을 용이 하 게 한다.

대화형 문서 사양

3. 세부 사항에 주의 주로 세부 사항 및 와이어 프레임 수준 세부 정보를 그림의 상호 작용 수준으로 말합니다.

예를 들어 상호 작용 수준에 놓으면 마우스 호버 상태의 텍스트, 다양 한 다양 한 상태와 적절 한 현장 일치 여부 큐 배경 마스크 형 포탄, 또는 거품 타입 알림 레이어를 사용 하는, 버튼의 복사, 취소 또는 마우스의 끝으로 정지 표시, 피드백의 효과 여부 그것은 클릭 해야 하 고, 무게가 될 필요가 있는 대화형 세부 사항입니다. 온라인 블록 다이어그램 수준, 줄 간격은 얼마나 큰 크기 통합, 보조 링크 색상은 명확 하 게 사이 고유 모듈 간격 합리적인, 테두리 색상 깊이, 테두리 두께 등은, 디자이너의 논리적 사고 엄격한 장소에서 구현. 그것은 세부 사항에 주의의 좋은 습관의 형성은 대화형 기술의 승진을 위한 기초 이다 볼 수 어렵지 않다!

단추 호버 상태

4. 통합된 경험 유지

우리 우리 일반적으로 온라인 제품 경험, 그들의 제품의 초기 이해 등의 일관성에 주목 해야 하는 요구의 설계에, 같은 브랜드 제품 차별화의 경험에서 이기종의 발생을 피하기 위해 효과적인 제어 되어야 합니다. 물론, 단지에 대 한 수요가 기존 제품을 최적화 하지는, 새로운 기능 등 제품 디자인 전략을 조정 하 고 다음 결합 혁신에 대 한 수요, 우리는 또한 같은 디자인 프로세스 구성 요소 스타일과 기존 제품 체험 일관성에 관심을 지불할 필요가: 힌트 레이어, 버튼 형태, 오른쪽 모듈 스타일, 등 일관성을 유지 하려고 한다.

물론, 능력 향상을 디자인, 우리가 생각할 수 있는 통해 그들의 자신의 가장 적당 하 고, 생성 하는 적절 한, 가장 효율적인 방법을 완료, 또는 우수한 디자인 솔루션.

부 IV: 제품 수요의 몇 가지 측면에 따라

제품 요구의 어떤 부분을 따라 제품 관리자와 협력 하 게 된 상호 작용 디자이너, 필요: 디자이너 수 사전 질문, 요구 사항, 설계 단계에서; 합리적인 리 모델링에 대 한 필요, 요구의 입력된 단계에서 디자이너 사용자의 특성 및 수요의 확인 단계에서 동작의 사용을 이해 하는 사용자와 일할 수 디자인 계획을 수정 하거나 다른 기능 디자이너, 통신 및 디자인을 따라 하 고, 비전, 프런트 엔드, 구조 엔지니어와 기술 통신 유지 하 고, 솔루션 가능 하 고, 확인 하 고 또한 계획 실제로 복원 되도록 계획 최상의 사용 경험에는 다는 것을 확인 하는 상호 작용 디자이너 필요, 또한, 제품 후 완성 됩니다 온라인, 디자이너는 또한 온라인 제품 테스트, 다음 반복에 대 한 준비에 참여 해야...

결론

인턴쉽 시간 오래 되지 않습니다, 그리고 그들의 인턴십을 통해 일부 본론만, 이러한 콘텐츠를 표현 하는 과정에서의 생각, 더 나은 억제, 가이드 그들의 자신의 디자인, 하지만 또한 더 실용적인 문제를 해결 하기 위해 완전 한, 우수한 프로그램을 만들기 위해 미래를 기대 수 있도록 노력 하겠습니다.