当前位置: 首页 >文章 > 【只言片语05】app中不同场景的地址选择
收藏
分享

【只言片语05】app中不同场景的地址选择

举报应骏应骏发布于 2018-08-171822阅读1点赞
其实我们一直都在寻找平衡点,效率这个词关键在于是我们认为他对用户来说有效率,还是用户习惯之后使用起来更有效率。 ...

《只言片语》致力于通过简短聚焦的知识和经验,让大家加深对设计的理解,以及从更多的

角度看待“设计”。我更希望大家从设计师的身份中脱离出来,更多的关注设计对象。本期

的小知识点将给大家带来地址选择在不同产品和场景中的用法和思考,收好了您内!






NO.1 Picker式联动选择







该地址选择控件为底部滑出的picker,这个形式的选择器,在新增收货地址的场景中应用的

比较频繁。新增收货地址场景一般为填写自己的收货地址和他人的收货地址两大类。而收货

地址的填写需要完整的、严谨的省市区字段,用来方便在其他地方调用和购买时确认信息。




优点:属于系统自带控件,兼容性好。占用页面空间小,层级浅方便用户对照预览,并能实

时预览其他信息,地址联动性较强,能够完整选择省市区信息。




缺点:一屏展示的信息过少,找地址时如果想要找的地址太靠下,那需要花的时间就长。并

且扩展性不强,无法扩展更多的功能,比如国外地址。同时只能通过先选择省-市-区的路径

才能完成,无法直接选择城市。






NO.2 块+列表型选择







该地址选择样式通常在例如旅游、外卖、租房等应用上多用,场景是用户只需要通过定位或

者选择城市即刻,不用再选择省市区,所以在以上一些app中,用来定位的话选择列表更合

适。




优点:可以直接定位城市,或者按照右侧的字母筛选选择,甚至添加搜索功能。扩展性强。




缺点:层级深,大部分需要通过右侧的滑动字母来选择,但是这其实并不是个非常友好的交

互操作和视觉展示,因为不够自然,需要用户集中精力去操作该控件。





NO.3 下拉联动式







该地址选择样式一般会使用在下拉菜单的列表中,当有多个筛选功能的标签需要用户通过大

量的条件筛选时,同时每一个筛选条件又有多级分类是,该模式最常用。




优点:直观可联动,对于多个分类的筛选项兼容性也不错。除了嵌入在下拉菜单中,也可以

在该控件上加入tab切换的




缺点:层级深,大部分需要通过右侧的滑动字母来选择,但是这其实并不是个非常友好的交

互操作和视觉展示,因为不够自然,需要用户集中精力去操作该控件。








NO.4 点击跳转式







以下两个地址选择方式分别都是嵌入在两个应用的个人资料的所在地中,个人资料的地址应

该算是比较鸡肋的功能,用户不想输你也没有办法。但是这个神奇的交互方式是点击省后又

要再跳转一次页面,显然路径太长不方便操作。




优点:聚焦......




缺点:层级深,已经很鸡肋的功能显得更鸡肋。不如像下面这样











NO.5 平铺式地址选择








平铺式地址选择给人感觉很霸气,hin直观,通常敢这么用的一般只有物流行业的应用,物

流行业用户的喜好或者更习惯用这样粗犷的地址选择方式。能够迎合用户也不失为一种好的

交互方式。其实我们一直都在寻找平衡点,效率这个词关键在于是我们认为他对用户来说有

效率,还是用户习惯之后使用起来更有效率。




还要说一点,当我们在观察用户的时候,习惯使用这一控件的用户更喜欢模块化容易点击的,

而非是聚合在一起更联动的列表。他们可能使用起应用的手势更喜欢点击而非滑动,华东对

他们来说更容易误操作,因为大部分这类用户的手机较低端,不够流畅。




优点:一旦用户形成习惯和记忆,他们的使用效率异常高




缺点:对新手用户来说不太友好






NO.6 地图定位式







智能定位的代表,其实饿了么和美团都做的还挺不错,特别是在lbs定位方面有自己的优势和

资源。很多用户的住址可能并不是太容易找,所以他们可能会选择定位到一个更容易接收外

卖的地方去定位。但是说到底定位并不一定准,所以用户选择完大致的地址依然还是会在上

一级页面更完整的输入一边向西的地址。




优点是让用户直观看到地图上用来收外卖的点




缺点是定位可能不够准确,用户需要重新再输入详细的地址




本次分享到此结束,敬请收看下期内容


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩19天45人已报名
【5月】零基础手绘插画训练营
距离开班仅剩19天24人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩36天7人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,261
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证