찾다
웹 프론트엔드HTML 튜토리얼中枪了木有!最常被误解的18个用户体验设计原理_html/css_WEB-ITnose

读到这个很有趣的网站:http://uxmyths.com/,网站讲述的是一些普遍被误解的用户体验理论。有些论点蛮老,有些也不一定准确。我挑选了一些记录下来,并加少许注解。:)

1,用户在网页上会认真阅读内容

不准确。

用户在阅读网页内容时,快速浏览居多,只有在用户对内容非常感兴趣的时候,才会逐字阅读;好的网页设计是能帮助用户更方便快速浏览网页内容的。

Yoyo:现在是信息爆炸时代,用户很少有精力去仔细读内容,更多是以草览、看图、看第一句、看加粗的方式来了解信息。所以在新的时代,无论是设计网页还是移动产品,信息的聚焦、用户注意力的把握、界面内容的节奏,都是设计的重点。

2,网站所有页面需要在3个点击内到达

不准确。

更少的点击到达页面,不一定会让用户更开心,也不一定更有效率。

Yoyo:用户做事都有自己的习惯,这些习惯是他们最舒服的,但是不一定是最有效率或者最合理的。我们设计产品也要遵循这个思路,怎样让用户使用产品最舒服、安全、愉快;而不是最有效率、甚至是设定量化标准去要求这个效率,因为强迫的要求往往会适得其反。

3,用户不会使用滚动条

不准确。

现在的用户已经习惯使用往下滚动功能得到更多信息了,虽然页面顶部的位置还是最重要的,但是不一定要把所有内容都挤在页面顶部。

Yoyo:特别是iPhone引领的智能机新时代,用手往下一滑就能看到更多内容,已经成为用户可以接受并熟悉的操作方式。不纠结于把内容都放在顶部,但是设计师要记得,顶部很重要。一般来说,一个网页第一屏的曝光是远远大于第二屏以及以后的。例如我设计过的产品的真实数据,第二屏以及以后的曝光只有第一屏的10%不到。

所以在设计新时代,重点信息重点放置、次要信息有迹可循放置、无关信息不要放置。

4,设计是让网站更好看

不准确。

设计远远不止是提供一个好看的样子,设计更重要的是提供功能、流程、解决问题。

Yoyo:如果设计师只是让网站好看,首先交互设计师全部都要失业啦。甚至是视觉,现在也是在为整个产品做视觉,品牌、用户情感、交互配合、动效展现都会考虑到视觉设计中。所以我认为现在没有任何设计师仅仅是为了让网站好看而工作。

5,网站设计为可以让有障碍人士使用是很难且成本很高的

不准确。

前期融入为有障碍人士服务的设计理念,设计网站时增加的成本不会太高;网站会因此服务到更广群体的用户。

Yoyo:做过一些公益类设计项目,例如雅虎移动搜索和AMBER Alert的合作,但是还没有负责设计过一个为有障碍人士服务的特性或者产品,惭愧,希望以后有机会去设计一些。

6,设计必须是原创的

不准确。

大多设计师喜欢重新设计而不是参考现有的设计形式,他们更应该考虑,既有的设计已经经过验证且用户习惯。全新的设计,作为设计师需要有足够的信心,才能去推动。

Yoyo:不用怀疑这个假设,在美国的互联网公司设计团队,很多设计主管会直接要求下属,设计一定要和业界不一样。但是做创新设计,我们一定要记得这些点:源于根本,解决问题并有商业价值,尊重业界与用户已经存在的习惯,不要为了创新而创新。

7,网站需要定期改版

不准确。

用户是不喜欢改变的,所以网站的改版需要源于更深层次的需求,而不是仅仅为了改版而改版。

Yoyo:能解决问题,有商业价值,源于新技术的推动,利用大数据分析的结果,以这些维度来思考改版。

不要为了改版而改版,不要为了好看而改版。

网站改版的成功案例,参见:《推陈出新!政务网站的重设计》

8,提供更多的功能和选择,用户会更满意

不准确。

提供选择让用户感觉有控制权,是好事,但是过多的选择会让用户无所适从,对产品不能理解。

Yoyo:提供最好的选择,但是要足够少,做产品设计如此,生活也是如此。

9,作为产品设计者,你和你的用户群体很像

不准确。

把用户想成自己,会带来强烈的主观偏见,对设计是非常不利的。

Yoyo:很多朋友会来问我,为什么某某产品还有人使用,不是应该被淘汰么,为什么某某产品能赚钱,完全不可想象啊。其实这只是因为你不是目标用户而已。就算你设计的是一个音乐产品,同时你也是资深听音乐的用户,但是你也不能把自己看为所有目标用户,因为你只是其中一个而已。

10,用户在使用网站时会做最优选择

不准确。

在理想的世界里,用户会阅读你的网站所有信息,然后发现对用户最有价值的内容。现实世界是,用户快速浏览网站,找到第一个吸引他们注意力的内容,就往下一步走了。

Yoyo:用户不会做最优选择,甚至用户还会经常被其它吸引因素带偏。所以我们做产品设计要考虑到这些“不科学不严谨”的因素。例如你去超市想买一瓶水,出来结账的时候买了可乐、口香糖、薯片、酸奶,你觉得只是因为你贪吃,其实这都是超市设计好的。嘿嘿。:)

11,设计网站时不需要真实内容/数据

不准确。

早期的设计师都在用占位符“lorem ipsum”设计网站,这会让设计师优先思考形式而不是内容。而内容才是用户来到网站的主要目的。

Yoyo:内容第一,形式第二。这几年明显用占位符来设计产品的例子越来越少,界面设计中真实数据的描述越来越多。

12,用户测试成本高

不准确。

用户测试有很多方式,纸张上的画稿测试、5个人的快速访谈,都能带来很好的设计输入。

Yoyo:用户研究要动手做起来才会有好处,其实没有那么难、那么贵、那么复杂。

 

13,产品易用性好,美观就不重要了

不准确。

用户是有情绪的,美的产品吸引用户。

Yoyo: “这是一个看脸的社会……”,好用是基本,好看是必须啊。知书达理,也需要貌美如花嘛。

14,用户体验就是易用性

不准确。

易用性的价值是让用户轻松完成任务,而用户体验涵盖产品给用户的所有体验和感觉。

Yoyo:解释一下这些术语。User Experience,用户体验,最大最广最全;Interaction Design,交互设计;Visual Design/Graphic Design,视觉设计;User Research,用户研究;Animation Design,动效设计;User Interface Design,界面设计,感觉分不出交互视觉,视觉居多吧……虽然每个公司叫法不一样,但是技能和种类业界已经统一。

15,留白是浪费空间

不准确。

留白对界面节奏控制、视觉设计是非常重要的,留白是一个视觉元素,而不是一个简单的背景。

Yoyo:真的遇见过各种产品经理,集中在美国,反复跟我争论移动界面每个位置的宝贵,一定要压缩、要减少留白…… 人生你都知道,要有紧张有松弛,到了界面设计你就糊涂了么……

16,用户是理性的

不准确。

用户不是完全理性的,基于情感和情绪的操作非常多。

Yoyo:人不是完全理性的。如果人是完全理性的,这个世界我不敢想象。

17,用户体验设计是项目中的一个环节

不准确。

用户体验设计应该贯穿整个项目周期。

Yoyo:如果还是发现产品经理给你提需求,你做好,然后进入开发就没有人找你了,这个设计流程肯定是不完整的,你需要改变这个情况。

18,互联网产品设计成功是一夜之间发生的

不准确。

大部分成功互联网产品设计是精雕细琢花费时间做出来的。

Yoyo:台上一分钟,台下十年功。我们总是看到别人最辉煌的样子,却从来不想别人在成功背后的苦与泪。

用户体验是一个很新的行业,大家越来越重视,但是不是每个人都透彻理解,所以迷思就出现。希望整个行业对用户体验的理解,在广大设计师的努力下,越来越清晰。

你发现过什么用户体验设计的迷思呢?:)

谢谢阅读!

thanks,yoyo

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
텍스트에서 웹 사이트로 : HTML의 힘텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 초보자를 위해 쉽게 배우나요?HTML은 초보자를 위해 쉽게 배우나요?Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML의 시작 태그의 예는 무엇입니까?HTML의 시작 태그의 예는 무엇입니까?Apr 06, 2025 am 12:04 AM

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.