微交互「淘宝」的「小火箭」带你飞向顶端

产品: 淘宝猎人: AmberDu小白作者: 淘宝设计团队
投稿: 丢丢猴观众: 7.9k人 时间: 2018-12-19

淘宝

与「淘宝」有关的细节还有 131查看全部

我也有新发现 我要投稿
「淘宝」的「小火箭」带你飞向顶端「淘宝」的「小火箭」带你飞向顶端

细节描述

AmberDu小白: 看惯了「回到顶部」的文字提示或者箭头图标引导,不妨体验下淘宝的「回到顶部」小交互。在淘宝首页下滑浏览时「淘」字按钮会自动切换为「小火箭」,一键回到顶部。这样的比喻很形象,不仅为交互过程增加了趣味性,图标位置替换还节省了界面空间。点击其他页面时,「淘」字会恢复本职工作,变成「首页」。一个位置,实现三种功能,这也是值得我们学习的设计技巧。但是淘宝其他页面的「回到顶部」还是用简单的箭头表示,不知道是不是有特殊的考虑。如果也变成小火箭,视觉上会不会更统一 一些呢?

223人评分
收藏 2
分享细节海报

发表评论 为下方 2 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

跟着小红书UED学习52个高频交互设计原理
小红书

交互设计跟着小红书UED学习52个高频交互设计原理

猎人 - 聆风Raymond8.4

最近,「小红书」用户体验设计部UED上线了一个名为「52 个交互设计原则」的网站。据介绍,这52个交互设计原则是由UED从众多设计原则中筛选出的最高频使用设计原则。网站以动态...

查看详情

#hover#信息呈现#好功能

618购物忘记用券满减买贵了怎么办?试试申请保价功能吧
淘宝

好功能618购物忘记用券满减买贵了怎么办?试试申请保价功能吧

猎人 - AmberDu小白9.4

618购物节之前,「淘宝」正式上线了「价保中心」功能。当用户购买的商品支持价保服务时,如在价保期内商品降价,即可申请退差价。其实「淘宝」以前就有价保服务,但管理不规范,也没有...

查看详情

#人性化#好功能#淘宝

如何针对产品属性制作新手教程?
花亦山心之月

用户体验如何针对产品属性制作新手教程?

猎人 - 洛糊糊7.5

新手引导对于App来说是留住用户的第一道关口,需要在此时传达整个软件的核心机制,也需要让用户快速熟悉整个App的基础流程操作。「印象笔记」的新手教程是完成一篇待办清单,游戏「...

查看详情

#印象笔记#易用性#用户引导