童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

5月13日 金钟寨投稿
  《简单法则》中曾经提到过一个如何简单的方法,SHE:缩小隐藏附加,然后把剩下的元素有组织的排列在一起。而简约就意味着用最简洁的方式获得最大的效果。
  首先,写这篇文章的一个重要性的冲动诱因在于我这个刚入行的移动互联网产品设计新手在查找资料的时候被太多的前辈恐吓了很久,我最终决定站出来反击一下。
  我们看到无数的移动互联网前辈们说,移动互联网产品设计相对于Web设计而言实在太多限制了,太难搞了。你看,屏幕就那么点大小,当Web端主流分辨率停留在1024768的时候手机上主流的分辨率确还是240320(注意我是说主流,别说iphone4的640960);我们可以在Web上使用鼠标键盘来顺畅的浏览而在手机上只有键盘(触屏目前还是灰主流吧);当Web设计已经花哨到泛滥的时候手机上还是个梦想。。好吧,够了,够了,实在是够了
  可是事实是这样吗?我不认为!我认为在手机上的设计要比在Web上的设计相对更简单。
  更小的屏幕意味着你只需要考虑更少的内容设计;更单一的交互意味着你只需要思考更简单的信息设计和更单线程的流程设计;更限制性的硬件意味着你不再需要考虑哪些花里胡哨的“假动作”,你只需要关注是否能更快速的帮助用户解决需求就足够了。。
  一般而言,在手机上的产品设计分为2类,从Web端移植功能到手机端、全部由手机端开始设计。这2类设计实际上都适用以下要说的原则。
  一、拥抱约束,习惯在局限下设计
  这是一句正确的废话,每个人都知道真正的自由并不在于完全自由,真正的自由在于完全自由与限制性之间的平衡。而这点在手机产品设计上表现的尤为突出。在手机端做设计首先必须要具备的思想就是阉割,当然,这点在Web端的设计上我曾经也认为是最重要的。
  《简单法则》里提到一个方法,SHE:缩小(Sherink)隐藏(Hide)附加(Embody),然后把这些被简单过的元素有组织的放在一起。
  以从Web移植产品到手机端为例,把Web已有的功能模块全部列出来,排序;尽可能的砍,把可以减少的功能尽可能的减少;隐藏,把不可减少,但是并非十分必要的功能隐藏起来;考虑手机端用户需求与Web端用户需求的差异,然后附加一些手机端特有的需求与功能进去;有序的组织上述元素。
  这样的做法既做到了简单,同时也避免失去了固有的价值感。这样一顿阉割之后你会发现,其实在手机端这样的环境下去实现这些功能是很简单的了,因为有太多不必要的东西都不需要了。其实,就是用最核心的功能去满足相对局限的条件,在做手机产品设计之前,最需要做的工作就是最小化和剔除不必要的工作。想好不做什么,然后再去做!
  妥善的组织能使复杂的系统显得比较简单。比如iPod的按钮设计就经历了一个这样的过程,在最开始的时候iPod的按钮设计成了滚轮式的,在第三代的时候iPod将转盘外围的4个按钮抽出来放在了转盘的上面,变成了一排小按钮,这显然让iPod的交互变得复杂而混乱了,于是在第四代的时候我们发现所有的按钮重回转轮之上,并且完全一体了。这是一个典型的从一开始简单到变得复杂又简单到不能再简单的案例。
  (图片来源:腾讯科技)
  二、智者知止
  过度设计这事这几年在Web产品上时有发生,仿佛产品设计师们觉得如果某个页面他们不“加工”一下就显得不专业,但是往往是越加工越不专业。每一个设计都有它的核心诉求点(中心思想)和所有传达的信息,凡是引起用户感到迷惑和无关主题的信息都是需要避免的。哦对,这个东西有个专业术语,叫做“噪点”。
  在手机端的设计上需要时刻跟“万一,索性还是加上去吧”的思想做斗争。不为20的用户需求买单,不因为20的用户而丢失80甚至更多的用户。最好的产品体验,我个人认为是用最简洁的方式,最优雅的满足用户的需求。
投诉 评论 转载

更多的限制,更简单的设计《简单法则》中曾经提到过一个如何简单的方法,SHE:缩小隐藏附加,然后把剩下的元素有组织的排列在一起。而简约就意味着用最简洁的方式获得最大的效果。首先,写这篇……反向图片搜索与移动电子商务引子某个细雨濛濛的午后,他独坐在这座城市的某个咖啡吧中,一声清脆的铃声,推门而入一位背着画板的MM,清丽不可方物,他觉得似曾相识却无法想起在哪儿见过,随即悄悄拿起手机拍了……5大移动网页设计之最佳实践本文来自SocialBeta内容贡献者wisp,原文译自MobileWebDesign:BestPractices,更多移动产品设计方面的资料,请查看SocialBeta移动互……解剖微博:解析微博的信息呈现格式都云人言可微,哪怕微言耸听!大小门户齐上阵,且看沙场秋点兵。定场诗一首前言:回到七嘴八舌的原始社会所谓沟通,就是人们忙着做两件简单事:听别人说什么;自己该说什么。……由“22号”这个时间引发的唠叨我一直相信,互联网产品从业者下一波的热潮一定是:数据。今年7月份以来,我每天至少20的时间花在和数据相关的事情上。这真是件有意思的,让人着魔的事情。下面是这两天看数据时在……4个移动产品用户体验发展趋势下面这个情景你肯定遇到过,小孩用手按电脑屏幕,希望能有所反应;又或者iPad因其更加直观和易于分享等特点正被广泛用在各种商务会议上。如今,移动设备和无线网络正改变着当今世……如何定义用户角度那些“理所当然”UCD,UED,我们定义了太多用户模型的设计理论,看上去是那么的成熟与规范;我们擅长站在别人的角度思考,认为只要把“别人”换成“用户”,就是站在用户角度思……移动网页设计概要、案例和技巧本文由SocialBeta内容贡献者wisp译自MobileWebDesign:Overview,ExamplesandTips,由于专业所限,翻译中难免有一些错误,请广大读者……看图说话AndroidUI设计秘笈:PartIIAndroid的官方开发者博客发了一份幻灯片,介绍了一些AndroidUI设计的小贴士,整个PPT共分5个部分,PartII翻译的是第三部分。第一部分点击这里查看。……兼容心理模型和系统模型的交互设计提到心理模型和系统模型就意味着需要用到《设计心理学》中提出的那三个模型的概念。一直以来,从事设计工作的朋友们不管是在产品原型设计还是视觉设计上都尽量的使系统模型能够跟心理模型更……看图说话AndroidUI设计秘笈:PartIAndroid的官方开发者博客发了一份幻灯片,介绍了一些AndroidUI设计的小贴士,Roger在这里以看图说话的形式发出来,有兴趣的读者就继续往下翻吧。整个PPT共分5个部……网站开发人员应该知道的61件事作者:阮一峰日期:2010年11月25日有人在StackOverflow上发问,动手开发网站之前,需要知道哪些事情?不出意料地,他得到了一……
《何以为家》的海报文案,看哭了五一暖心广告2019台湾“广告金句”奖来了!广告文案的6大创意模板!最好的文案,藏在电影结尾!我害怕,Keep的最新广告银联新文案,有意思这些美食文案,暖胃又暖心青年文案来了草莓音乐节也“翻车”,这届文案怎么了?36句跑步文案,跑了就懂!虚假文案与真实文案
王昭君乞巧织情来袭,睡美人形象不输凤凰于飞,皮肤最快12号上什么性质的旅行社最好纸片保鲜卡有毒吗保鲜卡是否可以反复使用(一次性)高铁票和普通火车票有什么区别十年前的老办法,雷军重提五大企业过冬锦囊,要以现金为王CEO小幽默(28)小马过河儿童剧表演的教案关于青春奋斗的句子怀了两个宝宝怎么数胎动双胞胎数胎动的方法技巧一个人的中秋作文700字语文老师霸气吼道用好这个字你的作文斯琴高娃含泪追忆亡夫最爱我的那个人去了天堂

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界