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

全面屏下的新交互方式

6月14日 听风行投稿
  全面屏时代,交互方式会有哪些变化?
  什么是全面屏?
  2017年可以称为全面屏集中爆发的一年,小米,OPPO,VIVO,华为,三星,苹果等等都在今年发布了全面屏手机,全面屏时代已经到来,在我看来全面屏就是一种通过优化硬件堆叠、模组等方式提高屏占比,一般有三种实现方式:
  第一种:将原来16:9的屏幕改为18:9
  这种方式实现起来非常简单,成本不高,可以将屏幕做长或者将屏幕做瘦,都能达到这个效果,采用硬件技术就能实现,软件再跟进优化就可以了,市面上有很多18:9的屏幕号称是全面屏。
  第二种:另外还有三面无边框
  三面无边框(不是视觉无边框,是真的无边框),下方有下巴,这种成本比较高,难度也要高很多,要考虑相机、传感器的堆叠,例如小米Mix2。
  第三种:圆角异形无边框
  类似于iphonex这样,屏幕四周圆角上方屏幕异形(保留传感器和摄像头等)无边框,难度无疑是最大的,成本也是最高的;这里可以再说一下三星S8,是18。5:9的屏幕,但是它有曲面,也算是一个异形屏幕吧。
  当然这里我们不讨论什么是真正的全面屏,屏幕作为一个向用户展示内容的的载体,用户很大一部分的交互都是在屏幕上完成的,智能手机的屏幕发生了变化,屏占比增大,那么是否会带来新的交互?答案是肯定的。
  1。HomeIndicator
  这个是苹果提出的,就是在屏幕下方的一个黑色的横线,可以概括为三个功能点:
  点击上滑可以返回主屏幕
  上滑停顿进入多任务界面
  直接左右滑动,切换应用
  我们可以发现,这里更倾向于滑动类型的交互,我们设计App的时候可以借鉴这样的滑动交互,滑动方向位置可以根据需求不同而变化,要注意的是避免用户误触。
  2。悬浮触点
  其实悬浮触点这个功能大部分手机厂商都会有,我认为在全面屏上这个功能还是有很大的发挥空间的,一方面根据悬浮触点,用户可以进行快捷操作,另一方面悬浮触点可以大大缩短用户交互的物理路径,比如一个查看通知的场景:
  用户手指放在手机屏幕下方手指移动到屏幕上方下滑显示通知栏状态栏
  如果用悬浮触点实现的话,可以很快捷的查看通知、切换app等。
  3。缩略图
  全面屏的信息其实展示的很多,那么是否可以尝试生成缩略图?如图所示,白色区域的占位符为App图标(或者信息),下方灰色区域为根据当前页面生成的缩略图,不仅仅是将信息整合展示,能够让用户眼球移动距离最小的情况下获取最需要的信息,同时可以完成单手操作(似于分屏功能)。
  4。屏幕利用率
  这个是要特别注意的,手机屏幕更大了,那么一些App在设计的时候要考虑到是否需要充分利用屏幕,比如可以选择上下留出一部分空白边框,让图片完全显示在全面屏上,当然还可以放大切割图片,达到完全显示在全面屏上,但是图片的效果往往就会失真或者被切割导致显示出的内容还不如非全屏幕那样完整,视频的显示、页面的显示也与此类似。
  除了上面这些之外,我认为还有一些可以在设计产品交互时候用到的,如边缘手势,在屏幕左右两侧滑动时实现某种功能(调节声音、亮度等);小屏幕功能(将显示内容缩小,展示在屏幕左下角或右下角中),能够满足一部分热衷于小屏幕的用户;由于屏幕变大,展示的信息势必会增加,显示信息时卡片式设计或许比列表式设计更加适用。
投诉 评论 转载

我不是一名UX设计师,你也不是我们不是电影导演,过山车设计师,甚至小说家。我们只是推动者:完成类似清理影院爆米花,按下“启动”按钮,设置软件或网页类型等工作。这些工作可能并不光鲜亮丽,但却实际有用。最……全面屏下的新交互方式全面屏时代,交互方式会有哪些变化?什么是全面屏?2017年可以称为全面屏集中爆发的一年,小米,OPPO,VIVO,华为,三星,苹果等等都在今年发布了全面屏手机,全面……唇语识别,真会是语言交互的终极战场?自出现唇语识别技术出现起,就有声音说唇语识别是语言交互的高阶战,甚至可能带来一场革命。不过,从本文来看,唇语识别还不能快速地普及。在今年的乌镇世界互联网大会上,搜狗展出了……经验分享如何更好地推动产品及交互需求顺利落地?本文作者将从设计流程介绍、需求收集筛选、需求设计评估、需求开发验收及需求管理及开发沟通工具介绍五个维度来分享,如何推动产品及交互需求落地。enjoy我很喜欢这样的一句话:……2018年技术驱动下的UX设计趋势即将到来的用户体验设计趋势,可能会提高最终用户的满意度。用户体验在2017年具有重大意义,不论从产品界面还是用户进行消费的内容各种数字平台。人与物更自然的交互方式在技术的……按钮组设计总结:按钮组排布时,是组合在一起好还是分开好?本文主要是对按钮组的使用场景进行了一个简单的总结,enjoy上周一个朋友问了我一个问题,按钮组排布的时候是组合在一起好还是分开好?这个问题当时就把我问倒了,因为我之前从来……交互设计前期,需求分析的三境界需求分析不能用简简单单的好与坏来评价,需求分析是依存于具体的场景,只有在具体场景下的需求分析才是有意义的。佛家观世有三重境界:第一重境界是“看山是山,看水是水”;第二重境……Materialdesign与iOSHumanInterfa本篇分析对比是基于各自官网最新的Materialdesign与iOSHumanInterfaceGuidelines文档,官方文档地址将在文末给出,供各位交流学习。规范目……iOS和Android规范解析手势随着iPhoneX将Home键去掉,手势在交互导航中的作用更加重要了。今天我们来研究一下GoogleMaterialDesign规范和iOS人机设计规范中对于手势的介绍。……UX设计:一个金融数据可视化案例在UX设计中有一种设计叫信息设计,就是如何让查看信息的人一目了然,金融数据往往会面临这样可视化的问题,让用户看到一张简单易懂的图的背后,是信息的逻辑。小试牛刀,此文做一个简单举……【长文分析】11个角度,全面分析交互设计师(35年)所需要具作为35年的交互设计,都需要怎样的能力?作者从10家一线互联网公司入手,对拉勾等多个招聘渠道的JD信息进行分析总结,拆解出这11项能力,看看你是否符合。交互设计师是国内最……一款APP设计的从0到1之:iOS篇(精华版)很多时候,我们都忙碌在每天的撸图和改稿中,很少的去整理归纳结和思考工作的一些问题和方法,善于总结反思才能达到事半功倍的效果。今天U妹在这里将自己在设计中的一些经验和技巧分享给小……
在需求获取过程中,后台产品的需求有什么不同?微信订阅号改版,真的算是“信息流”了吗?怎么三言两语把“世界杯”这款产品介绍清楚?手把手教你做ERP(三):财务系统从看漫画中看虚拟货币体系的设计方法5个方面分析:设计师如何提升自己的设计竞争力?PRD:倒推手机淘宝产品需求文档4个方面总结:商城拼团是什么?产品设计术与器:界面设计7个实用设计技巧5个原则:为无聊的APP设计出情趣化的界面电商陋室APP市场需求文档MRD只言片语系列:用户体验杂谈
菩萨兵教材分析和教学思路学校管理要强化三个意识宇舶手表维修店(宇舶手表日常保养方法)热博聚热点网 阿魏钓鱼怎么用(鱼塘最新捕鱼方法)政策密集出台,房地产大逆转?钢铁是怎样炼成的读书笔记秋冬职场女郎怎么穿才保暖又知性?跟着江疏影学就行,优雅又端庄如何教孩子预防拐卖知识孩子超喜欢的早餐饼,比蛋糕还好吃,5种做法,金黄柔软,真美味越人语天姥,云霞明灭或可睹。意思翻译、赏析一件令我感动的事我心中的小河小学作文550字

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