42947 
42 |
长久以来，人类如何获取信息已经不是当代人才发明的了，从远古时期非洲大草原上会说话的鼓 [1] ，到摩尔斯发明的通过电报线路以电脉冲形式传播的编码，再到现在充斥着各种内容流量的移动设备，信息的承载体在不断演变。面对如何能准确有效的获取关键信息，或许是我们对当下移动设备这一信息承载体以及内容呈现方式进行探索的必经之路。 一. 作为信息内容承载体的卡片 卡片作为一个信息承载的容器，可以装下不同种类不同形式的物体，可看、可点、可移动，像拼装积木一样，可以呈现多种排列组合。在UI界面中，卡片设计很好的平衡了界面的设计美学和良好的可用性，浓缩的形式和互动的操作，提供了快速获得信息的方式和有趣的互动。
4650892 图1-滑动卡片（ 图片来源dribbble Jadon7 ）
4650894 图2-滑动卡片（ 图片来源dribbble Jadon7 ）
4650893 图3-卡片延展（ 图片来源dribbble Perry Worthy）
4650895 图4-卡片延展（ 图片来源dribbble Perry Worthy） 二. ZUI卡片的独到之处 我们基于手机软硬件的发展趋势和系统的设计趋势，以及让用户更易获取关键信息，将设计目标定义为：设计为内容服务。根据这一目标，ZUI对卡片的定义也有独到之处。
4650887 1、聚焦 内容组织划分，易于消化。用户更倾向于分块阅读信息，可快速捕捉和过滤，提高信息传播过程中的信息熵 [2] 。卡片将信息有组织的划分区域，避免冗余信息。同时卡片聚集多样的信息形成一个连贯的内容体，类似于文本段落对语句的组织结果，信息布局整齐简练，易读取。
4650886 2、好用 为手指而设计，优化体验。卡片是一种拟真元素，适合手指操作，用户很容易理解翻转或滑动，无需思考，为用户提供了舒适的体验。同时能更好的拓展内容信息的视觉深度和可操作性，用户可以快速浏览、滑动卡片。
4650885 3、效率 跨越各类终端，多元响应。卡片可以在不同屏幕尺寸的设备上展示，利用内容的聚合性按照屏幕大小快速调整内容的排列，可横向也可纵向，响应各类终端多元适配。卡片在多设备间创造出独立并且一致的美学效果，保证用户体验的一致性。
4650888 三、获取、展示、处理信息，好用到发指 1、feed流的内容聚合，直观精准传递，交互存于指尖，更易感知反馈。
4650891 2、多类别内容的自由组合，有趣的展现方式，利用屏幕每块区域。
4650889 3、对内容信息进行结构分类，有规则的展现和操作，高效处理信息。
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 用户体验设计中心原创设计，版权所有转载请注明出处，违者必究，感谢您的合作。 |
 |
|
|
 |
| |
 |
| |
 |
提示: 作者被禁止或删除 内容自动屏蔽
|
 |
| |
|
|
| |
 |
| |
|
|
| |
|
|
| |
|
|
提示: 作者被禁止或删除 内容自动屏蔽
|
 |
| |
 |
| |
 |
| |
 |
| |
 |
| |
|
|
| |
|
|
| |
|
|
| |
|
|
提示: 作者被禁止或删除 内容自动屏蔽
|
最近发表
2019-7-12 17:06
2019-6-29 17:53
2019-4-17 17:12
2019-4-2 14:10
2019-4-1 20:09