更多课程 选择中心


Web培训

400-996-5531

Web培训

简约之美:如何实现简约设计

  • 发布:佚名
  • 来源:网络
  • 时间:2015-11-23 11:27

做产品经理,大谈商业,模式,战略的同时,也应该静下心来,从产品的本质出发,设计出艺术品般的产品,更多的关注产品使用细节,用户体验好坏。这篇文章将谈一谈产品的简约设计,也是对最近看的《简约至上——交互设计四策略》的一个总结。

在生活中,人们常常被包围在不需要的功能中,比如某些手机,炫酷功能不胜枚举:双摄像头拍照,眼神翻页,Group Play(好几台手机同步一首歌)等等。但从使用频率和效果来说略显鸡肋。这些类似的功能可能会拖累整个产品,在使用时分散用户注意力,使用户无法聚焦到核心功能。尤其是用户在干扰很多的场合,来不及仔细研究和思考的情况下,简单可控制无疑是用户最需要的。同时简约也是一种风格,带有其特有的美感。那么如何去做呢?

乍一看到某个问题,你会觉得很简单,其实你并没有理解其复杂性。当你把问题搞清楚之后,又会发现真的很复杂,于是你就拿出一套复杂的方案来。实际上,你的工作只做了一半,大多数人也都会到此为止……。但是,真正伟大的人还会继续前进,直至找到问题的关键和深层次原因,然后再拿出一个优雅的、堪称完美的有效方案。

——乔布斯

用户分类

首先我们把软件的相关人员分为三类:管理人员,开发人员和普通用户。复杂往往是在他们之前转移的,就像算法中时间成本和空间成本的权衡一样,对用户简单了,可能开发难度和管理难度就变大了。我们这里关注的是对普通用户的简约。

其次我们把用户分为三类:

专家型用户:他们对你产品感兴趣,舍得花时间研究探索产品的新功能。

随意型用户:他们可能使用过类似产品,能接受新功能,但是得足够简单。

主流用户:不会因为你的技术而使用你的产品,使用你产品的目的是完成某项任务。他们会掌握一些重要功能的使用方法,但永远不会产生学会所有功能的想法。这些人的口头禅就是:“我的手机只要能打电话、能发短信就行了。”大多数人属于这一类。

我们产品设计应该关注的是大多数的主流用户。对于专家用户,或许他们能细数你的功能,和你沟通起来没有障碍,三句话说到你心里,而且是那么通情达理,毫不犹豫就升级到最新版本,但他们的想法会让主流用户感到太复杂。

四策略

简约的设计意味着你得追求极端的目标,达到其次的效果。我认为能从两个方面来下手:复杂度的减少和复杂度的转移。在“四策略”中,“删除”和“组织”更多在作用于前者,“隐藏”和“转移”更多的是作用于后者。

删除

仅满足核心需求,造出有设计感的轻量级产品,如tumblr。

不要死扣“假如用户…… ”,假设用户的所有可能使用情况并满足,会产生一些少部分用户低频使用的功能。

删去界面的小细节。比如简化布局,精简按钮和链接样式,减少广告位数量,去掉分隔线等。

不给用户提供可选项。比如用户在购物平台在结账时,屏蔽到所有能指向其他地方的链接,或是可选项,顺着点点就结完账,不给用户分心犹豫的机会。

删减文字,精简句子。使用简洁文案,突出有价值的信息。

解决视觉混乱。一些技巧可以借鉴:删去分隔标志,使用轻微的背景色来划分界面;少使用强调;删去较多的信息层次,比如只使用标题,子标题和正文;减少元素,比如按钮的形状和样式等。

消除错误来源。再小的错误都会让用户感到心烦,所以尽可能去优化那些容易出错的步骤吧。

删除某些功能是一味比较猛良药,谁都不喜欢给了的东西又拿回去,包括用户。从短期来看可能会造成一定负面效果,但这或许是产品能长期发展,脱颖而出的一个必须经过的阶段。

组织

分模块,7±2是人瞬时能接受的一个模块范围。

按照用户的行为规律,时间和空间顺序来组织,慎用字母表和格式统一与否来组织。

分类尽可能明确,相互之间交叉尽可能的少。比如某银行手机app,生活缴费功能并未划在“生活”业务标签中,而是归在“一卡通”业务范围内,这样会造成较长的查询时间。

对内容有效的组织之后再去考虑搜索,很多时候搜索功能并不能改善无效率的组织。

通过大小和位置的组织来区别不同的重要性。

使用分层,有如下技巧:少量的层;两层差别尽可能大;用高明度和高饱和度的颜色突出重点;相同重要可亮度和大小相同,区别色调。

合理使用色标。用户对色标的学习成本和使用收益应呈现合适的比例。比如一个长时间使用的大型应用,那么用户对于自成体系的色标也不会那么介意,因为使用到后面只会越来越方面。

如果说删除是革命,那么组织就是改革。通过重新的组合,也能降低整体的复杂度。

隐藏

不常用的但不能少的,比如个性化设置。

让用户自定义界面,选择隐藏,可非专家用户会喜欢这种方式么?值得讨论。

分段展现。让用户不是一次的去接受所有信息,而是采取逐渐分步的方式。比如用户注册时只需填写较少信息,降低流失率,而处理到一定业务的时候,再让他去完善个人信息。

巧妙的设置提示与线索。比如苹果的MacBook展示页,像宣传画册一样,满足了主流用户,而在右上角提供了一个技术规格,让想了解的专家用户去点开查询。

隐藏不能从根本上减少复杂度,可以看做一种迂回策略,甚至你想隐藏某项功能的时候你需要考虑:“是不是需要删去它?”我们在设计隐藏机制,使产品看上去简约的同时,也需要让它在适当的时候出现。

转移

跨设备的转移某些功能,比如苹果表上的功能在iPhone上具体处理,微信公众号的详细设置需要在电脑上完成。

把系统的工作转移到用户那。信任用户,让用户做擅长的事情,比如计划,想象,估算,辨别信息等;而让产品负责精确的记录,计算,具体执行等工作。比如,让一个组件有多种用处,让用户去决定在什么时候使用哪一个。

前三个策略可以完美的结合:删除不必要的,组织要提供的、隐藏非核心的。转移相对独立,涉及到对界面进行重新布局。

结语

运用删除,组合的策略将整本书的要点“简约”出来,加上自己的思考结合到了一篇文章当中,也算“简约”的实战了吧。就像书中所说,“简约设计”就像打地鼠一样,你打了这头,那头就起来了。我认为,更多的时候,复杂是在各个维度之间转移的,确定哪个维度是你关注的,就尽可能的将复杂移出那个维度。天知道谷歌为了让我们的搜索界面简洁到只有一个框,面对了多少的复杂。

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:Web项目管理工具精选(下)
下一篇:移动端web开发技巧

让别人更懂你的10条设计理念

简约之美:如何实现简约设计

如何实现高效整洁的CSS代码原则(一)

如何实现高效整洁的CSS代码原则(二)

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
黑龙江省

吉林省

河北省

贵州省

云南省

广西省

海南省