컴퓨터 지식 네트워크 - 컴퓨터 사무실 - 바이두 홈페이지 디자인 컨셉

바이두 홈페이지 디자인 컨셉

바이두는 우리가 가장 많이 사용하는 검색엔진인데 왜 바이두 홈페이지는 어떤 컨셉으로 디자인되어 있을까요? 더 많은 내용을 보시려면 갓졸업생시험넷을 주목해주세요! /p>

1. 우리가 디자인하는 제품은 경험상 어떤 점에서 눈에 띄는가? 디자이너는 무엇을 생각하고, 어떻게 해야 합니까?

2. 어떻게 해야 할까요? 제품이 다중 단말기 경험에서 통일된 경험 효과를 유지합니까?

3. 다양한 수준에서 사용자 요구에 대한 통찰력을 얻고 이를 구체적이고 측정 가능한 표준으로 구체화 및 요약하여 보다 궁극적인 사용자 경험을 만드는 방법.

Baidu의 3단 홈페이지는 매일 수억 명의 사람들이 사용하고 있습니다. 디자인 팀으로서 지속적인 연습과 반성을 통해 우리는 우리 자신의 디자인 컨셉을 일부 공유합니다. 이러한 경험을 다음과 같은 사례를 통해 교사들의 업무사고를 위한 디자인 템플릿 및 참고자료로 활용하고자 합니다.

1. 여러 단말기에서 정확하고 통일된 디자인

스마트 기기의 인기와 탐색 방법의 다양화로 인해 Baidu 홈페이지도 여러 단말기의 도전에 직면해 있습니다. 줄타기를 하는 사람처럼 디자인 원칙이 부족하다면 모든 발걸음이 함정이 될 수 있습니다. 따라서 여러 단말기를 신속하게 개정하고 브랜드 일관성을 보장하는 과정에서 우리는 항상 통일된 디자인 소스, 통일된 레이아웃 방법, 통일된 시각적 그래픽이라는 원칙을 따랐습니다.

통합된 디자인 소스를 사용하면 여러 단말기가 일관된 경험을 가질 수 있습니다. 황금분할은 가장 일반적이고 미적으로도 가장 만족스러운 부분입니다. 친숙한 모나리자의 얼굴, 아테네의 파르테논 신전 등이 모두 이 비례 디자인을 사용하고 있습니다. Baidu의 3단 홈페이지 레이아웃 디자인도 예외는 아닙니다. 골든섹션은 대략 0.618:1 정도이다. 바이두 PC 홈페이지의 검색 영역은 페이지 하단부터 474px이고, 전체 레이아웃 높이는 768px로 둘 사이의 비율은 0.618에 매우 가깝다. 골든 섹션. 슬기로운 홈페이지와 패드웹 역시 골든섹션을 활용해 검색창 위치를 표준화해 일반 뷰티를 엄격하게 통합할 수 있도록 했다.

통합된 레이아웃은 브랜드 일관성을 극대화할 수 있습니다. 우리는 사용자를 위한 좋은 검색 환경을 조성하고 방해가 되는 다른 요소를 제거해야 합니다. 예를 들어, 단말기 디자인에서는 검색창의 단순성을 보장하기 위해 검색창 주위에 공백을 제공하여 사용자에게 더 나은 검색 경험을 제공합니다. 상품 형태 측면에서는 사용자의 사용 시나리오를 시작으로 음성 검색, 이미지 검색 등 다양한 검색 방법을 제공하여 더 많은 사람들이 원하는 것을 균등하게 얻을 수 있도록 합니다.

통일된 시각적 경험이 최우선 효과입니다. 바이두 3단자 홈페이지에 통일된 브랜드 컬러인 '바이두 블루'가 등장한 것은 컬러를 활용해 브랜드의 기억력을 높이고 사용자들의 마음속에 신선함을 유지하는 것이다. Baidu는 최신 효과로 사용자가 사용할 때마다 Baidu의 브랜드를 반복적으로 기억하도록 유도하여 사용자의 마음 속에 강력한 언어를 형성합니다.

2. 정확한 요구 사항에 대한 사전 사용자 분석

Don Norman은 사용자 인터페이스 디자인에 신성한 원칙이 있다면 다음과 같아야 한다고 말했습니다. 사용자를 이해해야 합니까?. 이에 따라 디자인 초기 단계에서는 사용자 초상화에 대한 유사한 분석을 수행하여 디자이너가 사용자와 제품을 더 잘 이해하는 데 도움이 될 뿐만 아니라 제품의 디자인 패턴을 안내하고 포지셔닝합니다.

바이두 와이즈 홈페이지 개편 초기 단계에서는 설문조사와 사용자 인터뷰를 통해 종합적인 사용자 초상화 분석을 진행했다.

일일 평균 PV가 1억이 넘는 종합 플랫폼인 Baidu Wise 홈페이지는 사용자 초상화를 다듬고 속성별로 분류하는 것이 더 중요합니다. 사용자의 기본적인 요구 사항은 만족스러운 검색 외에도 젊은 사용자는 뉴스 및 엔터테인먼트 정보에 대한 강한 독서력을 가지고 있는 반면, 노년층 사용자는 NS와 같은 정보 포털에 대한 의존도가 높습니다.

사용자 요구를 분류하면 정보 지향과 검색 지향으로 크게 요약할 수 있습니다. 동시에, 설문조사를 통해 얻은 다양한 분야의 선호도를 종합하여 개인화된 추천 메커니즘을 구축하여 사용자 충성도를 높이고 제품에 대한 더 큰 가치를 창출합니다. 페이지의 전반적인 스타일 디자인 방향에 대한 우리의 포지셔닝은 개성과 단순함입니다.

Personality는 사용자가 콘텐츠에 더욱 효과적으로 집중할 수 있게 하고 디자인을 지속적으로 탐색하고 연구할 수 있게 해줍니다. Simplicity는 사용자가 제품을 사용할 때 필요한 것을 쉽고 편안하게 얻을 수 있게 해줍니다. 마지막으로 새로운 Baidu 현명한 제품 경험이 제시됩니다.

정보 중심의 피드는 개인화되고 다차원적인 독서 경험을 제공합니다. 현명한 홈페이지는 처음의 카드 집계 형태에서 두 가지 정식 버전과 수많은 소규모 버전의 실험을 거쳐 점차 피드 폭포 정보 집계 형태로 이동했습니다. 보다 정확한 개인화 정보 추천에 집중하여 사용자에게 보다 관련성 높은 정보를 제공합니다.

정보 흐름이 오른쪽 이미지 모드에서 왼쪽 이미지 모드로 변경된 것 같습니다. 작은 변화처럼 보이지만 실제로는 시선 추적 실험의 결론에 따르면 인간의 경험을 효과적으로 최적화합니다. 탐색 경로는? 글꼴 유형이며, 왼쪽의 그림은 사용자의 관심을 즉시 끌 수 있으며, 텍스트보다 몇 배 더 빠르게 읽을 수 있으며 동시에 사용자의 요구도 더 빨리 충족될 수 있습니다.

검색 방향 - 검색 포털을 더 잘 표시합니다. 검색을 시작하는 가장 직접적인 방법인 검색창은 어떤 변화에도 매우 주의를 기울입니다. 사용자의 정보 수요가 급증한다는 전제하에 검색 영역과 정보 영역의 비율을 조정하는 것이 특히 중요해집니다. 정보 표시를 최대화하면서 검색 상자를 최적의 비율로 배치하려면 황금 비율을 사용하세요. 검색 상자 영역이 개선되었으며 정보 요구 사항을 충족하기 위해 더 많은 콘텐츠 영역이 표시됩니다.

3. 작은 디테일이 디자인의 성패를 좌우합니다.

작은 디테일은 제품의 품격을 돋보이게 하고 제품에 대한 사용자의 인상과 주목도를 높여줍니다. 홈페이지의 제품 디자인에서는 시각적인 세부 사항과 경험을 더욱 다듬어 나가고 있습니다. 세부적으로는 아이콘, 텍스트, 색상 등을 엄격하게 관리합니다.

아이콘은 인터페이스 디자인에 널리 사용됩니다. 아이콘은 그림을 사용하여 말을 하고, 그림을 사용하여 현실 세계에 대한 이해를 이어갑니다. Baidu의 3단 홈페이지는 아이콘 디자인에 있어 항상 고수해온 선형 디자인 스타일을 따르며 프로토타입을 기반으로 세심하게 제작되었습니다.

검색을 시각적 스타일로 깔끔하고 명확하게 만들고, 검색창의 효과 수정을 제거하고, 배경색을 더욱 산뜻하게 만듭니다.

이것이 우리 바이두 홈페이지 UE팀의 업무 철학이자 디자인 컨셉입니다. 이것이 우리 팀의 메타 사고와 조직 구축의 기초입니다. 끊임없는 고민과 반성을 통해 우리는 팀에 있어서 업무 철학과 디자인 컨셉의 중요성을 완전히 깨달았습니다. 우리는 기존의 경험과 결론을 끊임없이 반성하고 더 많은 관점에서 관찰하고 생각해야 한다는 것을 항상 스스로에게 상기시킵니다. 시대에 맞춰 발전해야만 우리는 계속해서 번영할 수 있습니다.

上篇: 노트북이 켜지지 않는데 SSD 데이터를 읽을 수 있나요? 下篇: 노트북 AMD 의 CPU 에는 몇 개의 핀이 있습니까?
관련 내용