简而未减-结构化消息专为大屏而设计

随着大屏幕高清分辨率的普及,我们在打游戏、看电影、浏览美图时,总希望屏幕越大越好,这种视角上广度与深度的享受以及和沉浸式聚焦的体验,是在小屏幕上完全给予不了的。

图中可以看出5.5英寸以上屏幕可以称Phablet,7英寸以上就是Tablet。这次案例以Tablet设备为主,Phablet设备为辅进行体验设计。

在我们的社交平台上,用户消息在多个终端设备传递中,产品功能只是在原有基础上简单粗暴放大而已,那么大屏手机/平板电脑存在的价值化为乌有。


案例分析:这种结构化消息是目前国内主流的一种设计形态。


1.以消息为主的结构化设计:

不论是资讯分享、音乐分享、视频分享不以内容区分而设计,都在一种载体内呈现,这种结构虽普适性强,可以兼容多元化的场景。但因设计形态统一,导致在内容辨识度上也有所下降,内容设计上没有各自特点,用户在浏览过程中容易忽略内容本质。



2.信息内容碎片化:

用户可以获取到更多信息,但因内容平均分布,所以画面不够聚焦。我们可以把这些内容信息看成点的组合,点的基本属性是瞩目性,能形成视觉的中心.当画面中有3个以上的相同大小点时,画面就会显的凌乱。当画面有不同面积的点时,较大点会引起人们的注意 ,依次会关注较小的点。




3.以标题文字为主进行快速浏览:

在浏览过程中用户通常以抓取关键词为主,快速吸引到下一级信息。而图片在大部分情况下会有被缩小,裁剪,因图片尺寸较小,从图中获取不到更多的信息。 在原图中可以清晰的看到电视剧领衔主演的演员,这也是吸引用户的关键因素之一。但被缩小裁剪后,必须借助文字才能获取到关键信息。


这种以消息为主的结构化设计在iPhone7Plus设备显示,相同信息可显示约4-4.5条左右,有效提升屏幕利用率。但如果直接放大或拉伸到大屏幕中,这种设计体验显的苍白无力,没有充分体现大屏幕沉浸感、聚焦、画面感的优势。

1.以内容为主进行设计:

用户会更加关注内容本身,不同的内容采用不同图片的尺寸和排版,有利于用户快速区分和记忆。



2.以图片为主进行快速浏览:

首先图片消费已成为阅读消费中的一个大类,比文字而言,图片更直观,更具有视觉冲击力,也更能适应现代社会的快节奏。图片对于文字的诠释作用帮助个人加深文字理解和形象记忆,提高阅读的有效性和趣味性。一张图片胜千言万语,可以有效传达情绪,迅速和用户建立起共鸣。



3.比例结构:

从布局结构上尽量保证原始的摄影图片和视频比例不被过度裁剪。Flickr的一组数据显示,随着iPhone很大程度上替代单反成为主流拍照设备,4:3和16:9的图片数量占比追上了传统摄影的3:2。而16:9更接近美学比例,黄金分割。



4.突显内容,降低信息密度:

使用负空间让重要内容吸引用户的注意力。很多人都说设计师这样会浪费屏幕的空间,但是留白本身就是设计的基本元素之一。这样更专注内容展现,通过放大内容,降低页面信息密度,内容读取更加舒适。


方案场景应用:

用户可以快速辨识出内容类型,画面有了聚焦元素,而不是满屏的文字,界面赋予了感染力和活力。但如果用户快速转发了很多内容时,在兼容小屏设备时,屏幕利用率会有所下降。在iPhone7Plus设备上,同样大小的信息在一屏内展示2-2.5条。用户需要在纵向滑动多次才能抵达下一个信息类别。所以针对提高屏幕利用率上进行了方案2横滑设计。


方案场景应用,引入横滑设计

打破屏幕界限,减少跳转,便于用户获得更多信息,在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。

总而言之不去追求那些奇异的事物,而是从人们所“共有的特征”来提取价值,用最自然最合适的方法来重新审视,重新设计。

感谢你的阅读,本文由 腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。

注明出处格式:腾讯ISUX (https://isux.tencent.com/card-design-thinking.html)

原文发布于微信公众号 - 腾讯ISUX(tencent_isux)

原文发表时间:2017-02-16

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互联网杂技

[译] 根据 OS 设计你的应用

Android 和 iOS 是市场上的两个主流操作系统。多数公司都会要求开发者开发对应的移动端应用。对于这些需要在两个平台上同时设计的应用,其中一个挑战就是在品...

37411
来自专栏理论坞

60个设计师必备APP(下)

对设计师而言,好用的不仅是最好的iPad app,苹果的Marvel也是相当便利的设计工具。组合使用最好的iPhone app将为创意工作室创造更多可能性-更重...

2473
来自专栏BestSDK

在设计师眼中,Android和iOS的4点设计不同之处

在一个设计师眼里,这两个系统的差异性之多可远远不止表面上看起来的那么简单粗暴。但在移动端趋势有如春草那样蔓延开来的今天,大多数的公司都选择把 iOS 的界面直接...

3364
来自专栏无原型不设计

优秀UX设计师的八条黄金法则

与用户保持亲密 成为成功的UX设计师最重要的先决条件之一就是与用户保持紧密的联系,以发现和了解他们的需求和爱好。理想情况下你应该让自己完全地成为产品用户,因...

2795
来自专栏云市场·精选汇

电子商务网站建设也能做网站优化吗

电子商务网站推广是电商首当其冲的任务,那么SEO就是其最基本也是最重要的推广方式。很多做电子商务网站的SEOer都是通过各种方式和手段去为网站获得...

48811
来自专栏Java学习网

为什么我不想成为Web前端程序员

为什么我不想成为Web前端程序员 职位名称并不代表技能集 作为一个前端开发人员,你是不是认为自己不需要懂很多技能?然而事实可能并非如此。 我在一个热门的工...

2805
来自专栏Android 开发者

理解音频焦点 (第1/3部分):常见的音频焦点用例

4252
来自专栏贺贺的前端工程师之路

各类工具网站搜索素材微信公众号排版在线设计工具

自从看到同学的微信公众号以后,我就疯狂的迷恋上了微信公众号的排版,我觉得这不仅仅是展示自我的一个途径,更多的是,我可以任意排版,我喜欢排版,就像我喜欢养植物一样...

2421
来自专栏Java学习123

为什么我不想成为Web前端程序员

4018
来自专栏web前端教室

【门槛】前端开发的门槛是什么?就是各种新增的方法吗?

今天跟群里的小伙伴们聊天,说到了学习前端开发的门槛,总体看法就是前端学习的门槛与过去相比提高了许多。但是在具体到什么是前端学习的门槛,这个地方有一些分歧。

1045

扫码关注云+社区

领取腾讯云代金券