基于UI-net的应用程序快速设计方法

发布时间:2020-06-21 12:10:00

近,我对这方面进行了思考,并结合互联网上的数据,整理出了一套快速设计的方法和建议。为了便于说明,下面将以移动终端为例,但核心方法的概念适用于各种终端平台。

近,我对这方面进行了思考,并结合互联网上的数据,整理出了一套快速设计的方法和建议。为了便于说明,下面将以移动终端为例,但核心方法的概念适用于各种终端平台。

以下将从重要性、位置和内容构成三个角度分析提示的设计。

提示种类繁多,几乎不可能一一列举。此外,许多错误提示在设计时无法预料。因此,更实用的方法是用重要性度来划分提示。但基于什么?我在这里参考可用性问题评分规则,并使用“如果没有提示,可能对用户造成的影响”来确定提示的重要性。

如果你想了解可用性问题的评分规则,你可以参考我之前写的这篇理论文章:“正视可用性问题”

严重提示:不可逆转,涉及_或不建议更改的信息,如:永久删除、购买、取消关注

设计方向:

适度提示:用户可能需要知道并对更改信息感兴趣,如:好友信息、网络错误、帐户升级

设计方向:

轻微提示:用户可以预测更改信息,如:发送成功、添加收藏夹、打开流量节省模式

设计方向:

位置是非常重要的注意,线索可以有完全不同的效果在不同的地方。由于可能的职位太多,主要分为三类:

原位:_的方法是提示用户在原来的操作位置和视觉焦点。

因为无论指导多么有力,用户都不可避免地要付出代价——转移视线。特别是当用户做一些过于集中的事情时,可能会注意不到任何强边提示。所以像这样就相当于把信息摆在用户面前,这样就减少了很多问题和成本。

这是个好办法,但可行性相对较低。在上面的例子中,单击收藏图标并添加动态效果以将其更改为实体很容易,但许多提示(例如加载失败)没有触发操作或视觉焦点不确定。这样的提示要在现场显示,视觉成本相对较高。

也就是说,像谷歌这样规模的公司敢于在材料设计的建设中提出。我还用“不是视线跟踪元素,而是元素跟踪视线”来解释“谷歌材料设计从这些方面打破了我的思维局限”。但即便是谷歌这样规模的公司,也无法真正传播和应用这一理念。事实上,他们的大多数产品在材料设计上并没有实现许多理想的设计。

但从技术发展的速度来看,这些应该不会太遥远。

中央:中央弹出窗口和浮动层可能是我们印象深刻的位置,所以我们不需要解释太多。

这种提示必须直观地中断当前任务,因此更适合于严重性较高的提示。

如果自动消失,也可用于弱提示,但效果远好于原位提示。特别是,如果触发操作或视觉焦点在界面边缘,则在屏幕中心闪烁的微弱提示可能无法吸引注意力。

总的来说,中央地位是一个相对容易的保险计划。

边缘:消息推送、角点标记等使用界面边缘位置的提示也很常见。

此位置的优点是不会干扰当前任务,并且可以在顶部或底部位置放置更多文本,适合中等或较轻的提示。

缺点也很明显,就是容易被忽略,所以通常是动态效果和音效相结合。更糟糕的是,这种边缘很可能远离触发操作和视线的焦点。如果发生这种情况,用户很可能看不到它。