怎么找到体验设计灵感-第3期

Recommand
杭州/设计爱好者/3年前/326浏览
怎么找到体验设计灵感-第3期Recommand
三悠

每天前进一小步,贵在坚持

优秀APP体验日记

1.【火币】帮助中心-清晰的信息分类


产品体验:

进入火币首页,在金刚区点击“帮助中心”icon进入帮助中心页面,可以看见“常见问题”模块按照问题类型进行了分类展示。

undefined

设计思考:

“帮助中心”模块关于“常见问题”展示常见的方式有列表形式,按顺序依次排列下来,这种形式适用于问题数量比较少的情况,用户浏览寻找问题也不费力,如果问题数量较多,使用这种方式则会增加一定的操作成本。

火币这里将问题进行了分类展示,用户可以根据类别名称进行快速检索并找到感兴趣的问题,缩小查找范围,避免“大海捞针”,提高了操作效率,增加了产品易用性。



2.【老虎证券】交易榜数据排名尽可能多的展示


产品体验:

进入老虎证券“发现”页,向上滑动页面会看到“热门交易榜”模块,展示一些数据排名,右下角有轮播点引导用户左右滑动该模块去查看更多的数据信息。

undefined

设计思考:

通常在app一级页面中,一屏的页面空间是非常宝贵的,尤其是在内容信息较多的业务下,页面空间更要好好利用。

老虎证券的“发现”页内容信息较多,是一个长页面,里面的“热门交易榜”模块在固定的高度空间内展示了十条数据,同时还可以引导用户左右滑动查看更多到30条的数据,操作方便,充分利用了X轴的空间,在不占用更多高度空间的前提下尽可能将更多的信息呈现给用户,提高了空间利用率和操作效率。



3.【马蜂窝】门票购买人数的动态展示


产品体验:

进入马蜂窝景点详情页,底部有预订门票的视图弹窗,左边显示了价格,右边显示了已购买人数并结合了头像动态轮播(10个头像)。

undefined

设计思考:

随着行业发展,越来越多的界面设计中融入了微动效设计。在预订门票的设计中,显示已购买人数可以利用用户的从众心理,已购买人数多的景点用户购买率也会提高。

而在马蜂窝中,不仅显示了已购买人数,还加入了头像轮播的动效,不仅吸引眼球,还给用户带来了一种实时感、紧迫感和参与感,更加促进用户点击,从而进一步提高购买转化率。



4.【老虎证券】欢迎页支持回看


产品体验:

进入老虎证券设置页,点击“关于”进入页面,可以看到“查看欢迎页”入口,点击即可重新查看每张欢迎页。

undefined

设计思考:

通常app第一次上线或者重大改版的情况下会设置欢迎页,且需要用户在此前提下第一次下载并打开app时才会看到,之后再打开app时就不会看到了(除非截图),满足不了用户再次查看的需求。

但老虎证券另外在“关于”页面增加了“查看欢迎页”的入口,满足了有再次查看需要的用户,提升了用户体验。



5.【老虎证券】行情页顶部tab栏和底部tab栏联动


产品体验:

进入老虎证券行情页,当顶部tab栏显示“行情”时,底部tab栏第一个会对应显示“新帖”,当顶部tab栏显示“新帖”时,底部tab栏第一个则会显示为“行情”。

undefined

设计思考:

老虎证券行情页功能较多且复杂,设计了两个tab栏,一个在顶部一个在底部,并且将底部第一个tab跟顶部tab栏联动起来,相比顶部tab栏,底部tab更有利于单手操作,方便用户快速切换不同的tab,节省操作时间,提高操作效率。



6.【老虎证券】页面下拉交互的探索


产品体验:

进入老虎证券股票行情页,下拉页面时会刷新并且展示该股票的开盘/收盘倒计时信息。

undefined

设计思考:

常见的下拉页面的交互是刷新页面,或者是进入二楼页面,在老虎证券中,行情页下拉不仅会刷新页面还会显示开盘/收盘倒计时,这是对页面下拉交互的一种新探索,尽可能的利用了页面下拉空间并巧妙的将倒计时信息展示出来,节省了页面空间,感受到产品的用心,提高了产品易用性。



7.【同花顺】支持图片搜索股票


产品体验:

进入同花顺首页,点击顶部搜索框进入搜索推荐页,搜索框右边有一个图片icon,点击即可上传相关规范的图片进行股票搜索。

undefined

设计思考:

图片搜索在电商中已经比较常见了,“以图搜图”,在同花顺中,图片搜索是“以图搜文”,根据图片中的股票名称或代码搜索出对应的股票信息,考虑到股票名称或代码不容易记忆且键盘输入成本较高,使用图片搜索提高了操作效率,提升了用户体验。



8.【老虎证券】文章详情页浏览位置和评论模块快速切换


产品体验:

进入老虎证券文章详情页,向上滑动页面查看文章时,如果想查看评论,点击底部评论icon即可一键定位到评论模块,查看当前一屏显示的几条评论内容(不触发页面滑动),然后再次点击评论icon又可回到刚浏览到的地方继续浏览。

undefined

设计思考:

老虎证券文章浏览内容和评论模块之间快捷定位的交互方式,实现了两块内容的快速切换,提高操作效率,给用户提供多样性的选择,满足不同用户的需求。



9.【京东金融】分类收集意见反馈


产品体验:

进入京东金融设置页,点击“意见反馈”进入选择分类页面,可以先选择你想要反馈的类型,然后再输入内容提交反馈。

undefined

设计思考:

一般的意见反馈模块,用户不需要选择类型,只要输入内容提交反馈即可,这样的话平台在收到用户的反馈后,可能由于反馈问题比较乱且杂,需要先整理好再给到对应人士手中,增加了时间成本和人力成本。

在京东金融中,让用户先选择反馈类型再进行问题描述提交,这样平台收到的反馈就是分类好的信息,查找更方便,处理更快速,有助于提升产品体验。



10.【京东金融】底部首页tab的巧妙运用


产品体验:

进入京东金融首页,底部tab显示“推荐”及下箭头指示,点击则快速定位到页面下面的“推荐”模块,随之底部tab又变为“刷新”icon,点击可刷新推荐内容。

undefined

设计思考:

因为业务需要,首页设计成长页面的情况也很常见。这时在不能删减业务功能的前提下,就需要从交互设计方面提高产品的易用性。

京东金融巧妙合理地利用首页tab,引导用户去点击查看页面下面的推荐模块,减少页面滑动,提高操作效率,同时避免用户忽略页面下方的内容,提升用户体验。

2
Report
|
3
Share
相关推荐
轮播图的设计形式有哪些?
Recommanded by editor
文章
不一样的标签页设计
Recommanded by editor
文章
怎么做出有亮点的卡片设计
Recommanded by editor
文章
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
拆解立体图标
Recommand
文章
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
大家都在看
Log in