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

手机上能不跳转就不跳转

3月7日 孤行者投稿
  跳转太多了,就搞不懂了。
  PC上的网页,页面间反复跳转是再正常不过的了,从首页进入搜索结果页,再到详情页,再跳到相关内容的详情页不过到了手机上,无节制的跳转就有点儿问题了。
  从首页列表单篇微博详情页个人主页单篇微博详情页个人主页可以一次接一次的深入,但跳转了三、四次后,再看左上角的“返回”按钮,你已经很难判断出将会返回到哪里了。
  如果是传统的PC网站,能展示层级导航,能在跳转到其它栏目时交代清楚,当然这样的情况也应该尽量减少,但总归还是能交代清楚的。
  页面小,没太多地方摆多层的tabs导航或者面包屑导航,就只剩下左上角的一个“返回”按钮作为导航了。对于微博这种情况,明显就不够用了。还要像传统PC网站那样错综的链接,就比较容易绕晕了。
  更多层级,更多点击操作,降低了使用效率。
  即使没有绕晕,更多的层级,更多的深入,更多的点击操作,也降低了使用效率。
  掘图志的手机版,在列表页直接就可以看到图片、打开视频:
  你肯定被上面的化学老师吸引了注意力,其实我高中时也见过化学老师拿500毫升的烧杯喝水。吭吭这里要说的是:这个手机版网站不需要进入到详情页,只是浏览列表就可以了,看到感兴趣的视频,直接点击就打开那个全屏的视频播放页了。如果每篇文章在列表页上只显示前面一小部分内容,要进入到详情页才能看全文、播视频,那样做虽然也没啥不对,但用起来就比较累了。
  相比于有些网站的手机版只是把页面做的小了些,掘图志的手机版更多的考虑到了手机用户的使用情景,不仅看上去简单,而且用起来也效率高。
  层级太多了看不懂;即使看得懂,层级多了用起来也麻烦,因此:手机上能不跳转就不跳转。那我们就来看看有没有办法减少跳转
  对于从列表页打开详情页这种情况,Googlereader的方式是个典型:
  直接在页面内展开,没有进入详情页这回事儿了,自然也就没有了进入后再返回的操劳。
  Googlereader将进入详情页这个页面间导航的问题变为了页面内导航的问题。于是,它页面内的导航就出了个小问题:打开一篇长文后,看到一半,不想看了,想滚下去或滚上去,都比较辛苦。(当然这也源于它原本是给PC设计的网页。)还好这个问题不需要去解决了,googlereader要关闭了。不过这种设计并非只是googlereader独有,使用类似的页面内展开的产品或许可以单独为自己的页面内展开做一些自己独有的页面内导航功能,让用户能在展开长文且滚到中间的时候可以直接收起此篇长文。
  变“进入详情页”为“在当前页内展开”,这是专门给列表详情这种情况用的。前面提到的微博,用这个办法似乎也解决不了什么问题,其实我们面对的多数产品都很难保证一个页搞定。
  能不跳转就尽量不跳转,如果不得已,非得跳转呢?如果非得跳转,可以假装不是跳转。这样的例子也有不少:
  假装不跳转例子1:Feedly的详情浮出。
  点击后,它浮现出来了,点左箭头按钮,或者点详情页上的任何无链接位置都能收起来。
  要把这种方式理解为是打开了一个弹出窗口,或许也可以,那它就是十恶不赦的模式化窗口了,实际上传统的进入详情页都可以被认为是等同于模式化窗口的,或者说,模式化窗口这种概念在现在的设计中已经不那么有意义了。(呃,这话题似乎相当有点儿复杂,应该单独拿出来好好聊聊,在这儿就不再往下说了吧,在这括号里是说不明白了。)
  如果把这种形式理解为是一种更形象化的详情展示方式,那么它就显得挺可爱的了。原本的列表页似乎并没有消失,只是被盖住了,详情页的打开让人不是那么害怕了。
  这个形式更像是手机上的微博里点击一张图片,图片直接浮现出来,再点击图片就又还原了。
  假装不跳转例子2:Path的左右滑动。
  点了一个tab,右侧的页面滑动过来,其实还是跳转页面,但是这样的形式让跳转看上去更像是滑过来的,不是离开了当前页去到了另外一个页。
  另外,滑到了feeds页面,再点击某个图片,就又是微博里浮出图片的效果了,或者说是feedly的浮出详情。牛X了,组合拳啊
  假装不跳转例子3“i”的翻转。
  “i”页面的出现是翻过来的,是当前页的背面。
  这些特别的方式,虽然没能减少页面间的跳转,但却把跳转润色的不那么生硬了,使得跳转更生动,更好理解。它们共同的思路是:让当前页与目标页的关系更具象。目标页盖住了当前页;目标页把当前页推到旁边去了;目标页在当前页的背面。
投诉 评论 转载

做好用户体验的76个要素网站用户体验的分类1、感官体验:呈现给用户视听上的体验,强调舒适性。2、交互体验:呈现给用户操作上的体验,强调易用可用性。3、情感体验:呈现给用户心理上的体验……网站面包屑设计分享译者注:搜索的关键是让用户更加容易的找到所需的信息,我发现该文精心的为用户创造了一个灵活的解决方法,交互形式不在拘泥于固有的设计原则,更多是从实际情况出发,创造更适合的交互控件……用户及用户特征要创建1个可以与用户有效交流的网站,必须考虑到与你交流的用户。理解用户的需求对我们决定网站内容、信息量、用户以及内容结构至关重要。用户不是被动的接受网站提供的信息,所有人……“跳过导航”链接译者注:文章的英文原名为”SkipNavigation”Links,来自WebAIM。WebAIM组织为网站信息无障碍提供了全面的解决方案。所谓网站信息无障碍指任何人(无论是健……啊!费茨定律也有不适用的时候费茨定律,每个交互设计师都如雷贯耳,被誉为和格式塔古腾堡等交互原则齐名的七大交互定律。在我走上交互之路前,一位非常敬佩的设计师甚至和我说:掌握了费茨定律,你就可以打败一切产品经……拥抱手势驱动的界面设计“作为一名移动产品的视觉或用户体验设计师,你也许觉得Apple发布iPhone仿若昨日。iPhone无疑为最个人、最私密的设备开启了一个全新以触摸屏为中心的交互时代,是当之无愧……把握5元素,让页面文字阅读更舒适上网在线阅读,是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面,有没有……万般设计为阅读【译】随着各种网页字体、付费的网页字体服务和现成工具越来越多,字体排版收回了它作为设计皇后的桂冠,成为所有图形和网页设计的关键。今时今日,许多设计师在设计排版时,主要考虑的本质……合理设置响应式设计的响应点【译】你可以轻易找到许多如何设置响应式设计响应点的攻略,但是这些过时的设计方法都是以主流屏幕尺寸为依据的,效果并不理想。其实并没有“主流”屏幕尺寸这一概念。另外一个主流的方法是当布局……新技术让人机交互更上一层楼【编者按】本文解析了当前仍在开发中的全新技术bRightbBright实现的是智能化的人机交互。文中对SRI计算机科学实验室GritDenker博士的采访解析了当下技术发展的现……手机上能不跳转就不跳转跳转太多了,就搞不懂了。PC上的网页,页面间反复跳转是再正常不过的了,从首页进入搜索结果页,再到详情页,再跳到相关内容的详情页不过到了手机上,无节制的跳转就有点儿问题了。……SNS、微博网站“注册流程”用户体验分析一个用户到了某个网站的门口,从跨进门槛到找到自己的座位,这个过程中网站要做的,一是让用户尽快坐稳,该干什么干什么;二是让用户快速熟悉房间,保持新鲜感,至少在坐下之前,主人应该送……
“偷师”无印良品,“十元店”名创优品也要冲刺IPO了全民冲刺科创板:一场盛宴已经拉开了序幕斗鱼年收入破40亿计划年内启动赴美上市猫眼娱乐“流血”IPO,在线票务第一股上市即破发背后37家!科技“独角兽”上市数量今年创下新纪录没有创始人的猫眼将迎来春节档最强电影:上市都400亿美元估值了,这家公司为何还不上市?创投大佬热议科创板:欣喜多一个退出渠道上市首日暴涨120,趣头条IPO启示录斗鱼拟赴美IPO融资金额6至7亿美元一文详解2018年IPO市场现状靴子终于要落地了?美团或9月前香港递交上市申请参观颐和园小学作文红米Note和HTCOneMax哪个好点点滴滴入梦来作文800字2023年春节期间全省部分文化旅游活动安排出炉啦!张耒《和晁应之大暑书事》作品赏析学生水杯爱刻什么字学生可以刻什么字草莓香精是什么夏天的记忆作文400字朝暮不虚实(完)Word中最实用的5个技巧,我帮你整理出来了,。。。彩光污染对人体有哪些危害光子与成对原子首次实现相互作用

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