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

《只言片语》致力于通过简短聚焦的知识和,让大家加深对设计的理解,以及从更多的角度看待“设计”。我更希望大家从设计师的身份中脱离出来,更多的设计对象。本期的小知识点将给大家带来地址选择在不同产品和场景中的用法和思考,收好了您内!

NO.1 Picker式联动选择

该地址选择控件为底部滑出的picker,这个形式的选择器,在新增收货地址的场景中应用的比较频繁。新增收货地址场景一般为填写自己的收货地址和他人的收货地址两大类。而收货地址的填写需要完整的、严谨的省市区字段,用来方便在其他地方调用和购买时确认信息。

优点:属于系统自带控件,兼容性好。占用页面空间小,层级浅方便用户对照预览,并能实时预览其他信息,地址联动性较强,能够完整选择省市区信息。

缺点:一屏展示的信息过少,找地址时如果想要找的地址太靠下,那需要花的时间就长。并且扩展性不强,无法扩展更多的功能,比如国外地址。同时只能通过先选择省-市-区的路径才能完成,无法直接选择城市。

NO.2 块+列表型选择

该地址选择样式通常在例如旅游、外卖、租房等应用上多用,场景是用户只需要通过定位或者选择城市即刻,不用再选择省市区,所以在以上一些app中,用来定位的话选择列表更合适。

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

缺点:层级深,大部分需要通过右侧的滑动字母来选择,但是这其实并不是个非常友好的交互操作和视觉展示,因为不够自然,需要用户集中精力去操作该控件。

NO.3 下拉联动式

该地址选择样式一般会使用在下拉菜单的列表中,当有多个筛选功能的标签需要用户通过大量的条件筛选时,同时每一个筛选条件又有多级分类是,该模式最常用。

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

缺点:层级深,大部分需要通过右侧的滑动字母来选择,但是这其实并不是个非常友好的交互操作和视觉展示,因为不够自然,需要用户集中精力去操作该控件。

NO.4 点击跳转式

以下两个地址选择方式分别都是嵌入在两个应用的个人资料的所在地中,个人资料的地址应该算是比较鸡肋的功能,用户不想输你也没有办法。但是这个神奇的交互方式是点击省后又要再跳转一次页面,显然路径太长不方便操作。

优点:聚焦……

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

NO.5 平铺式地址选择

平铺式地址选择给人感觉很霸气,hin直观,通常敢这么用的一般只有物流行业的应用,物流行业用户的喜好或者更习惯用这样粗犷的地址选择方式。能够迎合用户也不失为一种好的交互方式。其实我们一直都在寻找平衡点,效率这个词关键在于是我们认为他对用户来说有效率,还是用户习惯之后使用起来更有效率。

还要说一点,当我们在观察用户的时候,习惯使用这一控件的用户更喜欢模块化容易点击的,而非是聚合在一起更联动的列表。他们可能使用起应用的手势更喜欢点击而非滑动,华东对他们来说更容易误操作,因为大部分这类用户的手机较低端,不够流畅。

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

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

NO.6 地图定位式

智能定位的代表,其实饿了么和美团都做的还挺不错,特别是在lbs定位方面有自己的优势和资源。很多用户的住址可能并不是太容易找,所以他们可能会选择定位到一个更容易接收外卖的地方去定位。但是说到底定位并不一定准,所以用户选择完大致的地址依然还是会在上一级页面更完整的输入一边向西的地址。

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

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

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

往期阅读

1.视觉和交互都必须知道的交互设计模

2.【只言片语01】设计的逻辑

3.【只言片语02】设计中的加载

4.【只言片语03】无效的用户测试

5.【只言片语04】体验设计杂谈

6.2018设计师超详细面试指南

7.产品设计心得-视觉篇

8.扁平描边插画呕血教程

9.老司机教你3步解析品牌设计

应谋鬼计

作者: 应骏

(0)

相关推荐

  • 如何在手机端哔哩哔哩app中设置收货地址?

    相信很多小伙伴都有在手机上使用哔哩哔哩,在其中如何才能设置收货地址呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"哔哩哔哩".进入首页后,点击左上角的头 ...

  • 怎么编辑和增加百度糯米App中的收货地址

    今天,小编给大家介绍编辑和增加百度糯米App中收货地址的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的手机中找到[百度糯米]图标,点击进入主界面,然后选择屏幕右下方的[我的]图标按钮. ...

  • 怎么在微信App中添加“我”的地址

    今天,小编给大家介绍在微信App中添加"我"的地址的方法,希望对大家有所帮助.具体如下:1. 第一步,请大家在自己的手机中找到[微信]图标,点击进入主界面,然后选择底部的[我]按钮 ...

  • 如何在美团外卖app中新增收货地址?

    如今许多的小伙伴都会使用美团来点外卖,如果我们想要在软件中添加一个新的收货地址应该如何操作呢?今天,小编就教大家在美团外卖app中新增收货地址.具体如下:1. 我们先打开手机中的美团app,之后在首页 ...

  • 如何在天猫app中修改收货地址?

    许多小伙伴都喜欢在天猫app中进行购物,如果我们的常住地址改变了想要修改收货地址应该如何操作呢?今天,小编就教大家在天猫app中修改收货地址.具体如下:1. 首先,我们打开手机中的天猫app,之后在首 ...

  • 如何在美团外卖App中新增收货地址

    美团外卖是我们常用的一款网购软件,深受大家喜欢,给我们的生活带来了很大的乐趣和方便,有的用户不知道如何在美团外卖App中新增收货地址,小编为大家介绍方法.具体如下:1.首先,请大家在自己的手机中找到[ ...

  • 如何在易车app中添加收货地址

    今天给大家介绍一下如何在易车app中添加收货地址的具体操作步骤.1. 打开手机,找到桌面上的易车APP,打开.2. 进入主页面后,点击页面右下角的我的选项.3. 进入我的页面后,点击页面右上方的设置图 ...

  • 手机京东APP中的收货地址如何删除

    今天给大家介绍一下手机京东APP中的收货地址如何删除的具体操作步骤.1. 解锁手机后,找到桌面上的京东APP,打开:2. 进入主页面后,点击页面右下角的我的选项:3. 在打开的我的页面,点击右上角的齿 ...

  • 腾讯课堂APP中的收货地址怎么进行添加

    今天给大家介绍一下腾讯课堂APP中的收货地址怎么进行添加的具体操作步骤.1. 解锁手机后,找到桌面上的腾讯课堂APP,打开:2. 在打开的主页面,点击页面右下角的我的选项:3. 在打开的我的页面,点击 ...