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

简而未减:专为大屏生的结构化消息

4月8日 阴阳狱投稿
  不去追求那些奇异的事物,而是从人们所“共有的特征”来提取价值,用最自然最合适的方法来重新审视,重新设计。
  随着大屏幕高清分辨率的普及,我们在打游戏、看电影、浏览美图时,总希望屏幕越大越好,这种视角上广度与深度的享受以及和沉浸式、聚焦的体验,是在小屏幕上完全给予不了的。
  图中可以看出5。5英寸以上屏幕可以称Phablet,7英寸以上就是Tablet。这次案例以Tablet设备为主,Phablet设备为辅进行体验设计。
  在我们的社交平台上,用户消息在多个终端设备传递中,产品功能只是在原有基础上简单粗暴放大而已,那么大屏手机平板电脑存在的价值化为乌有。
  01。探索痛点,明晰思路
  案例分析:这种结构化消息是目前国内主流的一种设计形态。
  1。以消息为主的结构化设计:
  不论是资讯分享、音乐分享、视频分享不以内容区分而设计,都在一种载体内呈现,这种结构虽普适性强,可以兼容多元化的场景。但因设计形态统一,导致在内容辨识度上也有所下降,内容设计上没有各自特点,用户在浏览过程中容易忽略内容本质。
  2。信息内容碎片化:
  用户可以获取到更多信息,但因内容平均分布,所以画面不够聚焦。我们可以把这些内容信息看成点的组合,点的基本属性是瞩目性,能形成视觉的中心。当画面中有3个以上的相同大小点时,画面就会显的凌乱。当画面有不同面积的点时,较大点会引起人们的注意,依次会关注较小的点。
  3。以标题文字为主进行快速浏览:
  在浏览过程中用户通常以抓取关键词为主,快速吸引到下一级信息。而图片在大部分情况下会有被缩小,裁剪,因图片尺寸较小,从图中获取不到更多的信息。
  在原图中可以清晰的看到电视剧领衔主演的演员,这也是吸引用户的关键因素之一。但被缩小裁剪后,必须借助文字才能获取到关键信息。
  这种以消息为主的结构化设计在iPhone7Plus设备显示,相同信息可显示约44。5条左右,有效提升屏幕利用率。但如果直接放大或拉伸到大屏幕中,这种设计体验显的苍白无力,没有充分体现大屏幕沉浸感、聚焦、画面感的优势。
  02。确立目标,内容为本
  1。以内容为主进行设计:
  用户会更加关注内容本身,不同的内容采用不同图片的尺寸和排版,有利于用户快速区分和记忆。
  2。以图片为主进行快速浏览:
  首先图片消费已成为阅读消费中的一个大类,比文字而言,图片更直观,更具有视觉冲击力,也更能适应现代社会的快节奏。图片对于文字的诠释作用帮助个人加深文字理解和形象记忆,提高阅读的有效性和趣味性。一张图片胜千言万语,可以有效传达情绪,迅速和用户建立起共鸣。
  3。比例结构:
  从布局结构上尽量保证原始的摄影图片和视频比例不被过度裁剪。Flickr的一组数据显示,随着iPhone很大程度上替代单反成为主流拍照设备,4:3和16:9的图片数量占比追上了传统摄影的3:2。而16:9更接近美学比例,黄金分割。
  4。突显内容,降低信息密度:
  使用负空间让重要内容吸引用户的注意力。很多人都说设计师这样会浪费屏幕的空间,但是留白本身就是设计的基本元素之一。这样更专注内容展现,通过放大内容,降低页面信息密度,内容读取更加舒适。
  03。场景应用,提升效率
  方案场景应用:
  用户可以快速辨识出内容类型,画面有了聚焦元素,而不是满屏的文字,界面赋予了感染力和活力。但如果用户快速转发了很多内容时,在兼容小屏设备时,屏幕利用率会有所下降。在iPhone7Plus设备上,同样大小的信息在一屏内展示22。5条。用户需要在纵向滑动多次才能抵达下一个信息类别。所以针对提高屏幕利用率上进行了方案2横滑设计。
  方案场景应用,引入横滑设计
  打破屏幕界限,减少跳转,便于用户获得更多信息,在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。
  总而言之不去追求那些奇异的事物,而是从人们所“共有的特征”来提取价值,用最自然最合适的方法来重新审视,重新设计。
投诉 评论 转载

估值28亿的Slack,是如何打造完美的用户注册体验?任何一个细小的设计,都可以做得很精彩。设计师用了都说好的Slack究竟有何奥秘,今天我们就先从它完美的注册体验讲起。之所以说它完美,我觉得要归功于简洁的界面,顺畅的流程,……一文解读好产品必须满足的10大可用性原则如果说到产品设计常见的原则,便不得不提尼尔森博士所提出的十大可用性原则。今天分享的这篇文章,带你了解它。在一个产品开发完成一般都会进入测试(Beta)阶段,开发团队根据内……从人性弱点角度分析,好产品是怎样“撬开”用户钱包的?一款优秀的产品,除了极强的用户黏性以外,若还能吸引用户慷慨解囊,那自然是极好的。本人从游戏跨界到互联网产品,总结了一些游戏设计中常用的破冰付费方法。他山之石可以攻玉,希望能与各……从微博产品细节中窥探用户增长的秘密任何一个产品,在定位完成,确认目标的前提下,都需要通过细化产品细节来实现增长,同时细节也体现了产品的设计思路,在选择体验,还是选择增长都可以在这些点上窥探一二。写这篇文章……企业后台设计:帮助用户理清头绪企业级产品的设计中,有许多谜题,却没有一个通行的解决方法。不过,艺术家DavidShrigley有一条原则,我借鉴过来时刻提醒自己:“你若悲观,万事皆衰。”典型的企业后台……干货现金贷产品实现与设计思路解析现金贷产品的本质是信用贷,其产品定位为小额、高息,面向低信用质量的用户群体。单客放款额度低,但是用户申请门槛同样降低;坏账率高,但是提高年化总利息费用。最终,放款总额仍得以保障……从Instagram与Facebook出发,浅析Feed需要上一篇文章分享了:什么是社交,为什么要做社交,什么样的产品适合做社交,社交为什么以Feed的形式进行呈现,有没有更好的方式?今天来研究Feed的完整流程是怎样的,基本功能到底有……设计峰会颁奖盛典的投票方案时,我的思考是这样的本文记录了我在设计一个用于峰会颁奖盛典的投票方案时的思考。主要内容为,在宽松投票政策的场景下,产品和运营设计如何在尽可能不伤害多数用户体验的条件下,让产品目标最大化。我的运营技……以扇贝单词为例,回答产品设计的14个必考题通过感知身边一切新事物可以更好地磨练自己的产品直觉,体验一款新App就是一种很好的方式。在人人都是产品经理上看到Facebook产品设计总监JulieZhuo拷问产品的14个问……面对思维瓶颈,如何快速有效的发散思维?想方案想的头大,一直在原地打转跳不出来?想了半天提出的方案,被老板说怎么没想到别的某某方案?有时虽然想出不少方案,但是实质在渐行渐远?不是人人都有特别灵活的脑子,就算是灵活的脑……目标导向设计法01:如何才能让交互方案更靠谱?文章主要围绕设计目标这一概念展开,希望能够给大家的设计带来启发。对于一枚交互,设计水平的重要判断标准之一,是看设计师能否产出足够靠谱的方案对内,方案要能帮助产品不断向前发……简而未减:专为大屏生的结构化消息不去追求那些奇异的事物,而是从人们所“共有的特征”来提取价值,用最自然最合适的方法来重新审视,重新设计。随着大屏幕高清分辨率的普及,我们在打游戏、看电影、浏览美图时,总希……
【企业营销型网站建设】营销网站和模板网站的区别SEO外链发布高质量外链标准企业品牌网站建设的模板开发与定制开发SEO外链发布时经常会犯的错误企业服务产品网站原型模板汇总为什么公司不推荐网站模板建设企业产品网站不能选择模板企业门户网站模板模板自定义企业免费网站模板CMS安装步骤企业网站建设中的品牌建设企业网站建设中的细节企业免费网站用模板建网站,值得信任吗?
维生素b2一般吃多久(维生素b2服用有六忌)聊天小火苗怎么开关【关爱】我们拼尽全力,只是为了给他们一个最普通的人生网站seo优化推广:为什么B2B发文不能卖货?写营销软文需要冬天,梅花笑了作文热评聚热点网 性爱的好处,女性也不一定全知道神州信息前三季度实现营业收入71。75亿元金融科技战略持续推水教案天文学家利用强大的望远镜发现中子星撕碎其同伴时吹出的冷热风唐艺昕和张若昀的爱情让人羡慕的,没有之一秦海璐淡定谈感情一个人活得也精彩在我国醉驾复检是什么意思

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