2019年3月7日

未来学①|UI设计的未来,不在”屏幕”上

众所周知,界面设计是基于屏幕诞生的。但是最近在国外浏览信息时,发现了一个很有趣的观点,他们提出了这么一个概念,就是UI设计的未来,并不是在屏幕,而是在其他领域。既然不是在屏幕,那我们现在所用的工具技巧,都没有可以重复利用的地方。至少你用的photoshop是不能再用于界面设计上。

那么带来了一个很重要的问题。未来的界面设计可能出现的方向是什么呢?

答案是声音

如果仔细观察现在社会的求职跟招聘市场,你会惊讶的发现,跟过去几年发生了惊人的变化,以往一个UI设计师要找到一份互联网公司的工作显得很容易,而2019年开始就变得异常困难。很重要的原因就是大部分互联网公司实行了裁员计划,同时不少初创型的产品也夭折。所以导致整体市场环境并不见得很好。

还清楚的记得,在2015年到2016年的时候,UI设计师是处于井喷的状态,基本属于供不应求,只要你说掌握了一些UI设计的技巧,就能很轻松的在市场里谋取到一份还不错的职业。

v2 6ce8ea7c33d62504a882f0210c636473 hd - 未来学①|UI设计的未来,不在"屏幕"上

注:UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI**,UI即User Interface(用户界面)的简称。

当然,现在有经验的资深设计,谋求一份职业,不算是一件特别难的事情。当然这不代表是未来,就像10年前很多平面设计师转向界面设计师的时候也是经历过很长的挣扎期。同样的。如果按现在的发展态势下去。事情都有物极必反性。还记得当时大量的设计师涌入UI设计,同样的也会导致大量的设计师离开这个行业。

你可能会反驳说,因为设计可能不会消失。

确实当智能手机跟屏幕还不停止使用的前提下,它确实不会消失,但是不是代表这是下一代使用到的工具呢?这里要打一个大大的问号。刚好我有个女儿,现在她很多学习都是通过iPad进行的,而不是像我小时候只能通过书籍阅读进行。丰富的交互性,令她学习的速度确实要比我要快许多。

v2 63943808070236e48eb29264e25bffa1 hd - 未来学①|UI设计的未来,不在"屏幕"上

而这一切仅仅是通过短短数十年发展变化。我根本就没有办法想象到未来10年会发生什么,变成什么样,我们处在一个每时每刻都巨大的变化的浪潮里。现在我们可能面临的是触摸屏手机的选择,而我们下一代人会有什么样的选择呢?却不得而知。

就像应对中年危机一样,我们应该开始着手准备究竟什么样的东西,我们设计的时候不会过时,才能应对未来的发展需求呢?或者说界面设计的变化呢?

我收集了一些正在发生的未来设备:

1、智能手机将变得更加智能

三星最近在一则广告中透露,他们将手机展示在平板电脑中。这甚至是苹果和其他大公司未来可能采用的东西,将两个设备合并为一个。

这种手机模块化,简单来说就是用户可以像乐高积木一样对智能手机实现 DIY 组装。这个概念背后承载的,不仅是 “减少电子垃圾,构建硬件生态” 的美好愿景。

v2 d1918933a42ec3146f27598a747a569a hd - 未来学①|UI设计的未来,不在"屏幕"上

模块化手机组合——积木手机(Phonebloks)

v2 3c492690344b980ed7255ceaff00599a hd - 未来学①|UI设计的未来,不在"屏幕"上

模块化手机组合——积木手机(Phonebloks)

v2 0d1098cc22d1e46c810a462a77bb6d0e hd - 未来学①|UI设计的未来,不在"屏幕"上

Switch已经具备一机多用的模式

2、语音将主导屏幕界面

Siri,小爱和小度语音智能机器人相信很多人不太陌生了,可能每天与其互动,它们将成为您生活中不可或缺的一部分。

譬如我每天上下班,都会说一句:“siri,播放令人安静的歌曲”

而不是用手点击屏幕打开应用,再一个个去选择我需要的音乐。设计师可能要考虑将语音设计放入自己学习的内容之中。

v2 8c3d3174fde11a3840fc019bbd43482a hd - 未来学①|UI设计的未来,不在"屏幕"上
v2 89f090a0d0500a9f56df72caff614cfa hd - 未来学①|UI设计的未来,不在"屏幕"上
v2 19f19a413de1b298c16c4f350db7ae17 hd - 未来学①|UI设计的未来,不在"屏幕"上

3、自动化的设备智能程度越来越高

或许现在每个城市人都至少拥有一部智能手机,或者一部工作用的电脑。这两样小物品,特别是前者已经成为了每个人的必需品,你可以在上面完成大部分工作和生活。

特别是应用的出现给我们带来了极大的方便,应用本来就是一个将事情变得自动化的工具。试想一下,以前我们要定一个外卖,我们先要拿到那家餐厅的订餐电话号码,需要到餐厅,拿到他的传单或者名片,拨打店铺订餐的电话号码,在有人接听并确认的情况下才会有餐厅的工作人员给我们进行派送,这个过程显得十分繁琐。现在可能只需要一个按钮下单就能完成以上所有的操作。

这便是实实切切在我们身边感受到的变化,在10年前这种想法你是想也想不到的。

v2 2c0f1c5a19f7d83c7d37b10323c7bd2d hd - 未来学①|UI设计的未来,不在"屏幕"上
v2 30232897411c48373060dc0047dafce7 hd - 未来学①|UI设计的未来,不在"屏幕"上
v2 e7a8f068592b8370e181232b82c2b7d6 hd - 未来学①|UI设计的未来,不在"屏幕"上

Ifttt是能自动连接不同服务的工具,譬如当你喜欢了youtube某个视频后,会将这个结果发送到blogger上。(国内因为巨头将是封闭状态,类似的功能短期内还很难实现)

4、个性化的产品需求

千人千面或许是未来产品的一个重要的发展关键。如果你仔细观察身边,你会发现这种趋势越来越明显,比如现在流行的头条或者抖音,每个人看到的都不是一样的内容,你打开界面会根据你的标签会推送你不一样的内容,而且你每次向上翻阅的时候得到的内容,也会完全不一样,可以说每个人看的这类产品都是完全不一样的。

他会根据你的喜好,推送你可能喜欢的内容。就像一般的洗发水品牌已经可能不在吸引用户了,那么这时候它需要根据客户的需求定制一些洗发水,并且在洗发水的。标签印上自己的名字,这一块的尝试,在可口可乐跟百事可乐的一些瓶身上已经得到了印证,受到了很多年轻人的追捧。

这就给界面设计师很多新的挑战,你需要考虑不同人群如何插入个性化推送的内容。特别是在语音体验方面。比如现在的语音服务基本都是一样的声音,那你是不是可以设计成不同的声音形态呢?比如有些人喜欢的是某位影视明星,如果能模仿他的声音去设计这么一个。智能的语音体系效果会更好,比如我们有一些已经逝去的亲人,将他们的语音提取出来。那就变成了他们好像还在线上跟你对话,这听起来就觉得很棒。

v2 a2c1b7d6c3ba4b5178c28976c6d6eb4f hd - 未来学①|UI设计的未来,不在"屏幕"上

可自定义名字的洗发液

v2 ce769f15ded2038eda2ffddae0102210 hd - 未来学①|UI设计的未来,不在"屏幕"上

可DIY刻字的apple pencil

5、多种方式到达同一目的

以往,我们创建设计以及产品时,仅仅只是根据流程图进行流程的界面化过程。在语音的界面设计里,这种流程或许不再成为唯一的标准。

一百人眼中,就有一百个哈姆雷特。

你需要更好理解人们是如何表达他们的想法。举个简单的例子,我想预定某个餐厅的座位:


屏幕界面的做法

打开应用——选择餐厅——预定座位——等待确认信息


语音界面的做法

  1. - 我想要预定明天**餐厅的座位
  2. - 我想要2月11日**餐厅
  3. - 预定周四**餐厅
  4. - 你能预定明天**餐厅的座位吗?
  5. - 你能看看从这里出发,预定明天**餐厅的还有位置么
  6. - 2月11日,订**店铺的座位
  7. - 预定3个位置,**餐厅
  8. - 我想吃火锅,明天**餐厅还能订么?
  9. - 马上预约**餐馆,明天的

对比现在的界面设计模式,语音设计关键是对关键字的设定,会出现多个关键字词的可能。

一条行为=行动+地点+时间+关键字。简单来说,就是需要做什么,什么时候需要做,哪里做以及如何做?

行动(预定**餐厅)
时间(明天、2月11日、本周四)
地点(**餐厅)
关键字(人数、距离我最近分店、口味、特殊要求)

v2 11792edffbbca6fdea7b2eb95b4d514f hd - 未来学①|UI设计的未来,不在"屏幕"上

ALEXA亚马逊的语音对话界面

总结:

当屏幕不再是唯一考虑的载体后,声音该如何设计?这种拥有更快的操作速度交互模式,会带来怎么样的变革?当然,说这种就是声音设计就是未来的UI设计,肯定不太合适。

- 声音也是基于对关键字的提取

- 你的工作内容什么能够自动化

- 提示里,知识在不断更新,一门知识能够用一辈子的情况越来越少见了

部分观点引用自:

《The future of UX design is not on ascreen》

2015年10月1日

sizzle的创新规则!佐藤可士和+斋藤对谈语录《佐藤可士和我的创意新规则》

喜欢”是非常重要的。如果以“好或“坏”的视视点去思考,那么我们就会拘泥于做出正确的选择,注意力会集中在“如果向别人推荐这种东西,人家会不会笑话”这一方面

对喜好精益求精是很重要的。另外,我觉得对于专业人士来说,克服讨厌的东西是一项很好的训练,它可以拓宽你的工作半径。

窃以为,克服讨厌的练习,只能以半支持的态度去看。因为,每个人都要天生的缺陷,比如内向的人,让他变的外向,本来就有问题。最后的结果往往是他变成个两头不靠岸,甚至有点小神经质的家伙。我们必须要接受的事实是,我们并不完美,我们需要接受自己的喜欢和讨厌的东西,那么,在合作时,尽量用擅长你讨厌部分的人去完成那部分工作就好,我们尽量用更多时间,去解决我们喜欢解决的东西。

2014年7月13日

米田新书!一本与众不同的设计书《主动的ui设计师》

1420242535 thumb - 米田新书!一本与众不同的设计书《主动的ui设计师》

这是一本与众不同的设计书,让你的工作更高效。
是否常常觉得设计没有方向?长时间水平没有提高?工作没有成就感?不是你没有能力,也不是没上进心,而是少了一点设计思考方法。


本书提供完整的设计流程思考术,理论与实例相结合。
为你理清楚高效清晰的一线设计流程,绝对让你有一种:“哇,大爱,赞一个”的感觉。


大家有没有一种被恶心到的感觉。

其实这是今年出版的书籍《主动的ui设计师》

关于这本书和背后的人:

 

品名:
米田(潘绍章)

生产地址:
多家媒体混合出品,现存放于腾讯大粤网
广州美术学院研究生在读
长期出没在站酷、优设、花瓣、点点等地

配料:
视觉设计40g,用户体验30g,经验分享31g

简介:

米田和大家一样,是名普通的设计师,做着相似的视觉设计工作。范围涉及网页设计,移动界面设计以及前端制作。由于一直从事一线工作,或许自己的经验更贴近大部分设计师的工作范畴。


当然,从埋头苦干,到有所改变是从2010年的第一篇分享开始,至今已经写了近200篇文章。积累近15万文字,以及背后巨大的资料储备。或许,这便是最初始关于“主动设计”的概念。近一年时间断断续续整理这些信息,并加入了新的思考,最终形成此书。


就像副标题写的“设计师应该了解的高效设计流程”,当真正了解设计背后的流程,比单纯欣赏赞叹,更值得我们深入学习。同时,方法永远是死的,不可能全部人都适用,能从书中感受到做事的想法和做法更为重要。

如果你喜欢这本书,或者想批判这本书,欢迎与我联系。

 

它能解决什么问题?

从这本书,你可以找到:

数十种高效工作方法

这不单纯是一本设计书,如果你期望得到具体某种案例的做法,让你失望了,这里没有这些东西。


这里有的只是对设计流程的解读与建议。期待你看过此书,其中某个观点能帮助到你。如果你看完觉得很烂,我更为高兴,至少能说明你要比我厉害多了。


要我自己给这本书几个关键字:

  • 1个完整设计图解

  • 3套高效工作流程

  • 12种好习惯养成

那书中具体有什么?

设计前:

  • 主动沟通的智慧

  • 草图绘制,预见最终的产品

  • 素材收集真的简单么

设计中:

  • 5个方向的网页端设计透析

  • 从4个流程谈谈愉悦的移动端设计

  • 贯彻设计思维,你该了解的常用端设计

设计后:

  • 协作更为顺畅,设计师需要知道的前端知识

  • 提升自我水平,碎片记录和完整总结

 

题外话

  • 主动式UI 有爱设计师

  • 后记,设计师的素质和阅读

最后我想说分享让自己变得更快乐和充实,更重要的是有了大家的支持。


如果你也喜欢这些文字,希望与我联系,欢迎订阅我的微信公众号:主动设计

————————————

如果你对此书《主动的UI设计师》感兴趣,没必要马上就买。我陆续会将书中的部分内容挪移上来。

 

当你觉得,哦,他真的对你有用时。不妨在考虑下是否下手。

- 米田新书!一本与众不同的设计书《主动的ui设计师》

(京东,亚马逊,当当,淘宝,天猫均有销售)

以下链接能直达销售通道:

 

2011年7月22日

原创设计-广州文明网规范化设计的思考

d3945b50c92f3c57be6bf54a398bba56 - 原创设计-广州文明网规范化设计的思考

引言:文明网项目属于整体翻新,其中主要的核心是后台操作系统的更新工作,包括了后台UI,模块的规范化设定。由于之前没怎么接触过类似的大型设定项目,在工作的推进过程中还是会出现不少问题。随着对项目的理解,越发觉得每个工作都应该为他们记录点东西,经验也好,教训也罢,都是前进道路上必不可少的材料~

 

资料参考不是盗窃行为】   

很认同经理讲过的一句话:“当你什么都想不到的时候,抄或许是种解脱”。尤其是在某个陌生的领域里,抄袭也不算是什么坏事。当然这种抄袭是类似于“参考”的操作,原封不动的照搬应该算盗窃,可能能满足暂时的需求,不过从长远的角度看,不会有特别好的结果。

1)需求方和用户的不一致,必然会使产品的格调存在差异。在某个领域取得成功的产品设计挪用到其他领域,不一定见得有效。

2)资料是死的,人是活的。根据已有的资源进行合理的设计,过分追求太高的目标,必然会导致工期的无限延长。资料收集也是这样,别人能做到的东西,自己不一定要照做。根据20/80原则,列出产品20%的核心功能,持续对这部分功能进行优化。配合资料,筛选出对这部分优化有作用的案例,进行有选择的植入。

3)针对此次项目收集的资料,可以依据资料与项目的匹配程度进行区别式分档处理。比如,我可能会用到★号对资料的重要程度进行区分。

     常见UI设计模式    2010-08-20 17:44  [★★★]

     专题模板(v4.0)视觉升级随笔    2010-06-01 22:04 [★★★★★]

     表格可读性提升分析    2010-05-17 09:07 [★★★★]

     用户喜欢点什么 2010-05-17 09:07 [★★★]

      网易邮箱极速3.5版本设计的一些回顾    2010-03-28 12:41 [★★★★★]

      UPA2009工作坊讲义:统一体验的设计    2009-12-09 21:12

      浅谈按钮分组和位置    2010-09-13 17:25

 

UI设定不只是玩视觉艺术,更重要是理解用户的操作】  

图标反映着人们对于事物的普遍理解,也同时展示了社会性、人文性的多重概念。由于这次项目是针对政府后台系统的设定。这就要考虑到操作人员的复杂性,既有中老年人的存在,也会有年轻人的出现。

1)单纯的视觉设定可能不能满足这类人群的需要,配合文字说明效果更佳。

2)前卫大胆的设计在这个项目里只会增加某类人群的认知负担,通用简单的视觉形象更有利于快速的操作。

3)任务型系统里,最重要功能是便捷的操作。其组成包括降低出错率,强调当前操作,及时的反馈,批量操作,多种格式的输出。而图标是便于用户快速定位当成的操作步骤和系统反馈情况。

4)图标设定的准则

·视觉设计的重要组成,用于提示与强调用户操作。

·图标是一种艺术创作行为,能提高成品的格调。

·方便用户对产品功能的理解

·增强系统的整体性,使界面更有吸引力,提高产品的体验感。

·图标设计是展示产品的最佳方式。 8fd91f18204a616cd4aabc830bc81215 - 原创设计-广州文明网规范化设计的思考

 

规范化设计能提高工作效率】   

规范化意味着模块式,能减少不同产品间重复的工作,让设计师更专注于创新。

1)字体字号:保证不多于2种字体,3种字号的存在。可以选择12px,14px,18-20px(特殊情况可以加入26px的YAHEI或者HEI,注意大字号文字的css书写格式)。每种字号都有对应的行距,内边距和外边距。

2)层级构造:根据7+-2原则,每个栏目最好保持5-9选项。每个用户最好能通过3次左右的点击就能完成目标任务。(如果导航提示足够清晰,可以适当加深纵向层级)

3)点击规范:整套产品的点击交互效果一致,需要考虑到文字点击,按钮点击(纯内容性体验),广告点击(附加外部链接体验)。功能性按钮应该做到足够的醒目,尤其是帮助用户做正确选择的按钮,需要做出差异性,以降低用户点击错误率。

4)模块延展:可复用模块根据容器的变化而变化,table可能是不错的选择。不过在使用的过程里,由于程序调用的关系,同一表单可能通过多个table输出,数据的变化性导致表单变形。(不知道程序为什么不能统一用一个table输出)

5)标题栏目:不同功能栏目依据重要程度排列。如一级栏目是整栏背景使用重颜色,二级栏目是文字背景使用重颜色,三级栏目是文字变大加粗变色,四级栏目是文字变大。

 

具体可用性方面的资料,参考《【用户体验】好用的网站人人爱》:http://drizzlep.blog.sohu.com/170174591.html

0343cd17ba01035c5967c9015db95a02 - 原创设计-广州文明网规范化设计的思考

 

 

 

的微博: http://t.sina.com.cn/drizzlep  欢迎交流~

 

_________________________________
Copyright © 2015-2018 IMITEN.COM.  粤ICP备15075518号