网页设想分析指南》(一):网页设想看这篇文

  幸运农场走势图卡片分类是一种简略的方式,能够按照用户消息找出内容分类的最佳体例。消息架构师喜好卡片分类的缘由之一就是能清楚地获得架构模式。(Image credit: FosterMilo)

  显示以后位置。“我在哪里?“这是一个根基问题,用户必要一个谜底,以便无效地导航。不显示以后位置是很多网站常见的问题。

  按照用户的需求取舍导航模式。导航该当餍足大大都用户的大大都需求。若方针群体期冀与网站进行某品种型的互动,那么就餍足他们的期冀。比方,若是大大都用户不相熟图标的寄义,请避免利用汉堡菜单导航。

  消息架构是以一种清楚和合乎逻辑的体例组织消息。消息架构有一个明白的目标:协助用户浏览一组庞大的消息。好的消息架构会建立一个合实用户期冀的条理布局。但优良的内容层级和直观的导航并不容易,必要通过用户钻研和测试才能实现。

  链接和导航选项是导航历程中的环节要素,间接影响用户的体验。遵照这些交互元素的法则:

  查抄所有链接。点击链接后得到一个错误页面,会损害用户体验。当拜候者正在搜刮内容,他们但愿每个链接都该其时精确无效,而不是404页面或他们不单愿看到的页面。

  本文将重点引见建立超卓用户体验的次要准绳、方式和拥有开导性的案例;从用户体验舆图等全体布局起头,到单个页面的设想;还将引见网页设想中其他主要的方面,比方挪动端适配和测试。

  意识内部和外部链接的区别。用户期冀内部和外部链接有分歧的举动。所有内部链接该当在统一个标签页中翻开(如许,用户就能够利用“撤退退却”按钮)。若是想在新标签页中翻开外部链接,则应在翻开之前奉告用户,好比增添一段文本到链接文本中,显示“(在新标签页中翻开)”。

  有良多方式能够钻研用户需求。凡是环境下,消息架构师会采用用户访谈或卡片分类的体例来获知用户的期冀,或者找出潜在用户是若何进行消息分类。消息架构师还必要领会可用性测试的成果,以便查看能否可以大概高效导航。

  输入框的巨细要符合。搜刮框输入区域太短是设想中常见的错误。当然,用户能够在短字段中输入一个长查询,但只要部门文本可见,可用性欠好,由于无奈当即看到整个查询。现实上,当搜刮框太短时,用户被迫利用短的、不切确的查询。Nielsen Norman Group提议 27字符长度,这能笼盖90%的查询。

  人们经常将网站上的内容列表作为“消息架构”。不合错误, 尽管它是消息架构的一部门,但它们只是此中的一个方面。

  把搜刮框放在用户期冀找到它的处所。下面的图表是基于A. Dawn Shaikh和Keisi Lenz钻研。按照对142名参与者的查询造访,搜刮框的用户预期位置。钻研发觉,最便利的位置是网页的左上角或右上角。用户利用F形浏览模式,能够很容易地找到搜刮框。

  在内容丰硕的网站上,搜刮框必然要夺目。若是搜刮是网站的一个主要功效,那么就凸起显示它,由于它能低落用户发觉的难度。

  对用户访谈的成果进行分类,然后查验卡片分类能否餍足用户的生理模子。UX还会利用“Tree Testing”的方式来查验它的感化。消息架构要在设想具体页面之前完成。

  设想师和开辟职员在建立网站时,必要思量良多工作,从视觉外观到功效设想。为了简化这个历程,咱们预备了这个指南。限于篇幅制约,将这一指南分为三部门,此为第一部门内容。

  不要用来作为次要导航方案。主导航该当导航选项指导用户,而面包屑是用户指导导航选项。将面包屑导航作为次要方式,而不是辅助的功效,凡是会是一个失败的导航。

  面包屑式导航是一组上下文链接,能够辅助网站导航。这是一个主要导航方案,凡是显示用户在网站上的位置。

  有些用户来到一个网站寻找某个特定的内容。他们不会想利用导航选项。他们但愿在搜刮框中输入文本,提交他们的搜刮请求,然后找到他们要找的页面内容。

  设置优先的导航选项。对导航选项进行优先排序的一种简略方式将分歧的优先级选项分派给用户测试,然后将高优先级和屡次利用的路径在导航中凸起。

  更改拜候链接的颜色。当已拜候的链接不转变颜色时,用户可能无意中从头拜候统一页面。让用户晓得哪些链接已拜候过,避免无意中从头拜候。

  导航是可用性的基石。若是用户在网站丢失了标的目的,那你的网站内容有多好也无用。因而网站的导航该当遵照几个准绳:

  利用箭头作为分开符,而不是斜杠(/)。为了清楚分隔每一层,保举()或(),由于这些符号的指向能辅助用户理解。斜杠(/)不提议作为电子商务网站的分开符。若是您筹算利用它,请确保产物种别将不会采用斜线:

  导航要不断可见。正如Jakob Nielsen说,见到什么比记得什么更容易。通过让所有主要的导航选项可见,能够最小化用户的回忆感化。最主要的导航选项该当随时可见可用,而不仅是当咱们期冀用户利用它们时才可见。

  “撤退退却”按钮可能是浏览器中利用率第二高的按键(在输入地点之后)。确保“撤退退却”按钮按用户期冀运转。当用户拜候页面上的链接,然后单击“撤退退却”按钮时,他们但愿前往到原始页面上的退出位置。避免点击“撤退退却”将用户带到原始页面的顶部,而不是在页面封闭的处所。如斯一来,用户必要滚动他们曾经看过的内容,用户会由于没有符合的“前往位置”功效而感应绝望。

  将搜刮框加到每个页面。在每个页面上显示搜刮框,由于不管用户处在网站上的哪个页面,当他们不克不迭导航到正在寻找的内容,他们会测验测验利用搜刮。