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

UI设计中下拉刷新有什么讲究?

1月25日 吴梦筱投稿
  最早的下拉刷新设计源自于Tweetie这款应用的设计,设计师LorenBrichter是这种令人欲罢不能的交互的缔造者。现在,下拉刷新的交互几乎无处不在,但即便如此也让人无法轻易忽视它带来的快感。从Twitter到Gmail,从QQ到新浪微博,它几乎存在于你触手可及的每一个应用当中。
  今天的文章我们来聊聊下拉刷新要注意的各种问题以及优化的技巧。
  下拉刷新是怎么运行的
  简而言之,下拉刷新是刷新指示器于下拉手势想结合的产物,同时借助下拉动效完善整个交互。
  下拉刷新本质上是一种特定的手动刷新交互,和其他的同类操作不同的地方在于它采用了更加直觉的下拉操作。它的交互足够清晰明显,不过有的时候设计师依然会使用刷新指示器来显示自动更新的内容。不过,由于自动刷新的机制不需要用户进行任何操作,是因此自动刷新最好还是不要使用刷新指示器了。
  什么时候使用下拉刷新
  滑动刷新(包括下拉刷新)非常适合于列表、栅格列表和卡片集合之类界面(按照时间降序排列)。这类界面通常会随着时间推移,优先展示最新的内容,并且通常不会采用自动更新来刷新内容。不采用自动刷新的机制的原因很简单,当你滚动到顶部的时候,如果采用自动刷新,内容会不断自动下载显示,对于用户而言,这样的自动显示的机制并不可控。而下拉刷新则很好的解决了这个问题,只有在你使用下拉手势的时候,触发刷新指示器,再行更新,这样也给了用户选择和退出的机会。常见的下拉刷新用例:
  内容流(Twitter,微博,RSS)
  收件箱(电子邮件,短信)
  以Twitter为例,推文是按照时间顺序排列,最新的推文在顶部,当用户下拉刷新之后,能够看到最新更新的推文。
  什么时候不适合下拉刷新
  下拉刷新并非万能的,它有不适宜使用的场景:
  屏幕小插件。这类小插件是需要自动更新的。
  地图应用。地图上的内容通常不会以时序排列,也没有明确的方向和内容来源,用户也无法直觉推断出下拉刷新的含义。
  无序列表。有序列表通常能够给用户以下拉更新的期望,而无序列表在这方便则不明显,也无法直观地让用户看出其中的更新。
  低更新率的内容。如果列表中的内容并不经常更新,下拉刷新的手势几乎没有存在的意义,因为用户去刷新列表的机率很低,也没有太大的必要。
  按照时间先后顺序排列的内容。按照时间先后顺序排列的列表中,最新更新的内容排在最后,用户下拉刷新之后无法立刻看到最新更新的内容,这样列表使用下拉刷新就相当尴尬了。
  特殊类型的内容。许多需要实时更新的内容会在短短一分钟甚至更短的时间内失去时效,诸如股票、服务器后台进程之类的信息,最好使用实时自动更新。
  如何设计刷新指示器的过渡效果
  下拉刷新前后两种状态需要借助过渡动效连接到一起,让用户了解界面到底发生了什么改变。刷新指示器在两种状态过渡过程中一直存在,它一直保持可见,直到刷新完成,新的内容更新出来。
  值得注意的是,在刷新过程中,哪怕用户针对界面有所操作,刷新指示器也不能隐藏,否则它作为指示器的作用就失去意义了。
  下拉刷新vs。刷新按钮
  许多设计师和开发者将下拉刷新视作为一种节省屏幕空间的方法,毕竟它无需像刷新按钮一样占据一个固定按钮的空间。但是它的问题也同样很明显,下拉刷新没有刷新按钮那么明显直观,实现起来也更加麻烦。
  刷新时长
  当用户手指在屏幕上向下滑动,手势触发刷新指示器,以此为视觉反馈告知用户系统已经收到请求了。下拉刷新的交互设计很大程度上是想让用户明白发生了什么,并确保程序能够正常运行。当用户熟悉下拉刷新的操作和交互的结果之后,会逐步信任这种交互。刷新指示器会持续旋转,直到数据完全更新至可用,这样可以防止混乱。
  可用的动效
  下拉刷新的过渡动效是一个非常适合发挥创意的地方。由于它是连接两个不同状态的中间态,过渡动效可用帮助用户理解屏幕上发生了什么,精准地理解两个不同UI状态之间的差别。
  结语
  下拉刷新推动着UI中的内容的更新变化,提供反馈,给予通知,有时候甚至能够让界面更加富于娱乐,更有意思。
  
投诉 评论 转载

绘制用户体验在今年的UXWeeks大会上,JimKalbach组织了一场MappingExperience的工作坊,提出在产品和服务之间关系日益密切的今天,如何形成一个服务生态系统,是商业……交互设计框架PACT浅谈(一):关于人的部分本文内容来自于《交互式系统设计:HCI,UX和交互设计指南》,交互设计框架一章的思考。本文是PACT交互设计框架系列文章的第一篇,主要讨论在进行交互系统设计的时候,我们所……5个关键词看小程序和App的UI设计异同微信总喜欢在深夜推出一个大新闻,昨晚10点,小程序开放公测的消息一出,我公号的文章都推不出去了,一直显示系统繁忙,那得是多大的流量啊,心里暗想,能分我一点零头就好了,估计是我想……你知道交互稿完成过程中的六个要点吗?目标明确的情况下,再开展设计!对于交互设计师而言,一个项目的开始,是从接到产品经理的需求文档开始的。从需求的确认到交互稿的确认,再到产品开发效果的确认,都考验着交互设计师……决战双11,哪些技巧可以让你的专题页设计脱颖而出?这是小编见过讲双十一专题设计的最完整最有帮助的文章,我只是看了十遍而已。考虑到我们都是做商业设计的正经人,商业的东西肯定就涉及到竞争了嘛,所以我们作为设计师不只是要会把页……聊聊UI界面中搜索入口的设计搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。在不同的系统,不同用途的网站……单选、复选、开关应该如何使用?今天来探讨工作中遇到的一个问题:单选、复选、开关。先说一下前提,淘宝的确认订单页面,积分抵扣是用开关做选择的,而唯品用的是复选框,同样都是选择,复选框和开关到底哪个更合适?和同……商业模式驱动视频互动设计:手淘的视频就该这么玩儿当商业目标和设计碰撞在一起之后,商业模式使设计的目标更明确,而设计能为商业模式带来更好的体验。为什么说现在是一个内容为王的时代?丰富的内容为App带来了流量,优秀的内容为……UI设计中下拉刷新有什么讲究?最早的下拉刷新设计源自于Tweetie这款应用的设计,设计师LorenBrichter是这种令人欲罢不能的交互的缔造者。现在,下拉刷新的交互几乎无处不在,但即便如此也让人无法轻……那些年苹果做错的设计设计不是艺术,它不是孤立存在的,更不是设计师的自娱自乐。设计永远和人、使用场景、用户需求相关联。iOS会不断地更新迭代它的设计,除了有商业目的上的考虑外,更多的是根据时代(人、……平面设计里怎样提高作品的视觉冲击力?提高视觉冲击力的方法非常非常多,我将结合下我的平面设计经验,总结归纳一下我所学习到的平面设计理论。我一直觉得学习平面设计不能只着眼于平面,应该让眼光开阔些,所以我下面的一些例子……双十一来了,淘宝的登录页有bug?我有解决方案!关于淘宝的登录页设计中的BUG,本文作者就用所学的用户研究、交互设计以及产品经理相关的知识来分析一下,并提出了自己的解决方案。双11来了,小伙伴们有没准备“卖卖卖”呢?作……
经验分享:如何做社区的增长策略设计商业案例设计的智慧:眼见不一定为实在财务系统中,结算系统的组成模块是哪些?金融产品设计如何通过市盈率模型对标的资产进行估值?电商ERP后台OMS模块设计关于APP设计,你需要了解这些高级知识!当人性被设计满足转账3。0时代体验重塑5个要点,打造不一样的抽奖活动复盘如何设计一款任务管理工具毒App产品体验报告及改进建议提升按钮可操作性:选择正确按钮标签的五大原则详解结算从业人员常用词典(1。0)留给季节摘抄笔记好词好句好段交通事故处理程序的时效规定有哪些?LOL中你认为哪位英雄适合做老婆?为什么?特斯拉温馨小贴士:Model3车主可选择替换电池模块宝爸宝妈们,这几个给宝宝拍摄的小技巧赶快学起来家中来客人不用慌?教你5道家常小炒,鲜香美味,大人孩子都爱吃是夜谈一下特斯拉的动能回收系统90岁老柯克船长圆梦太空!惊心失重4分钟,与贝佐斯含泪激情相孕期吃这五种美味食物真的长不胖哦难忘的一件事八年级优秀作文600字

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