技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 更多的限制,更简单的设计

更多的限制,更简单的设计

浏览:1507次  出处信息

    首先,写这篇文章的一个重要性的冲动诱因在于我这个刚入行的移动互联网产品设计新手在查找资料的时候被太多的前辈恐吓了很久,我最终决定站出来反击一下。

    我们看到无数的移动互联网前辈们说,移动互联网产品设计相对于Web设计而言实在太多限制了,太难搞了。你看,屏幕就那么点大小,当Web端主流分辨率停留在1024*768的时候手机上主流的分辨率确还是240*320(注意我是说主流,别说iphone4的640*960);我们可以在Web上使用鼠标+键盘来顺畅的浏览而在手机上只有键盘(触屏目前还是灰主流吧);当Web设计已经花哨到泛滥的时候手机上还是个梦想…..好吧,够了,够了,实在是够了

    可是事实是这样吗?我不认为!我认为在手机上的设计要比在Web上的设计相对更简单。

    更小的屏幕意味着你只需要考虑更少的内容设计;更单一的交互意味着你只需要思考更简单的信息设计和更单线程的流程设计;更限制性的硬件意味着你不再需要考虑哪些花里胡哨的“假动作”,你只需要关注是否能更快速的帮助用户解决需求就足够了…..

    一般而言,在手机上的产品设计分为2类,从Web端移植功能到手机端、全部由手机端开始设计。这2类设计实际上都适用以下要说的原则。

    一、拥抱约束,习惯在局限下设计

    这是一句正确的废话,每个人都知道真正的自由并不在于完全自由,真正的自由在于完全自由与限制性之间的平衡。而这点在手机产品设计上表现的尤为突出。在手机端做设计首先必须要具备的思想就是阉割,当然,这点在Web端的设计上我曾经也认为是最重要的

    《简单法则》里提到一个方法,SHE:缩小(Sherink)――>隐藏(Hide)――>附加(Embody),然后把这些被简单过的元素有组织的放在一起。

    以从Web移植产品到手机端为例,①把Web已有的功能模块全部列出来,排序;②尽可能的砍,把可以减少的功能尽可能的减少;③隐藏,把不可减少,但是并非十分必要的功能隐藏起来;④考虑手机端用户需求与Web端用户需求的差异,然后附加一些手机端特有的需求与功能进去;⑤有序的组织上述元素。

    这样的做法既做到了简单,同时也避免失去了固有的价值感。这样一顿阉割之后你会发现,其实在手机端这样的环境下去实现这些功能是很简单的了,因为有太多不必要的东西都不需要了。其实,就是用最核心的功能去满足相对局限的条件,在做手机产品设计之前,最需要做的工作就是最小化和剔除不必要的工作。想好不做什么,然后再去做!

    妥善的组织能使复杂的系统显得比较简单。比如iPod的按钮设计就经历了一个这样的过程,在最开始的时候iPod的按钮设计成了滚轮式的,在第三代的时候iPod将转盘外围的4个按钮抽出来放在了转盘的上面,变成了一排小按钮,这显然让iPod的交互变得复杂而混乱了,于是在第四代的时候我们发现所有的按钮重回转轮之上,并且完全一体了。这是一个典型的从一开始简单到变得复杂又简单到不能再简单的案例。

(图片来源:腾讯科技

    二、智者知止

    过度设计这事这几年在Web产品上时有发生,仿佛产品设计师们觉得如果某个页面他们不“加工”一下就显得不专业,但是往往是越加工越不专业。 每一个设计都有它的核心诉求点(中心思想)和所有传达的信息,凡是引起用户感到迷惑和无关主题的信息都是需要避免的。哦对,这个东西有个专业术语,叫做“噪点”。

    在手机端的设计上需要时刻跟“万一……,索性还是加上去吧”的思想做斗争。不为20%的用户需求买单,不因为20%的用户而丢失80%甚至更多的用户。最好的产品体验,我个人认为是用最简洁的方式,最优雅的满足用户的需求。

    三、单线程浅层次的信息设计

    因为更多的限制,所以手机上的信息设计无法像Web设计那样的无限制的以网状延伸,而必须是相对很浅的。不要在同一个页面里展开多个流程,使用清晰的布局,准确的提示等等。关于这点推荐围观@默契的这篇PPT

    好吧,你可能意识到了,我并没有提到超过12000种终端的适配问题。是的,这是真正的问题,我跟你一样,都很无奈….但是,每个产品的用户群是一定的,也许,缩小范围后问题会相对简单一点。当然,也许你会认为未来类iphone的机器会成为主流,但是,别忘了,那是未来。而,事实就是这样!

建议继续学习:

  1. 越简单越丰富――极简网页设计视觉呈现技巧    (阅读:10092)
  2. IE的Get请求(URL)的最大长度限制    (阅读:3332)
  3. 浏览器对JavaScript代码执行的限制    (阅读:2908)
  4. 让生活变简单的简单网站    (阅读:2242)
  5. IE之短    (阅读:2098)
  6. 交互设计-简单    (阅读:1820)
  7. 合理限制用户的操作    (阅读:1619)
  8. 怎样限制用户    (阅读:1498)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1