推广

小编分享UI设计有哪些准则。

iseeyu3年前 (2023-11-28)推广132

当我们接到需要呈现大量内容的产品设计任务时(如新闻、入口网站),该思考哪些要点呢?另外,使用者会不会因为大量内容而造成使用上的困扰?

为何要谈设计 ?如果网页上有太多区块或细节,使用者相当容易迷失方向。以下提供几项设计准则 ,可让繁杂的资讯更容易理解并与读者(使用者)互动。

1. 清晰的资讯层(Hierarchy of Information)

当使用者初访网站,设计者必须要让他们清楚知道 “应该要先看哪边”?另外,研究结果指出:平均一个页面的浏览时间低于一分钟。所以你必须让使用者轻易地找到他们所想找的(所想看的内容)。

首先,他们需要知道眼前这页面是他所要的,这部分可以靠 header 或导航列来提示。接着,他们也需要知道这些页面间的组织与这些页面可如何被操作。基本上,最好能让使用者藉由扫视(scan)就能大致了解这些资讯,而不需要仔细阅读内容。

当设计完你的页面架构后,还必须知道一件事情:就是阅读的 F模式。意指使用者会由左至右、由上而下的扫视,而呈现出 F型的视觉动线图。因此,最重要的资讯应该要安排于最上方与左侧。

2. 什么是使用者在那当下想要看到的?

透过研究、调查网页上的使用者们,当下最急迫想执行的动作是什么?而这些调查后的资讯也能帮助你组织其页面的内容,并优先提供与使用者最有关的内容。这个简单的方法可让使用者更轻易、快速地完成任务。譬如说,在 email 系统中,让 “撰写" 这个使用者最需要的核心功能总是出现且明显被看到,尽管使用者处于阅读其他的信件页面。

3. 隐藏更多细节

在静态页面上展示所有的细节将会显得拥挤杂乱,所以先提供使用者足够的资讯就好,再设计让使用者进一步了解资讯的机制。

有几个方法:

使用 “小提示" 来显示更多细节或说明。隐蔽过长的文字内容,可判断内容的重要程度,以 ‘…’ 取代。提供检索或筛选机制,若还有提供检索建议和自动推荐的功能,就更具效率了。

4. 明显的导航(Navigation)

一个网站应该要让使用者 “总是" 知道他们在网站中的位置、某页面怎么连过去、怎么回到首页 … 等。我们可以透过一些简单的视觉手法,让导航这件事变得更具体。例如:使用者点选了一个新页面,而这个页面由左侧滑入,就知道这个页面取代了原本的,成为你现在正在浏览的页面。此外,Google 推出的 Material Design 利用了 “纸" 的特性(实体及空间感),让导航与层变得更具体且具逻辑性。

只要一展开导航列,其呈现的项目能让使用者有足够的资讯来判断所对应的内容,且让网站的导航列清楚易见,使用者便能更快且轻松的理解你的网站。

5. 让可操作的元素显而易见

若某个元素(文字、icon、图片)可被点击或编辑,应该不需再解释它,只需透过 “视觉上” 的差异来提供线索即可。如按钮要让它看起来可被点击,并做出状态上的差异(如游标覆盖)。

在编辑内容时,使用者也应该获得这些内容状态的视觉回馈。例如:当他们在填写表格时,可让他们注意到输入的内容是否符合规范?是否有错误?或是已被修改过? (清楚的状态回馈)。

6. 预防错误发生

身为设计师,我们要避免使用者犯下一些错误。例如:虽然 icon 能表示一些功能或资讯,但如果 icon 不能直觉地被辨识,使用它就是弊大于利。此时,若在游标覆盖 icon 时出现小提示,将可避免使用者错误点击。再者,相较于只使用 icon,"描述性" 的文字更能传递动作讯息,所以更应该被使用。例如,跳出视窗上的按钮文字表示 “存档" 或 “好",哪个较能让使用者知道系统 “将" 进行何项行为?当然是前者。

假使我们知道使用者可能会犯错,就可以在流程中打断他们,透过预防错误的弹出视窗再次确认他们的行为及告知后果,这个方式同样适用于可能会因为不可逆而造成伤害的行为上。例如,假如使用者想要删除一份与其他人分享的档案,系统应该要提醒他,删除档案可能会影响其他人。

扫描二维码推送至手机访问。

版权声明:本文由西安泽虎代运营发布,如需转载请注明出处。

转载请注明出处https://www.0291.com.cn/post/124332.html

相关文章

小编分享淘宝店铺应该怎么优化。

小编分享淘宝店铺应该怎么优化。

开的朋友应该有所了解为了让用户有良好的店铺体验,淘宝店铺也是需要做优化的,那么应该怎么优化呢?下文小编小编就为大家分析一下。 1、发布时刻及完毕时刻的优化 (1)产品完毕时刻是淘宝默许引擎排名的一个最基础目标,离到期下架时刻越近 的排名越靠前。 (2)产品的完毕时刻依托上架时刻来...

财富到底青睐了哪种人?

财富到底青睐了哪种人?

畅销书作家托马斯对上万名富翁做过一项研究,发现财富只会青睐那些努力工作、坚持不懈、未雨绸缪、严于律己的人。绝大部分人对财富的理解是错误的,财富并不能简单地同收入画等号,如果你每年都有丰厚的收入,但却被你挥霍一空,那么你的财富永远不会增加。财富源于积累。富翁们,始终如一的积累...

“蓄势·共赢”2018亿赛通全国渠道大会胜利召开

“蓄势·共赢”2018亿赛通全国渠道大会胜利召开

亿赛通头条在大、人工智能浪潮的冲击下,数据安全需求愈加强烈。在这样的背景之下,企业该如何选择数据安全服务商来保障企业内部的数据资产安全?而数据安全企业又该如何保持自我为客户提供最佳的服务?4月20日,亿赛通召开了“蓄势·共赢”2018年全国大会,使渠道伙伴拓展行业经验,更好...

淘宝扣12分权重影响多久(淘宝扣12分有没有什么影响)

淘宝扣12分权重影响多久(淘宝扣12分有没有什么影响)

虚假交易扣12分后,屏蔽店铺7天,等处罚期结束,参加规则考试通过后店铺可以恢复。淘宝对涉嫌虚假交易的商品,给予30天的单个商品淘宝网搜索降权。如某商品发生多次,搜索降权时间会滚动计算。...

深圳SEO关键词优化教你提高百度蜘蛛抓取频次。

深圳SEO关键词优化教你提高百度蜘蛛抓取频次。

深圳SEO关键词优化教你提高百度蜘蛛抓取频次。「抓取频次」是SEO优化里的一个重要概念,是影响网站收录量的一个重要因素,不容忽视。下面,五五网络小编给大家做详细介绍。 百度抓取频次 一、首先,我们来看一下百度站长平台对抓取频次的使用说明: 1. 抓取频次是搜索引擎在单...

活动策划的流程全梳理

活动策划的流程全梳理

首先是脑海中要有整个活动框架,有了活动框架之后,才有细化的分支。 一、活动策划的思路 活动策划的五大要素 活动策划的注意事项 策划文案的几大构成要素 二、活动策划的流程 活动策划流程 活动策划的理由 将理由和产品有效结合起来 活动宣传与推广...

现在,非常期待与您的又一次邂逅

我们努力让每一部企业宣传片和抖音短视频成为商业大片