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

iOS的隐性导航设计

6月2日 逆落雪投稿
  移动设备阅读类软件最重要的特性之一就是尽可能的增大阅读面积,为此,就必须尽可能的让屏幕中的导航占到最小,甚至隐藏,手机浏览器也基本属于阅读类软件,最近流行的海豚浏览器甚至将电脑中的“鼠标手势”引入到手机浏览器中。
  什么是隐性导航
  下图是iOS中readitlater软件的阅读界面,除了最上方的状态栏,阅读区域占满了整个屏幕,没有任何诸如“返回”、“关闭”的导航按钮,实际这些按钮是隐藏着的,我把这种隐藏看不到的导航称之为“隐性导航”。
  常见的隐性导航
  下拉刷新
  最流行的“隐性导航”要数“下拉刷新”了,这个最早出现在twitter客户端的下拉更新timeline功能迅速在此类软件中流行,iOS下网页版的gmail,新浪微博,甚至网易新闻,都使用了这种设计。
  网易新闻客户端的下拉刷新
  左右滑动
  让人印象深刻的还有UC浏览器的前进后退功能,后退只要拇指向右滑动,前进只要向左滑动手指即可,不必寻找前进后退按钮,这种设定下浏览器全屏也不会影响操作的流畅性。
  类似的设计有很多,在yReader下左右滑动是切换前一篇后一篇文章,在iBooks、QQ阅读的电子书阅读软件左右滑动是前后翻页。android下的QQ客户端的当前会话、好友和群组分别是三个标签,左右滑动可以从这三个功能区中迅速切换。
  QQ阅读的左右翻页
  双击、长按、返回顶部等
  在最上面readitlater软件中,双击屏幕是弹出底部操作导航菜单;在android中长按一般会出现弹出菜单(像是windows下的右键菜单);在几乎所有iOS的软件中,点击顶部的状态栏是快速返回顶部(这个好像是系统级的,不信你试试),还有基于屏幕不同位置的点击呼出不同功能,其他的隐性导航设计方法还有很多,不再一一赘述。
  设计原则
  友好提示
  隐性导航是看不见的,那么必须有教程或提示用户如何使用这些功能,一般这种提示只出现在软件第一次使用时。这些提示尤为重要,当用户看着全屏的文字找不到返回时,可能就慌乱了,多次尝试仍没成功的话极有可能就按下home键,强行退出,甚至直接将软件卸载。
  QQ阅读的提示
  避免冲突,前后、左右,全局统一
  iOS下我见过的最漂亮的阅读软件是ZAKER,windowsphone7的方块式小清新界面,同时集成了新浪微博,GoogleReader的绑定,目录像flipboard精心设计版面的杂志,图片多时可以像图集一样幻灯浏览所有图片。
  它隐性导航设计中双击文字区域是关闭,如果不小心碰到图片,就将这张图片单独打开了,这可不是用户想要的。如果浏览的是微博,到顶部后向上滑动是加载最新,浏览的是订阅的rss,到顶部后再下拉就是返回文章列表,同一软件中相同的手势竟然不同的结果,无疑增加了用户记忆的成本。
  上和下是对应的,左右是对应的,如果手势左划是向左浏览,那么毋庸置疑向右就是向右浏览。在腾讯爱看中,在文章列表,向左滑动是查看订阅频道,向右滑动是无效操作,在文章页,向左滑动还是查看订阅频道,向右是查看评论。这两者毫无关系而且反馈不同。
  在网易阅读中到顶部是“下拉刷新”,到底部却是“点击后显示下面20条”,你就不能做成上拉后加载后面20条?我不得不说,刻意的模仿,不懂的举一反三。说秘密软件中同时采用了“上拉刷新”和“下拉加载更多”。除了统一,这样做最大的好处是保持了手的姿势。一般手握手机是单手,拇指操作屏幕,上拉和下拉保持了原有的手指状态,点击操作需要拇指抬起再按下,点击后又得回到上下滑动的状态。
  心智模型、用户习惯
  滚动条的目的是方便快速定位同时体现当前位置和页面长度,readeritlater中,当页面滑动时才会出现细长的滚动条(不会遮住阅读面积,只用来指示当前位置),当拇指指在屏幕右侧滚动条的位置时,滚动条会变成下面这样又黑又粗,方便手指滑动和定位。在PC上,用户习惯是鼠标滚轮(触屏上相对于上下滑动),想快速跳转时,就是直接鼠标拖滚动条,那么在手机上用户想快速拖动的时候首先想到的必然也是拖滚动条,但在大多数手机软件中,滚动条是不可拖动的。
投诉 评论 转载

不拘规范的iPhone优秀应用设计细节作为一个刚入行的交互苦逼女,最烦恼的事情是如何解决“iPhone原生的界面控件无法满足产品日益增长的功能需要”这个大矛盾。一方面,如果保守地采用传统的iPhone控件,不能给产……iOS的隐性导航设计移动设备阅读类软件最重要的特性之一就是尽可能的增大阅读面积,为此,就必须尽可能的让屏幕中的导航占到最小,甚至隐藏,手机浏览器也基本属于阅读类软件,最近流行的海豚浏览器甚至将电脑……交互设计如何提高专业能力最近从上海转到北京工作,接触到了更多的交互设计师,感觉到浓厚的行业气息。09届从事本行业的同学只有5人,10届粗略估计15人。导师告诉我,之后40多位工业设计硕士几乎都选择了交……〔译〕BigPipe:高性能的“流水线技术”网页原文地址:http:www。facebook。comnote。php?noteid389414033919译文地址:http:isd。tencent。com?p2419……让用户研究插上数据的翅膀无论是产品经理、设计师、工程师,大家都是为用户服务的。用户各有所好。你喜欢这个,我喜欢那个,也有我们都喜欢的。那么在用户的心理隐藏着什么样的秘密呢?要想发现其中的奥妙,通常有两……从微博的改版谈网页重构bigpipe中的页面构建优化题记:搞互联网的同学也许都知道一个数字4秒,有研究表明,如果一个网站没有在4秒之内加载完成,用户就会感到焦躁不愉快,并离开这个网站(数据来自性能测试网站http:gtmetri……优秀Android应用的旁门左道上篇说到几大Android土鳖设计,这篇接下来说如何利用Android系统本身的一些旁门左道,打造优秀自然的应用。1。支持自动同步虽然iOS5已经在新版本中提供了无……完整B2C网站的设计过程以前写过一篇类似的文章,不过因为工作的原因相对写的比较简单,这次从产品的角度重新整理一下以往工作中的一些经验,算是对自己的一个阶段的总结。一、收集需求作为一个产品的……产品需求分析:用户的“奶酪”不要碰花了差不多2周时间去研究了卖猪肉的商贩,当和行业内朋友谈及这个形象的范例时,他们满是奇怪表情,因为一个做互联网产品的人,不好好做的你的产品,去研究卖猪肉商贩干什么!先别急,我们……交互设计那些事儿这是一次内部分享,新部门的同学们希望我聊聊我过去从事的交互设计,做个了面对入门者等级的PPT,和各位简单聊了聊。发到微博上,也敦促自己对交互设计从业经历做个简单总结。类似的文章……数据分析中遇到的“圆”与十年前不同,当今令数据分析师迷茫的,可能不再是数据很少,而是数据很多;今天不是不知道玩好数据的重要性,而是不知道玩错数据的危害性,即所谓甜蜜的烦恼。一个数据分析师,如果能体会……不言而喻的设计在人与人交流的方式当中,语言交流是最为初级的,如果懂,一个眼神足以。设计亦如此。一个优秀的设计师究竟应该以怎样的设计语言与你的“听众、观众”交流呢?其实,好的……
职场的语录68条经典职场正能量的语录59条简短的职场正能量的语录职场心灵鸡汤语录62条简单的职场的语录100条职场的语录摘录常用职场正能量的语录职场心灵鸡汤语录43条职场的语录简短的职场的语录职场的语录职场正能量的语录
打破的同义词是什么及造句为什么说科学的尽头是神学?华丽丽滴花花姑娘们来啦美人菊花的养殖方法分享(美人菊花的养殖方法)热闻聚热点网 白钟元料理做咖喱就是要放多多的肉和洋葱才完美帕萨特和广本哪个好?没有结婚证的婚姻离婚财产怎么分?后备干部经典自荐书怎么写圆脸女生适合直发吗脸变小一圈尽显淑女范为什么电视剧里便衣警察总拿着个包?网络保密自查报告wxPython4。2。0终于发布了

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