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

关于滚动下滑,我有话说

9月25日 逆落雪投稿
  我们都知道怎么滚动页面,却老是被向下的箭头打断了体验。如何才能更优雅的提示用户,看看作者的方法吧。
  现在有很多网站使用一些无边框的、看起来高大上的图片来铺满整个页面,而且似乎有一大帮受众都很吃这一套。
  但是并不是所有人都喜欢这种设计的。。呃,为啥呢?
  我只是想问一句,为啥子你要朝我吼,比如网页上那个向下的箭头?得了吧,我知道怎么用我的电脑,OK?我不是脑残,我靠滚动的方式浏览网页已经不是一两年了。所以不要试图教我怎么做!
  解释是愚者的行为MiltonGlaser
  致设计师们
  你们正在打断用户浏览网页的逻辑过程,而缘由不过是一些最最基础的交互动作。所有人都知道该怎么滚动页面,而你们却肆意破坏了这种心智模型。难道你们不会睁大眼睛看看?哪里有被折叠的页面?所有东西都是平铺展示的。这种设计的出发点就错了,向下箭头压根不是个解决方案,而是不当的累赘。
  用一个箭头告诉用户滚动网页的行径就好像在一个按键上标注“点击这里”那样愚蠢。这不是设计,甚至不是艺术。正如我之前所说,你一试图解释就已经败了。
  这样的箭头压根没有存在的意义,相反,它是一种懒惰和无用的解决方案,因为它正试图强迫用户去操作,而非和用户沟通。
  “可是我的客户希望要个全屏的大图片!天哪我该怎么做?
  冷静下来,我们都是设计师,挑战就是乐趣所在。
  大量的调研表明当用户不知道可以下滑时是如何忽略你的内容的,以及针对这个问题的解决方法。即便使用一个下滑箭头确实起到了不错的效果,而对我来说那只不过是因为页面对着用户大叫“给我滑下去,傻瓜!”。换言之,它能解决问题,但是不能提供优秀的体验,
  尝试用一些微妙的动画(我不是指那些动来动去的箭头)
  页面上的动画元素可以很好地帮助用户留意到大图下面是否还有内容。我不是说这是个万金油的方案,但是动画对我而言可能是解决此类问题优先考虑的方案。
  从第一个例子里可以看到,底部的内容在页面加载完初弹起又落下,直至消失于屏幕最底端,就好像在说:“嗨,我在这里,随时来找我”。
  如果你的网站使用了视差滚动,或许你可以再玩点更有意思的效果,这样可以让整个页面的动画看起来更具一致性。如果图片在用户滚动时缩小,那么它在页面加载完底下内容蹦出来时时也应该有一样的效果。
  同样地,如果你藏在首屏下的内容不止一块,那也可以整点新花样。
  不要把内容藏起来
  谷歌Fit在大的圆形图表下露出小半截卡片帮助你了解可以滑动浏览更多。这是个很直观和智慧的方式因为它不需要任何其它多余元素来说明,同时它能给予主视图元素以足够的空间。
  这并不是一个多么新颖的想法。在2006年,JaredSpool早就讨论过此类设计。
  在网页中,你也同样可以采用类似的戏法:让首屏大图只显示90的窗口高度。
  我们还降低底下冒尖的内容的透明度,这样用户的注意力就能更聚焦在首屏上。
  关于底部内容的透明度我有话说。。如果透明度太低那也不中,而且最关键的是别忘了当用户向下滚动网页或试图与这些内容产生交互动作时让透明度回归100。
  “简化”是个大课题,正如我们都知道的。然而有时候看起来简单的解决方法不过是懒惰的体现。有的东西看起来容易设计,实则无意义于使用。
  请向我保证下次别在你的网站中出现向下箭头了,好吗?
投诉 评论 转载

设计谈:绝对的扁平化或拟物化,都是错误本文原题《360OS发布之际,和老周说说视觉设计,干货》,发于AK47论坛“说老周”版块。本文主要评价了以苹果为例的扁平化视觉设计理念,更是指出了现有扁平化设计的内在矛盾。赞同……AppleWatch设计入门这个月晚些时候,众望所归的AppleWatch会带来成千上万的手表应用,冲击应用市场,吸引你的注意。由于屏幕尺寸更小,又始终戴在手腕上,交互方式也有所不同。要在AppleWat……马化腾说:腾讯兵法教你做一款高口碑的产品Pony是腾讯的首席体验官、首席产品经理。本文是Pony在腾讯峰会时的分享。以QQ影讯和QQ邮箱为例子,详细的分享了产品经理在产品设计、运营和交互工作时如何去找准产品的核心功能……为什么停车市场互联网化相对滞后?【导读】“罐头是在1810年发明出来的,可开罐器却在1858年才被发明出来。有时候,重要东西就是这样迟来一步。”前天通过Skype采访身在美国的桑文,聊停车这块市场的问题……关于滚动下滑,我有话说我们都知道怎么滚动页面,却老是被向下的箭头打断了体验。如何才能更优雅的提示用户,看看作者的方法吧。现在有很多网站使用一些无边框的、看起来高大上的图片来铺满整个页面,而且似……4个方法帮你成为创意高产达人下面为大家介绍几个激发创意、活化思维的方法,让我们一起来打开思路吧!1、联想思维第一个创意方法,就是联想思维。这是每个人在思考时都会潜移默化使用到的一个方法。有点像……为什么你要考虑游戏化增哥导读:花费将近2周时间,终于完成了这篇文章,文章中所讲述的游戏化策略,对我们增加产品活跃度,提高用户体验,有着非常好的指导意义,这也促使自己能不断投入精力完成这次翻译,希望……APP注册登录流程设计与浅析增哥导读:随着移动端设计越来越重视用户体验,往往用户只需要很短的时间就决定了还要不要再使用你的产品,所以缩短注册登陆的流程十分必要。相信谁都不喜欢一打开软件,就要强迫你登陆,不……从产品原型到交互设计的过渡产品经理根据需求来规划产品原型,但是产品原型往往比较粗糙,可能只包含了核心功能描述或者模块划分。我之前问过很多朋友产品经理的原型和交互设计师的原型相比有何异同,得到的结果简单来……我不相信用户体验设计【导读】我觉得“用户体验设计实际上是并不存在的”已经有一段时间了,或者更准确的说,不应该存在。我把这个观点和一些人分享过几次,得到了不友善的反馈,所以自己我就没有再提了。但是最……都说快速迭代反馈,问题是你的反馈真有效吗?大家有做过产品的话,无论是成功还是失败,应该都深有感触:往往我们无论什么情况都去综合考虑所有的用户反馈,其实这是不现实,也不正确的。而去满足所有用户的请求更是一个非常愚蠢的行为……MVP(最简可行产品)应该从Cupcake开始导语:在当前“精益创业”和MVP大行其道之际,你是否跟上了时代的步伐真正领会精益创业的精髓?下面我们看看Galls法则是怎么指导我们:MVP(最简可行产品)应该从Cupcake……
十个有趣的网站导航设计时间感知对交互设计的影响交互设计技巧:创造好的用户体验(3)(翻译)交互设计技巧:创造好的用户体验(2)(翻译)交互设计技巧:创造好的用户体验(1)(翻译)交互设计分享(一)iOS平板与Android平板的交互与动画UI设计中的重要一环:留白让顶尖设计师告诉你10个色彩运用秘技超实用的版式设计技巧全方位总结PaintCode用户操作指南(绘制篇)10个新手设计师容易犯的关键错误健身操锻炼不分男女查明造句用查明造句大全我们的新时代电池医生王家钧个人成长应同国家命运联系在一起大厂人事徐雷将接替刘强东出任京东CEO孟晚舟进入华为轮值董事第一次参加抢答竞赛五年级作文心累的说说这世界太黑暗我真的累了小清新文艺风扎发校园女生森女系扎发大全华硕发布四款顶级主板全部无风扇0噪音特内里费空难与恐怖袭击有关,跑道上相撞损失惨重雨落在草原上茕石不关痛痒的故事2020我的愿望作文400字

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