云南万贤科技有限公司

网页设计技巧

界面设计,主要关注界面的功能布局,是用户体验设计的一个子集,它关注的是大局:即整个体验,而不仅仅是界面。

1、了解用户

目标是什么?是什么阻碍了实现这些目标?一个网站如何帮助克服或解决这些挑战?

不要仅仅停留在知道你的用户想要什么。必须深入挖掘,找出他们的需求。毕竟,欲望只是需求的衍生品。如果你能解决用户的深层需求,那么您将在满足他们最基本需求的同时满足他们的需求。

你将从分析数据和与用户交谈中发现的见解将为你的每一个决策提供参考,从人们如何使用你的界面,到你将在界面中突出显示哪些类型的内容。

2、定义用户如何使用界面

在你设计界面之前,你需要定义人们将如何使用它。随着触摸式设备的日益普及,这是一个比你想象中更关键的问题。人们使用网站和APP的方式有两种:直接(通过与产品的界面元素进行交互)和间接(通过与产品外部的UI元素进行交互)。


直接互动的例子

  1. 轻按一个按钮

  2. 刷卡

  3. 拖动一个目标

间接互动的例子

  1. 用鼠标指向和单击

  2. 使用按键命令/快捷键

  3. 输入表格字段

  4. 在Wacom上绘图

你的用户是谁,他们使用什么设备,应该深深地影响你的决定。如果你的设计对象是老年人或其他手部灵巧度有限的人,你就不希望依赖刷卡。如果你的设计对象是写手或编码人员,他们主要通过键盘与应用程序进行交互,你会希望支持所有常见的键盘快捷键,以减少使用鼠标的时间。

3、设定期望值

许多与网站或APP的互动都会产生后果:点击一个按钮可能意味着花钱,删除一个网站,或者对奶奶的生日蛋糕发表贬义的评论。而任何时候有了后果,也就产生焦虑。

所以,一定要让用户在点击那个按钮之前,先让他们知道点击那个按钮之后会发生什么。你可以通过设计或文案来做到这一点。

用设计设定期望值

  1. 突出显示与所需操作相对应的按钮。使用一个广为人知的符号(如用垃圾桶做删除按钮,用加号来添加东西,或用放大镜做搜索)

  2. 选择一个有相关含义的颜色(绿色代表 “开始 ",红色代表 "停止 ")

以文本设定期望值

  1. 撰写清晰的按钮文字

  2. 在空白状态下提供方向性/鼓励性文字

  3. 发出警告并要求确认

对于具有不可逆后果的操作,例如永久删除某项,最好问用户是否确定。

4、预计错误

1、在错误发生之前就预防错误

2、提供发生后的修复方案

预测错误通常比尝试事后解决错误要容易得多。这是因为它们发生在单击“下一步”或“提交”按钮可以带来令人满意的完成感之前。

话虽如此,但有时你不得不让意外发生。这时,详细的错误信息才是真正意义上的错误信息。

当你在写错误信息时,要确保它们能做两件事:

1.解释问题的原因。

2.解释一下如何解决。

注意,在非错误的情况下,你可以从那本书中抽出一页来。比如说,如果我删除了一些东西,但可以恢复,让我知道,用一行复制,比如说 "你可以通过进入你的垃圾箱,然后点击恢复,总是可以恢复被删除的东西。"

预知用户错误的原则被称为poka-yoke原则。Poka-yoke是一个日语术语,翻译成 "防呆"。

5、给予反馈

很多时候,数字界面不能给我们太多的反馈,让我们纠结于是否应该重新加载页面,重启笔记本,或者直接把它扔出窗口。

所以,给我一个加载动画。让那个按钮在我点击时弹出并弹回,但不要太多。当我做了一些你我都同意的事情时,给我一个虚拟的击掌。

如果一个页面在5秒内加载,不要显示进度条,因为这实际上会使加载时间看起来更长。相反,使用一个不暗示进度的可视化,就像Mac的臭名昭著的 “死亡风车”。如果你的网站上确实使用了进度条,可以考虑尝试一些视觉技巧,让加载看起来更快。