사용자 인터페이스 생성 및 사용자 경험 최적화 팁

Question

현재 사용자 상호 작용이 많은 프로젝트에서 작업 중입니다. 사람들이 특정 물품과 서비스를 구입할 수있는 상업적 측면도 있습니다.

제 생각에는 사용자 인터페이스, 속도 및 보안이 잘 조화 된 것은 이러한 유형의 웹 사이트에 필수적입니다. jQuery와 같은 라이브러리가 많기 때문에 요즘에는 거의 모든 것을하기 위해 아약스와 자바 스크립트를 사용하는 것이 꽤 쉽습니다. 하지만 성능 및 비 호환성 문제가있을 수 있습니다. 이로 인해 사용자는 다음 웹 사이트로 이동할 수 있습니다.

웹 사이트의 전반적인 모양도 중요합니다. 특정 버튼을 배치 할 위치, 자주 묻는 질문 및 지원과 같은 특정 유형의 기사 배치 위치 오류 메시지를 표시하는 위치 및 방법. 사용자가 오류 메시지를 볼 수 있지만 방해하지는 않습니다. 그리고 전반적인 색 구성표도 중요합니다.

기본적인 질문은 : 어떻게 당신의 서비스

나는 심리학은 또한 사용자가 웹 사이트와 상호 작용하는 방식에 큰 역할을 알고/구입하여 사용을 트리거 인터페이스를 만들 수 있습니다. 예를 들어 색 구성표가 중요합니다. 색상이 웹 사이트에서 자극적 일 때 클릭 만하면됩니다. 나는 그 개념을 설명하는 기사를 찾지 못했습니다.

누구나 귀하의 웹 사이트에 올바른 선택을하는 데 도움이되는 몇 가지 도움말을 얻을 수있는 조언이나 조언이 있습니까?

Answer 1

읽기 스티브 크루그의 책 : 몇 가지 표준 UI 디자인 원칙에 Don't Make Me Think: A Common Sense Approach to Web Usability

Answer 2

조언 IMHO의 가장 좋은 부분 :

당신은 개발자 아닌 디자이너 있습니다. 당신이 아니기 때문에 디자이너가 되려고하지 마십시오.

Answer 3

준수하십시오 :

1. 구조 원리 : 귀하의 디자인 의미에서, 의도적으로 사용자 인터페이스 를 구성해야하며, 명백한 일관된 모델을 기반으로 유용한 방법은 이며 사용자가 인식 할 수 있습니다. 관련 항목을 함께 넣고 관련없는 것들을 분리, 다른 것들을 차별화 및 유사한 것들을 유사합니다. 구조 원칙 은 전체 사용자 인터페이스 아키텍처와 관련이 있습니다.
2. 단순 원리 : 귀하의 디자인은 사용자 자신의 언어로 명확하고 간단하게 를 전달하고, 의미 이상 절차와 관련있는 좋은 바로 가기를 제공 할 일반적인 작업이 간단하고 단순해야한다.
3. 가시성 원리 : 외부 또는 중복 정보로 사용자를 산만하지 않고 볼 수 주어진 작업에 필요한 모든 옵션과 자료를 보관해야합니다 귀하의 디자인. 좋은 디자인을 사용하면 수가 너무 많아서 대안이 너무 많아 사용자를 혼란스럽게하거나 불필요한 정보 인 과 혼동하지 않습니다.
4. 피드백 원리
: 귀하의 디자인 이 행동이나 해석에 대한 정보를 사용자가 유지 상태 또는 조건의 을 변경해야하고 오류 또는 관련성있는 명확하고 간결 통해 사용자에게 관심의 예외 사용자가 익숙한 모호하지 않은 언어
5. 허용 오차 원리 : 당신의 디자인 은 다양한 입력 및 시퀀스를 견뎌도 오류를 방지하면서, 실행 취소 및 다시 실행을 허용하여 실수의 비용과 오용을 감소 가능한 하여, 유연하고 관대해야하고 합리적으로 합리적인 행동을 모두 해석하여.
6. 재사용 원리
: 귀하의 디자인 따라서 재고하고 기억하는 사용자에 대한 필요성 을 줄이고, 내부 및 외부 구성 요소와 행동, 목적 보다는 단순히 임의의 일관성 유지 일관성을 재사용한다.

시도는, 공부를 성공적으로 달성하고자하는 목표를 달성 웹 사이트 또는 웹 응용 프로그램을 찾기 위해 자신의 UI의 공통 매개 변수를 자신의 사이트에 사용자를 종사 & 패턴을 찾아보십시오. 난 항상 amazon 믿을

는 관련 권고, what other people are looking 유형 권장 사항, 권장 사항 people who bought this also bought this 종류를 표시하여 웹 사이트에 종사하는 사용자를 유지에 매우 좋다.

또 다른 좋은 읽기 : 전자 상거래 웹 사이트의 UI 설계 고려 사항에 또한 What should a developer know about interface design usability and user psychology

, Good Read.

Answer 4

UI 디자인과 관련하여 실제 비주얼 디자이너가 색상 사용에 대한 지침을 제공하고 UxD가 이러한 영역의 전문 지식을 기반으로 레이아웃 및 흐름을 파악할 수있는 것이 이상적입니다. 페이지를 디자인하고 직접 비주얼을 생성한다면, 반복 검색은 디자인을 알리고 이러한 아이템이 사용자 및 전반적인 경험에 미치는 영향에 대한 통찰력을 제공하는 가장 좋은 방법입니다.

읽을 수있는 책이 많으며 따라 할 수있는 "지침"이 있지만 (초기 설계 단계에서 사용해야 함) 책 실제 학습을 대체 할 수는 없습니다.

사이트/app/service/etc의 기능적 프로토 타입을 작성하십시오. 사용성 및 가치를 측정하기 위해 실제 사용자 앞에서 가져와야합니다.이는 임시 형식 (공식 사용성 테스트와 비교)으로 수행되어야하며 프로토 타입은 필요에 따라 연기와 거울로 구성되어야합니다. 즉, 클릭 가능한 컴포지션 또는 주로 테스트중인 플로 만있는 이미지가 있어야합니다.

일단 프로토 타입을 어느 정도 가지고 있다면, ppl이되는 경향이있는 곳 (그리고 필요한 경우 i-net 액세스가있는 곳)으로 가져 가십시오. 나는 Starbucks가 이것을 위해 아주 좋음을 알았다. 어떤 사람들을 잡아서 10 분 정도의 시간을 할애 할 수 있는지 물어보십시오. 많은 사람들이 기꺼이 참여할 것입니다. 이 사람들에게 간단한/특정 시나리오를 제공하여 프로토 타입을 작성하고보고 배우십시오.

소프트웨어를 사용하는 실제 상황에있는 사람들은 결함을 빨리 발견하고 책이나 가이드 라인에서 수집 할 수있는 것보다 더 많은 것을 배우게됩니다. 테스트 할 때마다 디자인 및 조정 항목을 반복 할 것입니다.

몇 주 동안 테스트 해 보면 완벽한 디자인을 매우 빨리 발견 할 수 있습니다. 일단 ppl이 가치를 발견하고 사용할 수 있다면, 그것을 얻을 수 있습니다. 그러나 테스트가 끝나면 안됩니다. 일단 라이브가되면 분석 및 사용자 동작을 면밀히 주시하면서 A/B 및 다중 변형 테스트를 통해 계속 테스트하고 조정해야합니다.

연속 검색 테스트를 통해 지속적으로 조정, 테스트 및 학습하고 궁극적으로 가능한 최상의 솔루션을 만들 수 있습니다.