《网页设计综合指南》(一):网页设计看这篇文章就够了

《网页设计综合指南》(一):网页设计看这篇文章就够了,第1张

《网页设计综合指南》(一):网页设计看这篇文章就够了

想象一下,当老师和创业员工已经建立了网站,他们需要考虑很多工作,从难看的视觉效果到功能假设。为了更好的简化流程,我们准备了哪个是指北方。限于文章数量,把那个手指分成三个单元,就是第一个单元内容。

本文将介绍创造优秀用户体验的主次原则和方法,并给出启发性的例子。从用户对地域的感受等团队架构入手,单独页面去想法;利用推荐网页思路中的其他重点圈子,比如移动兼容战侦。

内容(细化单位是文本中的内容)

1.想象一下用户对地理的感受。

1.1嫌疑人信息框架

1.2整体导航

1.3连接战斗导航选项

1.4读取软件的返回键。

1.5英里面包屑导航

1.6掠夺

2.想象一下在页面中。

3.移动终端兼容性

4.没有停滞的想法。

5.测试

6.展开并解释

7.摘要

1.想象一下用户对地理的感受。

1.1嫌疑人信息框架

大家往往把网站上的内容目录当做“信息框架”。不一致是不正确的。虽然是怀疑框架的单位,但他们只是其中一个圈子。

怀疑的框架就是用一种清晰的、符合逻辑的方式来构造怀疑。信息框架有一个明确的总体目标:帮助用户阅读一组庞大的信息。一个好的信息框架将创建一个符合用户期望的逻辑结构。但是,导航优质内容级别的不堪入目的战歌,其实并不容易,需要用户全过程的讨论和测试,才能真正展现出来。

讨论用户需求的方式有很多种。但无论如何,可疑信息系统架构师会接受用户的面谈或xyk分类,以了解用户的期望,并了解埋伏用户如何终止可疑信息分类。信息系统架构师被要求知道可用性测试的有效性,这样他们可以检查他们是否可以有效地导航。

xyk分类是一个简单的方法,根据用户的疑惑找到内容分类是最好的方法。信息系统架构师喜欢xyk分类的一个结果是,他们可以清楚地定义获取结构的方式。(图片鸣谢:FosterMilo)

终止对用户访道效果的分类,然后检查xyk分类是否能满足用户的心智模板。UX将用“树测试”的方法来检查它的功能。信息结构应该在构思详细页面之前进行。

树测试是一个坚定的方法来解决需求和供应没有任何疑问用户是否可以通过可疑的信息结构来解决问题的过程。(图片鸣谢:尼尔森诺曼集团)

1.2整体导航

导航是易用性的基础。如果用户已经失去了网站的目标,你的网站内容再好也没用。因此,网站的导航应该遵循几个规则:

简单导航。导航应该允许用户至少面对面地看到想要的内容。

安全。不应允许用户推断导航选项的实际含义;每个导航选项都应该清晰。

矛盾:导航管理系统要和网站上的所有页面矛盾。

在设想导航时,您必须考虑的一些任务是:

根据用户需求选择导航模式。导航应该令人满意。大多数用户都需要它。如果目的地的人们想通过使用网站停止某种互动,这将满足他们的希望。例如,如果大多数用户不熟悉徽标的含义,请不要使用汉堡菜单进行导航。

设置下级导航选项。一个简单的方法来结束导航选项的次一级安排-将不同的次一级选项分配给用户进行检测,然后频繁使用次一级的战争在导航中变得突出。

导航应该连续可见。正如雅各布·尼尔森所说,看比记容易。整个过程后,所有的关键导航选项都可以看到,可以减少最低用户的图像功能。最关键的导航选项应该随时随地可见和可用,而不仅仅是在我们希望用户使用它们的时候。

呈现今天的影响力。“我在那边?”当时,一个测试结果,用户要求一个谜语,以方便有效的导航。今天的影响力不足是很多网站普遍的测试结果。

1.3连接战斗导航选项

连接导航选项是导航过程中的关键元素,间接伤害了用户的感受。遵循这些交互元素的划分规则:

理解内战和内链的区别。希望用户内部链有所区别。所有内部链策略应该已经在单个标签中打开(在这种情况下,用户可以使用“撤离和淡化”按钮)。如果你已经在新标签页中打开了内部链接,那么你应该在之前就已经打开并告诉用户了,就像把一段文字举到链接的文字中,显示“(已经在新标签页中打开)”。

更改会议连接的颜色。当已经见面的连接的颜色没有被修改时,用户可能会无意中在统一的页面中从头见面。让用户知道遇到过哪些人脉,不经意间劝阻他们从零开始见面。

禁止所有联系。点击链接后会得到一个问题页面,会损害用户的体验。当被采访者已经对内容进行了掠夺时,他们期望当时的每一个链接都是准确有效的,而不是在404页或者他们没有期望看到的页面中。

1.4读取软件的返回键。

“疏散淡出”按钮可以是阅文软件中使用率最低的功能键(主地址已经输入后)。确保“疏散渐变”按钮如用户所愿运行。当用户遇到页面上的链接,然后点击“EvacuateFade”按钮,他们期望回到页面开始时对Ben的撤销影响。劝阻面对面攻击“疏散淡化”把用户送到页面开头的本顶上,而不是页面中的封闭住所。当用户要求旋转之前阅读过的内容时,他们会失去适当的“回影响”功能的磁感应。

1.5-内衬芯片类型

包内导航是一组高低文本链接,可以辅助网站导航。在当时,这是一个关键的导航方案,但它显示了用户对其网站的影响。

虽然哪个元素不需要多加注释,但有些东西还是值得一提的:

没有必要将其用作主要和次要导航方案。主导航项应该专门引导用户,而内袋面包屑是用户的特定导航项。把包屑导航作为主次方法,而不是辅助的功能,会是一个迷失的导航。

使用箭头符号代替斜线(/)作为分隔符。为了清楚的区分图层,建议使用(>:)或者(→),因为这些标记的背面可以帮助用户掌握。网络技术网站不提倡使用斜线(/)作为分隔符。如果您计划使用它,请确保材料类别不接受任何斜线:

至于上层森林的物种,通过导航更容易区分等级。

1.6掠夺

一些用户去网站搜索特定的内容。他们不知道如何使用导航选项。他们期待着已经在框中键入的文本,提交他们的掠夺请求,然后在他们要寻找的页面中寻找内容。

当已经设想掠夺箱时,应该考虑这些基本的划分规则:

把掠夺箱放在用户一直在找的住处。以上数据图是根据A.DawnShaikhvs.KeisiLenz讨论的。根据142名出席者的访问,掠夺箱的用户估计了影响力。在讨论发明的时候,最方便的影响是网页的左上角或者左上角。通过使用F形的阅读文章的方式,用户可以很容易地找到掠夺箱。

在内容丰富的网站上,掠夺框一定是华丽的。如果掠夺是一个网站的关键功能,它将被突出,因为它可以压抑用户创造和发明的容易程度。

输入框的大小应该合适。掠夺箱面积太短是想象中常见的问题。虽然,用户可以在一个短字段中键入以减少检查,但如果单位文本是可见的,则可用性不够好,因此不可能立即看到所有检查。事实上,当掠夺框太短时,用户别无选择,只能使用短且不准确的查看。尼尔森诺曼集团主张27个标识符要少,可以覆盖90%的视图。

将掠夺框放到每一页。每页都有一个掠夺框。因为用户在网站上的哪个页面并不重要,当他们必须导航到他们要寻找的内容时,他们会测试并利用掠夺性。

l文中链接:https://www.smashingmagazine.com/2017/11/comprehensive-guide-web-design/

部门里每个人都是物料经理。中文翻译精英团队@雄诺由万里行中文翻译发布,早已获得本网认可,禁止拦截。

图片来自unsplash,据CC0和平谈判。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/778003.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-03
下一篇2022-05-03

发表评论

登录后才能评论

评论列表(0条)

    保存