현재 위치 - 회사기업대전 - 전세 계약 - 웹 디자인의 안내 페이지는 어떻게 합니까?

웹 디자인의 안내 페이지는 어떻게 합니까?

가이드 페이지를 디자인하는 방법:

1. 부트 페이지 유형 이해, 부트 유형 정리.

부팅 전 페이지: 적용 후 주 기능이 적용되기 전에 일련의 그림이나 애니메이션 효과를 시작하여 몇 초 동안 있다가 사라집니다. 사용자가 모바일 제품을 처음 사용할 때 제품 유형, 기능 및 특정 작업을 신속하게 이해하는 데 필요한 도움을 제공합니다.

절차 지침: 사용자가 제품을 사용하는 동안 일련의 도움말 내용을 제공합니다. 빈 페이지의 내용 안내, 로드 등의 상태 안내, 분할 부담의 단계별 안내, 기본값을 교묘하게 설정하는 기능 안내, tips 부트, 부동 부트, 마스크 초점 안내, 트리거 부트, 작업 리허설 부트 등이 주요 방법입니다.

웹 디자인의 안내 페이지는 어떻게 합니까? 우리는 주로 사전 안내에 대해 이야기하기 때문에, 여기 두 가지 예가 있습니다.

A. 예를 들어 페이스북은 위치 안내를 열었지만 사용자가 현재 위치를 보내야 할 때 앱은 팝업 그림의 안내양식을 통해 사용자에게 위치를 여는 역할을 알려주며, 사용자는 기꺼이 이 사용 장면에서 위치를 열어 열린 위치의 전환률을 높일 수 있습니다. 이 안내가 그의 경험에 영향을 준다고 생각하지 않습니다.

B. 예를 들어 구글 검색에서 사용자가 끌면 맨 위 상태 표시줄이 따뜻한 힌트로 바뀌는데, 이는 사용자를 방해하는 것이 아니라 도움이 될 수 있으며, 사용자는 매우 친밀함을 느낄 수 있다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 스포츠명언)

가이드 페이지의 문제를 이해하고 잘못된 방향을 피하십시오.

방문자의 심미 피로에 따라 자주 가는 안내페이지는 이미 신선함과 안내페이지에 대한 호감을 잃었다. 실효성이 없는 내용이 너무 많기 때문에 눈속임으로 보여지는데, 이 눈속임은 충분한 중시를 불러일으키지 않는다. (알버트 아인슈타인, 지식명언) 대부분의 경우 반대의 효과가 있습니다.

결국 첫 페이지는 배수 창구로서의 중요성이 분명하다. 방문자는 마법사 페이지를 배치하기 전에 주 페이지의 시작을 기다려야 합니다. 큰 부트 페이지이거나 부트 페이지의 "건너뛰기" 버튼이 명확하지 않은 경우 일부 방문자의 손실이 발생할 수 있습니다. 앞서 언급했듯이, 기술적인 이유로 인한 액세스 지연으로 인해 안내 페이지는 사용자의 감정을 완화시킬 수 있습니다. 안내페이지의 부적절한 사용으로 인한 방문객 유출이라면 안내페이지에 나쁜 일이다.

3. 콘텐츠 제어 및 안내

심리학에서 발견된 7 2 효과에 따르면 한 사람의 단시간 기억은 최소 5 단어, 최대 9 단어, 즉 7 2 단어를 회상할 수 있다. 따라서 표시된 문안은 9 자 이내로 조절해야 하며, 이후 사용자들은 쉽게 잊어버리고 기억 편차가 발생합니다. 표현하기 어렵다면, 작은 설명이나 보충을 보조할 수 있다. 따라서 최종 문건의 확정에서 요점을 강조하고 가능한 한 불필요한 글자를 삭제해야 한다. 사본을 삭제한 후에도 단어 수가 너무 많은 경우 공백, 쉼표 또는 줄 바꿈을 통해 텍스트를 계층화하여 시각적으로 최적화하는 것이 좋습니다.

정확하고 적절한 문안도 중요하며 전문 용어를 사용자가 이해할 수 있는 언어로 바꾸는 것도 중요하다. 특히 사진을 통해 주제를 표현하는 안내 페이지 디자인의 경우 문안과 사진의 일치도가 감정 교류의 효과에 직접적인 영향을 미친다.

안내 페이지는 단색으로 간결하고 직접적이며 가능한 주 인터페이스 구조와 일치하여 사용자가 빠르게 느낄 수 있도록 하는 것이 좋습니다. 일부 도구 기반 응용 프로그램에서는 단일 화면 0.5 초가 마법사 페이지를 한 번 스크롤하고 눈을 감으면 지나간다.

응용 프로그램 기능이 주로 풍경 모드에서 수행되는 경우, 사용자가 핸드헬드 자세를 미리 전환하여 응용 프로그램 인터페이스로 빠르게 들어가도록 안내페이지를 풍경 모드로 렌더링하는 것이 좋습니다.

4. 사용자 지향 사양, 자신의 특성에 맞는 제품을 만듭니다.

각 모바일 어플리케이션에는 사용자 설명서 사양을 개발할 때 고유한 사용자 설명서 사양 세트가 있습니다.

사용 설명서에 대한 설명은 다른 형식으로 지정할 수 있습니다. 하나는 사용자 부팅 스타일의 관점에서 제품과 관련된 다양한 사용자 부팅 스타일을 나열하고 각 부팅 스타일의 적용 범위, 트리거 메커니즘 및 제거 메커니즘을 설명하는 것입니다. 이런 형식의 장점은 각종 안내 스타일이 명확하고 명료하다는 것이다. 또 다른 형태는 제품 기능의 관점에서 나온 것이다. 제품의 각 기능의 중요성과 우선 순위가 다르기 때문에 해당 강조 수준도 다르므로 사용자 안내 스타일을 강한, 중간, 약한 세 가지 범주로 나눕니다. 제품의 주요 기능에는 높은 우선 순위의 강력한 부팅 스타일을 사용하고, 보조 기능에는 우선 순위가 낮은 중간 부팅 스타일을 사용하고, 액세스 가능성에는 우선 순위가 가장 낮은 약한 부팅 스타일을 사용합니다. 동시에 강함, 중, 약한 세 가지 범주 중 몇 가지 안내 스타일이 있습니다. 이러한 형식의 장점은 제품의 관점에서 기능 중요도의 우선 순위에 따라 적절한 안내 스타일을 빠르고 쉽게 선택할 수 있다는 것입니다.

5. 장면 시뮬레이션은 사용자 안내의 효율성을 보장하고 간섭을 줄이며 사용자 경험을 향상시킵니다.

사용자는 제품을 사용할 때 어느 정도 사용 시나리오를 가지고 있다. 사용자의 사용 시나리오에 따라 응답을 트리거하는 사용자 안내. 사용과정에서 사용자 안내를 팝업하는 것은 사용자에게 예상치 못한 일이며, 사용자가 예상하지 못한 일이기 때문에 사용자가 사용하는 유창함을 방해할 수 있습니다. 어느 정도 공황감과 실수감을 느끼게 함으로써 사용자가 필요로 할 때 팝업이 사용자 경험에 가장 적합하고 사용자가 가장 받아들일 수 있는 시기라는 것을 보장할 수 있다. (윌리엄 셰익스피어, 윈프리, 희망명언) (윌리엄 셰익스피어, 오페라, 희망명언) (윌리엄 셰익스피어, 오페라, 희망명언) 이런 출현은 특히 갑작스럽지 않고, 사용자를 어찌할 바를 모르게 하지 않으며, 응답 장면에서도 사용자를 도울 수 있다.

6. 모든 유형의 APP 에서 가이드 페이지에 대한 참조를 피하십시오.

(정보 클래스 응용 프로그램은 콘텐츠 중심의 장소입니다. 특히 정보 콘텐츠 응용 프로그램과 검색 클래스 응용 프로그램과 같은 효율성 중심의 도구 클래스 응용 프로그램으로 가득 차 있습니다. 사용자에게 더 빠르고 자세한 방식으로 정보를 제공하기 위해 끊임없이 정보를 추구합니다. 따라서 RSS, AJAX 기술을 기반으로 한 페이지 레이아웃이 있습니다. 사용자의 효율적인 정보 접근을 방해하는 모든 세부 사항은 사용자의 손실을 초래할 수 있으며, 안내 페이지는 1 위 킬러입니다.

7. 시각적 초점

별도의 가이드 페이지에는 너무 많은 정보가 있어서는 안 되며, 한 가지 목적만 설명하면 모든 요소가 이 목적을 중심으로 전개됩니다. 시각적 초점은 두 부분으로 구성됩니다. 첫째, 문안의 처리는 수준에주의를 기울여야하며, 주요 제목과 부제는 비교되어야한다. 둘째, 가이드 페이지의 인터페이스, 장면, 카피 요소는 시각적인 초점이 있어야 합니다. 여러 시각적 요소의 레이아웃은 중심 확산 방법을 사용하며 초점의 시각적 영역이 가장 크며 분산 요소와 비교됩니다. 이를 통해 사용자는 핵심 카피 라이팅 정보 및 카피 라이팅에 해당하는 시각적 표현 요소를 명확하게 볼 수 있습니다. 시선의 흐름 법칙과 함께 위에서 아래로, 왼쪽에서 오른쪽으로, 큰 것부터 작은 것까지. 그래서 이런 시선이 흐르는 법칙에 따라 안내페이지를 디자인할 수 있다.

9. 특색을 만들고 경품과의 차별화를 강조하는 데 중점을 둡니다.

이전 표정의 분류는 이미 애니메이션과 페이지 전환에 대해 이야기했다. 페이지 역학을 추가하면 동적 효과를 사용하여 확대, 축소, 팬, 스크롤, 튀기 등을 포함한 표현이 더욱 다양해져 가이드 페이지가 더욱 흥미롭고 초점이 맞춰집니다.

copyright 2024회사기업대전