[分享] 信息承载体的进化

发表于 2019-6-29 17:53   |   来自安卓客户端 显示全部楼层 [复制链接]   
1414 35  

长久以来,人类如何获取信息已经不是当代人才发明的了,从远古时期非洲大草原上会说话的鼓 [1] ,到摩尔斯发明的通过电报线路以电脉冲形式传播的编码,再到现在充斥着各种内容流量的移动设备,信息的承载体在不断演变。面对如何能准确有效的获取关键信息,或许是我们对当下移动设备这一信息承载体以及内容呈现方式进行探索的必经之路。

一. 作为信息内容承载体的卡片
卡片作为一个信息承载的容器,可以装下不同种类不同形式的物体,可看、可点、可移动,像拼装积木一样,可以呈现多种排列组合。在UI界面中,卡片设计很好的平衡了界面的设计美学和良好的可用性,浓缩的形式和互动的操作,提供了快速获得信息的方式和有趣的互动。

4650892

4650892

图1-滑动卡片( 图片来源dribbble Jadon7 )

4650894

4650894

图2-滑动卡片( 图片来源dribbble Jadon7 )

4650893

4650893

图3-卡片延展( 图片来源dribbble Perry Worthy)

4650895

4650895

图4-卡片延展( 图片来源dribbble Perry Worthy)

二. ZUI卡片的独到之处
我们基于手机软硬件的发展趋势和系统的设计趋势,以及让用户更易获取关键信息,将设计目标定义为:设计为内容服务。根据这一目标,ZUI对卡片的定义也有独到之处。

4650887

4650887


1、聚焦
内容组织划分,易于消化。用户更倾向于分块阅读信息,可快速捕捉和过滤,提高信息传播过程中的信息熵 [2] 。卡片将信息有组织的划分区域,避免冗余信息。同时卡片聚集多样的信息形成一个连贯的内容体,类似于文本段落对语句的组织结果,信息布局整齐简练,易读取。

4650886

4650886


2、好用
为手指而设计,优化体验。卡片是一种拟真元素,适合手指操作,用户很容易理解翻转或滑动,无需思考,为用户提供了舒适的体验。同时能更好的拓展内容信息的视觉深度和可操作性,用户可以快速浏览、滑动卡片。

4650885

4650885


3、效率
跨越各类终端,多元响应。卡片可以在不同屏幕尺寸的设备上展示,利用内容的聚合性按照屏幕大小快速调整内容的排列,可横向也可纵向,响应各类终端多元适配。卡片在多设备间创造出独立并且一致的美学效果,保证用户体验的一致性。

4650888

4650888


三、获取、展示、处理信息,好用到发指
1、feed流的内容聚合,直观精准传递,交互存于指尖,更易感知反馈。

4650891

4650891


2、多类别内容的自由组合,有趣的展现方式,利用屏幕每块区域。

4650889

4650889


3、对内容信息进行结构分类,有规则的展现和操作,高效处理信息。

4650890

4650890


四、写在最后
设计的进化在于不断探索和寻找当下最佳的解决方案,信息承载需要更适合的载体,为用户创造更加好用舒适的使用体验。卡片设计作为ZUI手机系统中信息展示的重要部分,平衡了系统应用的独特性与包容性、一致性与易用性,同时卡片设计的加入也为整个系统的设计规范带来新的挑战:使用规则和展现样式的统一性问题。ZUI设计团体一直致力于打造流畅的用户体验和美观的界面设计,对于未来的探索和创新,路阻且长。继续前行,流年笑掷,未来可期。


参考文献:
[1] James Gleick, “The Information: A History, A Theory, A Flood”(2013).
[2] James Gleick, “The Information: A History, A Theory, A Flood”(2013).



感谢阅读,以上设计内容均由 ZUI 用户体验设计中心原创设计,版权所有转载请注明出处,违者必究,感谢您的合作。






35条回复
这有什么好吹的!便签就是废物颜色笔都没有!
回复 支持 反对

使用道具 举报

夜畔清风 来自 Lenovo Z5 发表于 2019-6-30 11:59:37 | 显示全部楼层
可惜老机型享受不到了
回复 支持 反对

使用道具 举报

提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

潘大掌柜 来自安卓客户端 发表于 2019-7-12 10:03:50 | 显示全部楼层
掌柜的联想手机 发表于 2019-6-29 23:48
这有什么好吹的!便签就是废物颜色笔都没有!

好建议,已经反馈给攻城狮了....期待加入
回复 支持 反对

使用道具 举报

潘大掌柜 来自安卓客户端 发表于 2019-7-12 10:04:11 | 显示全部楼层
夜畔清风 发表于 2019-6-30 11:59
可惜老机型享受不到了

面包会有的.....
回复 支持 反对

使用道具 举报

ms浪 来自安卓客户端 发表于 2019-7-12 12:35:47 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

潘大掌柜 发表于 2019-7-12 10:03
好建议,已经反馈给攻城狮了....期待加入
别忘了好好反馈
回复 支持 反对

使用道具 举报

潘大掌柜 来自PC浏览器 发表于 2019-7-12 17:34:27 | 显示全部楼层

放心,而且社区正在搭建bug反馈系统,回头大家都可以自己来反馈了
回复 支持 反对

使用道具 举报

提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

支持一下
回复 支持 反对

使用道具 举报

10088384328 来自安卓客户端 发表于 2019-7-13 00:20:17 | 显示全部楼层
支持联想
回复 支持 反对

使用道具 举报

lenovo46617154 来自 Lenovo Z6 Pro 发表于 2019-7-13 03:41:16 | 显示全部楼层
怎么样开启开发者模式
回复 支持 反对

使用道具 举报

回复 支持 反对

使用道具 举报

浪荡乾坤 来自安卓客户端 发表于 2019-7-13 16:00:49 | 显示全部楼层
还可以
回复 支持 反对

使用道具 举报

ms浪 来自安卓客户端 发表于 2019-7-13 18:34:43 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

10088384328 来自安卓客户端 发表于 2019-7-14 00:14:36 | 显示全部楼层
已阅
回复 支持 反对

使用道具 举报

回复 支持 反对

使用道具 举报

提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

一串红 来自安卓客户端 发表于 2019-7-14 13:57:05 | 显示全部楼层
学习学习
回复 支持 反对

使用道具 举报

高级模式
B Color Link Quote Code Smilies

本版积分规则