「交互设计笔记」简约至上-交互设计四策略

用户头像
北京/产品设计师/6年前/209浏览
「交互设计笔记」简约至上-交互设计四策略

团队推荐的UI/UX设计师必看,非常实用的干货总结,首发在公众号“彩虹BOOK”,多多关注~

简单并不意味着最少化,简洁的设计也是有特征和个性的,因为简单并不意味着欠缺或低劣,也不意味着不注重装饰或完全赤裸裸,而是说装饰应该紧密贴近设计本身,删除无关紧要的元素。



当我们接到需求时,不要匆忙着手设计,留点时间理解核心问题,并充分沟通需求目标,可以帮助我们想出更好、更简单的方案。


书中提到很多具体的办法用于打造简约的产品和设计,总结归纳为简约四策略:删除,组织,隐藏,转移。可以用于在做设计方案时自查,或者从一个新角度来设计,下面花几分钟时间了解下如何运用这些策略。



1. 删除

-

删除的核心就是干掉那些分散注意力的因素,聚焦于项目。


删除不必要的功能

可以让设计师专注于把有限的重要问题解决好,而且也有助于用户心无旁骛的完成自己的目标。


关注核心,排定功能优先级

与增加不必要的功能相比,改进核心体验非常重要。


减轻视觉负担

  • 使用空白或轻微的背景色来划分页面,而不要使用线条。为什么?因为线条在前景中,而空白和颜色在背景上,前景会更多地吸引人的注意力

  • 尽可能少用强调。如果仅加粗就行了,就不必又加粗又放大又变成红色

  • 别使用粗黑线,匀称,浅色的线更好

  • 控制信息层次,最好不超过3个层次:标题、子标题和正文

  • 减少元素大小变化

  • 减少元素形状变化



提供精简的选择

给用户提供选择会让人感觉自己在把控局面,但如果选择超过了一定的界限,特别是在很多选择都相似的情况下,选择反而变成了负担。


提供默认值

选择合适的默认值可以减少用户的选择,让用户保持注意力集中。


删减文字,精简句子

“把每页的文字删掉一半,然后把剩下的再删掉一半。”——《点石成金》史蒂夫·克鲁格



2. 组织

-

分块

用户界面设计离不开分块,有关分块的经典建议是把内容分到“7加减2”个块中,理论上讲,这个数字是人的大脑瞬间能够记住的最大数目。


围绕行为组织

着手组织界面内容时,首先要理解用户的行为:他们想做什么,先做什么后做什么。


是非分明

简单的组织模式具有清晰的界限,但有时候你会遇到同属于两个类别的东西,就像西红柿既是一种水果也是一种蔬菜。所谓最简单的分类,通常指的是重复交叉最少的分类方法。


时间和空间

按照时间来组织活动是一种简单又通用的方式。一些实体对象可以按照空间来组织,如酒店,可以按照走进酒店的顺序来规划酒店网站。


网格

布局是否清晰明了,对于设计能否让用户感觉简单非常重要。



大小和位置

重要的元素要大一些,不太重要的元素应该小一些,记住这条规则:如果一个元素的重要性是1/2,那就把它的大小做成1/4。(值得注意的是:核心位置上即使提示非常小,因为用户注意力聚焦于此也会非常明显,并不一定要很大。)


分层

关于分层的提示:尽可能使用较少的层,内容越复杂,所需的分层反而更少,尽量让两层之间的差别最大化。


用户期望路径

观察用户行为路径,就像观察那些公园里行人走出的小路一样,我们才知道怎么做出符合用户期望的设计。



3. 隐藏

-

隐藏部分不常用的功能

不常用但不能少的功能可以选择隐藏。比如:设置。


渐进演示

对于用户期望的功能,要在正确的环境下给出明确的提示。



阶段展示,适时出现

在流程中的每一步都符合用户预期都情况下,阶段展示的效果最好。其次在合适的时机、合适的位置显示相应的功能,如下图在长按文字时出现的功能。



用细微线索提示隐藏功能

界面中包含的线索尽管细微,却能恰到好处地提示出隐藏功能的位置和用处,如我们常用的PS界面中工具右下角的三角提示。



让功能容易找到

只要不让人找太久,隐藏就是有效的。



4. 转移

-

设计简单体验的一个秘密,是把正确的功能放到正确的平台或正确的系统组件中去。


移动平台与桌面平台

有些功能在有的平台上复杂,而在其他平台上就会变的简单,这时候就可以考虑在设备之间进行转移。



简约设计的四原则,你记住了吗?

先“删除”不必要的,减轻视觉负担;再“组织”重要的,分块清晰的展示信息;不行就“隐藏”或者分段、渐进展示信息;最后从其他角度想想,看看能否把复杂的功能“转移”到其他设备上。

4
举报
|
6
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
新拟态风格 UI设计组件库
高级感金属拟物 UI设计组件库
【新年UI图标】影音icon
UI界面 组件
【新年UI图标】会员icon
UI_3D图标“一本秘籍”(源文件
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】秒杀icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】汽车icon
Security Camera UI kit
UI通用设计素材1
科技医疗透明柜UI界面设计
我的钱包-UI界面设计-app
APP/小程序商业项目UI模板|99个高保真UI+79个原型
高级表盘系列UI源文件
3D渐变流体抽象矢量UI背景图
矢量立体简约UI蓝白图标
钱包ui模板
【新年UI图标】30个图标
UI 登录界面设计模板包
【新年UI图标】游戏/娱乐icon
你可能喜欢
相关收藏夹
大家都在看
登录注册