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

不要惊讶,折叠屏就应该这样设计!

12月28日 孤行者投稿
  当“折叠屏时代”来临,我们的设计该如何做好呢?
  智能手机发展的十年,是屏幕尺寸不断变大的十年,SteveJobs在发布初代iPhone时,或许不会想到不久将来的手机会大到塞不进牛仔裤口袋。
  从曲面屏再到全面屏,技术不断挑战屏幕尺寸边界,最终折叠屏巧妙地解决收纳和尺寸的博弈来到消费者眼前。2019年伊始,多个品牌先后发布折叠屏手机,其中三星和华为已明确上市计划,苹果也按捺不住申请了专利。
  折叠屏的时代来临
  折叠屏已从概念来到现实,那么折叠屏上的APP应用应该如何来设计呢?
  设计变化:新增第二屏
  折叠屏不管是外翻还是内折的折叠方式,对用户来说是新增了一块屏幕,而这新增的屏幕使得11大于2,手机能变换为平板。设计师首当其冲需要思考如何更好地设计这块屏幕(以下我们称之为折叠屏“第二屏”)的内容。下面我们针对折叠屏的两大特性具体展开设计:
  特性一:大屏内容更丰富
  手机的滑屏浏览方式使得页面不断往纵向设计加高,同时客观造成页面模块点击量是纵向衰减的。当用户想滑到感兴趣的模块时(比如淘宝首页的猜你喜欢模块)每次刷新页面后都需要重新滑屏。这类低曝光但又是用户想浏览的内容便很适合放在折叠屏的“第二屏”。
  在折叠屏中,顶部和底部导航性质的组件属于页面的公用功能,采取直观的横向拉伸适配方式;而当中页面可以采用内容填充适配方式,将次级重要内容展示在第二屏。
  长页面的折叠屏适配方式:内容适配
  例如在淘宝的设计场景中,首页的第二屏内容是猜你喜欢内容模块,以后进入淘宝便能直接逛起猜你喜欢的商品。
  折叠屏版的淘宝首页演示
  微淘的第二屏内容是推荐内容卡片,能即时获取到商家的推荐信息。
  折叠屏上的淘宝微淘页
  消息的第二屏内容是聊天窗口,能快速预览消息里的最新内容,提升聊天切换的效率。
  折叠屏上的淘宝消息页
  宝贝详情页的第二屏内容是图文详情,优惠信息和图文内容能同时进行参考比较。
  折叠屏版的淘宝详情页
  特性二:多任务效率提升
  在日常使用手机处理主任务时,经常会碰到临时通知消息等分支任务处理,主任务与分支任务场景的频繁切换给用户带来很高的操作成本。
  折叠屏的第二屏可以让用户可以不离开当前场景即可便捷的处理子任务,提升多任务的处理效率。下面举例淘宝上的案例帮助大家体会多任务带来的种种便捷。
  折叠屏第二屏的多任务模式
  边看直播边逛:
  看淘宝直播可以保证直播画面始终完整显示,还可以让宝贝列表呈现出更大更多的图片以及简要的信息帮助用户做初步的判断,边看边逛互不干扰。
  边看直播边逛
  边看详情边看评价:
  商品评价会直接陈列在右侧“第二屏”,让用户第一眼就能概览较全面的信息,减少不必要的操作成本。
  边看宝贝详情边看评价
  宝贝信息对比:
  用户可以直接从足迹中拖拽出备选宝贝进行同时展示,在同一个屏幕中同时浏览对比宝贝就显得非常直观便捷。
  边逛边聊天:
  逛商品过程中唤起的聊天窗口可以常驻第二屏,不仅不会打断用户浏览详情的任务,还能一边逛一遍聊,让买卖双方交流更容易。当商家推荐的其他宝贝时还可以保持聊天窗口常驻情况下在左侧屏幕直接查看。这样就降低了边逛边聊场景的切换成本。
  边逛边聊天
  以上设计是我们关于折叠屏上APP应用设计的畅想,后续透露更多关于折叠屏的设计分析和案例,敬请期待。
投诉 评论 转载

用户很痛苦,我们却在帮倒忙当痛点被解决,用户往往会对此感到满足。而作为公司则需要进一步思考,考虑到当前的解决方案是否会产生新的痛点。正确的找到用户的痛点,永远是公司的终极追求。从字面意义上来……从实践经验分析:微众AI产品经理如何考虑产品设计文章结合几年AI项目实践经验,谈谈AI产品经理在具体工作中如何考虑产品设计,给大家分享6点心得。和前几年一样,看衰AI行业前景的言论最近又此起彼伏。难道真如该观点支持者们……基于商业地产的管理系统设计思路空间管理(一)商业地产是指规划部门根据城市规划所规定商业用地上建设的商业用房屋,出让后用地的使用年限为40年。空间管理对于基于商业地产的管理系统来说,是最基础的功能之一。一切的招商、租赁、运……趋势洞察丨泛现实技术应用及8大体验维度分析文章针对泛现实技术展开分析研究,了解其过去、现在和未来的整体趋势。就当前热门的泛现实类产品应用而言,整理总结了需要关注的体验设计8个维度,给行业从业者以启示。泛现实技术(……产品架构图到底是怎么“画”出来的?产品架构是对业务的抽象,但架构不是完美存在的结果,而是一个不断改进优化的过程。此前我们聊过“业务架构、产品架构和信息架构的问题”在现实工作中我们能见到一些公司,产品都已经……干货:为什么你的“付费会员”产品没人买(一)现如今,“付费会员”成为了许多零售平台的商业变现模式,但还有很多人不了解“付费会员”模式是怎么运转的。本篇将大概介绍“付费会员”的概念和发展,并着重阐述“权益设置”在刺激用户购……动效的高效设计与交付如何将动效设计打造得更加流畅?怎样才能实现更为流畅的效果呢?在本文中,你将找到答案。在手机淘宝中,大至链路的衔接,小至一个按钮的点击响应,动效是体验无处不在的润滑剂,为用……不要惊讶,折叠屏就应该这样设计!当“折叠屏时代”来临,我们的设计该如何做好呢?智能手机发展的十年,是屏幕尺寸不断变大的十年,SteveJobs在发布初代iPhone时,或许不会想到不久将来的手机会大到塞……定价设计:设计师该如何报价以及处理定价异议?在本文中,作者总结过去几年作为独立设计师所使用的所有不同的定价技术。enjoy写一篇关于设计报价的文章,是一项具有挑战性的任务,因为这是每个设计师都感兴趣的话题,但是大多……谷歌设计冲刺的失败给了我哪些教训设计冲刺风靡一时,但是请当心“万金油”!这是我在参与一项由一帮不完全了解谷歌创投设计流程的人带头的修改后的设计冲刺项目中学到的教训。JakeKnapp把设计冲刺描述成一种……增长策略:如何用AB测试进行活动评估及优化?本文以电商行业的促销活动为例,尝试构建促销的评估体系,以及讨论应该如何优化。enjoy电商行业充斥着大大小小的促销活动,O2O领域也常常上演补贴大战,在开疆辟土阶段,砸钱……从产品角度,聊聊ToCToBToG是什么聊到互联网产品的时候,我们经常能听见这三个词:ToC,ToB,ToG,究竟这三个词是什么意思呢?代表着什么产品,又有什么特点呢?笔者将结合他的经验为我们讲一讲:互联网产品……
纯干货:为什么越来越多的社群会死掉?产品福利:麦肯锡解决问题七步法,纯干货!产品经理变需求就该死么?产品经理如何成长产品经理市场分析方法1。0产品实习生的自我修养沟通、目标、完美主义产品流程中应该注意的事项文案技巧:大众情人与一流文案为什么是产品经理?用户研究漫谈产品经理进阶技能:个性化推荐,让信息更有价值如何做需求分析
《伊莎贝尔于佩尔:献给表演的人生》经典观后感集揭密诸葛亮的五个未解之谜花钱怎么查宾馆记录(怎样才能查出开宾馆记录)周记高中生孕妇促进胎头入盆的运动方式我爸中风病倒,血栓压迫了语言中枢。我买了本唐诗让他跟着我念那一次我真后悔作文600字经验之谈上班前的十分钟性爱技巧步入大学后可能会遇到的骗局再见我的小学生活变更合同大班语言教案

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