怎么找到体验设计灵感-第3期
每天前进一小步,贵在坚持
优秀APP体验日记
1.【火币】帮助中心-清晰的信息分类
产品体验:
进入火币首页,在金刚区点击“帮助中心”icon进入帮助中心页面,可以看见“常见问题”模块按照问题类型进行了分类展示。

设计思考:
“帮助中心”模块关于“常见问题”展示常见的方式有列表形式,按顺序依次排列下来,这种形式适用于问题数量比较少的情况,用户浏览寻找问题也不费力,如果问题数量较多,使用这种方式则会增加一定的操作成本。
火币这里将问题进行了分类展示,用户可以根据类别名称进行快速检索并找到感兴趣的问题,缩小查找范围,避免“大海捞针”,提高了操作效率,增加了产品易用性。
2.【老虎证券】交易榜数据排名尽可能多的展示
产品体验:
进入老虎证券“发现”页,向上滑动页面会看到“热门交易榜”模块,展示一些数据排名,右下角有轮播点引导用户左右滑动该模块去查看更多的数据信息。

设计思考:
通常在app一级页面中,一屏的页面空间是非常宝贵的,尤其是在内容信息较多的业务下,页面空间更要好好利用。
老虎证券的“发现”页内容信息较多,是一个长页面,里面的“热门交易榜”模块在固定的高度空间内展示了十条数据,同时还可以引导用户左右滑动查看更多到30条的数据,操作方便,充分利用了X轴的空间,在不占用更多高度空间的前提下尽可能将更多的信息呈现给用户,提高了空间利用率和操作效率。
3.【马蜂窝】门票购买人数的动态展示
产品体验:
进入马蜂窝景点详情页,底部有预订门票的视图弹窗,左边显示了价格,右边显示了已购买人数并结合了头像动态轮播(10个头像)。

设计思考:
随着行业发展,越来越多的界面设计中融入了微动效设计。在预订门票的设计中,显示已购买人数可以利用用户的从众心理,已购买人数多的景点用户购买率也会提高。
而在马蜂窝中,不仅显示了已购买人数,还加入了头像轮播的动效,不仅吸引眼球,还给用户带来了一种实时感、紧迫感和参与感,更加促进用户点击,从而进一步提高购买转化率。
4.【老虎证券】欢迎页支持回看
产品体验:
进入老虎证券设置页,点击“关于”进入页面,可以看到“查看欢迎页”入口,点击即可重新查看每张欢迎页。

设计思考:
通常app第一次上线或者重大改版的情况下会设置欢迎页,且需要用户在此前提下第一次下载并打开app时才会看到,之后再打开app时就不会看到了(除非截图),满足不了用户再次查看的需求。
但老虎证券另外在“关于”页面增加了“查看欢迎页”的入口,满足了有再次查看需要的用户,提升了用户体验。
5.【老虎证券】行情页顶部tab栏和底部tab栏联动
产品体验:
进入老虎证券行情页,当顶部tab栏显示“行情”时,底部tab栏第一个会对应显示“新帖”,当顶部tab栏显示“新帖”时,底部tab栏第一个则会显示为“行情”。

设计思考:
老虎证券行情页功能较多且复杂,设计了两个tab栏,一个在顶部一个在底部,并且将底部第一个tab跟顶部tab栏联动起来,相比顶部tab栏,底部tab更有利于单手操作,方便用户快速切换不同的tab,节省操作时间,提高操作效率。
6.【老虎证券】页面下拉交互的探索
产品体验:
进入老虎证券股票行情页,下拉页面时会刷新并且展示该股票的开盘/收盘倒计时信息。

设计思考:
常见的下拉页面的交互是刷新页面,或者是进入二楼页面,在老虎证券中,行情页下拉不仅会刷新页面还会显示开盘/收盘倒计时,这是对页面下拉交互的一种新探索,尽可能的利用了页面下拉空间并巧妙的将倒计时信息展示出来,节省了页面空间,感受到产品的用心,提高了产品易用性。
7.【同花顺】支持图片搜索股票
产品体验:
进入同花顺首页,点击顶部搜索框进入搜索推荐页,搜索框右边有一个图片icon,点击即可上传相关规范的图片进行股票搜索。

设计思考:
图片搜索在电商中已经比较常见了,“以图搜图”,在同花顺中,图片搜索是“以图搜文”,根据图片中的股票名称或代码搜索出对应的股票信息,考虑到股票名称或代码不容易记忆且键盘输入成本较高,使用图片搜索提高了操作效率,提升了用户体验。
8.【老虎证券】文章详情页浏览位置和评论模块快速切换
产品体验:
进入老虎证券文章详情页,向上滑动页面查看文章时,如果想查看评论,点击底部评论icon即可一键定位到评论模块,查看当前一屏显示的几条评论内容(不触发页面滑动),然后再次点击评论icon又可回到刚浏览到的地方继续浏览。

设计思考:
老虎证券文章浏览内容和评论模块之间快捷定位的交互方式,实现了两块内容的快速切换,提高操作效率,给用户提供多样性的选择,满足不同用户的需求。
9.【京东金融】分类收集意见反馈
产品体验:
进入京东金融设置页,点击“意见反馈”进入选择分类页面,可以先选择你想要反馈的类型,然后再输入内容提交反馈。

设计思考:
一般的意见反馈模块,用户不需要选择类型,只要输入内容提交反馈即可,这样的话平台在收到用户的反馈后,可能由于反馈问题比较乱且杂,需要先整理好再给到对应人士手中,增加了时间成本和人力成本。
在京东金融中,让用户先选择反馈类型再进行问题描述提交,这样平台收到的反馈就是分类好的信息,查找更方便,处理更快速,有助于提升产品体验。
10.【京东金融】底部首页tab的巧妙运用
产品体验:
进入京东金融首页,底部tab显示“推荐”及下箭头指示,点击则快速定位到页面下面的“推荐”模块,随之底部tab又变为“刷新”icon,点击可刷新推荐内容。

设计思考:
因为业务需要,首页设计成长页面的情况也很常见。这时在不能删减业务功能的前提下,就需要从交互设计方面提高产品的易用性。
京东金融巧妙合理地利用首页tab,引导用户去点击查看页面下面的推荐模块,减少页面滑动,提高操作效率,同时避免用户忽略页面下方的内容,提升用户体验。







































































