3
交互设计：用 3 个「实战案例」详解选择器的用法（三）
source link: http://www.chanpin100.com/article/121550
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
交互设计：用 3 个「实战案例」详解选择器的用法（三）
- 发布于12小时前
- 阅读892
思路说完了，下面开始案例解析，以下三个案例都是我在工作中遇到的情况，我会按照上面的思路来一步步解析如何思考，如何解决遇到的问题，最后为了帮助大家理解我会附上一个交互demo。
思路说完了，下面开始案例解析，以下三个案例都是我在工作中遇到的情况，我会按照上面的思路来一步步解析如何思考，如何解决遇到的问题，最后为了帮助大家理解我会附上一个交互demo。
案例一：日期选择器
案例介绍：这是一个动物园购票小程序“成都动物园官方购票”。
用户场景：用户购票过程选择游玩日期。
用户故事：
今天是星期四，小明打算这周六带着外甥女去动物园玩，于是打开小程序，开始选择日期。
小明遇到的问题：
问题一：这周六距离“今天”只有几天，我想能够快速选择日期！
问题二：“昨天”肯定是无法购票的，我不小心误点击了“昨天”后提示我不可购票感觉很不爽！
问题三：我对日期的概念不强，周六不就是后天吗，我想要更直观的知道明后天的概念！
问题四：这周突然要加班，我改主意了，打算下周六再去，我想更直观地看到周六日更方便的选择日期！
看了小明的灵魂四问，有没有一种被用户和客户支配的感觉2333…
回想一下当客户、老板和用户对你进行如此这般灵魂拷问的时候，你如何应付？
当然是怼回去…啊呸，当然是遇山开山遇水搭桥，有条件要上，没条件创建条件也要上！
咳咳，跑题了，继续……
小明的问题我们了解了，那么我们如何来解决他的问题？
不着急，咱们一个个拆解。
问题一：这周六距离“今天”只有几天，我想能够快速选择日期！
解决方案：左右滑动选择日期
左右滑动选择日期：
接下来的几个问题怎么解决呢？下篇文章继续给大家提供解决方案，感兴趣的话继续去看看吧！
以上就是“交互设计：用 3 个「实战案例」详解选择器的用法（三）”的内容了，如果你还想了解其他相关内容，可以来产品壹佰官方网站。
案例介绍：这是一个动物园购票小程序“成都动物园官方购票”。
用户场景：用户购票过程选择游玩日期。
用户故事：
今天是星期四，小明打算这周六带着外甥女去动物园玩，于是打开小程序，开始选择日期。
小明遇到的问题：
问题一：这周六距离“今天”只有几天，我想能够快速选择日期！
问题二：“昨天”肯定是无法购票的，我不小心误点击了“昨天”后提示我不可购票感觉很不爽！
问题三：我对日期的概念不强，周六不就是后天吗，我想要更直观的知道明后天的概念！
问题四：这周突然要加班，我改主意了，打算下周六再去，我想更直观地看到周六日更方便的选择日期！
看了小明的灵魂四问，有没有一种被用户和客户支配的感觉2333…
回想一下当客户、老板和用户对你进行如此这般灵魂拷问的时候，你如何应付？
当然是怼回去…啊呸，当然是遇山开山遇水搭桥，有条件要上，没条件创建条件也要上！
咳咳，跑题了，继续……
小明的问题我们了解了，那么我们如何来解决他的问题？
不着急，咱们一个个拆解。
问题一：这周六距离“今天”只有几天，我想能够快速选择日期！
解决方案：左右滑动选择日期
左右滑动选择日期：
以上就是“交互设计：用 3 个「实战案例」详解选择器的用法（三）”的内容了，如果你还想了解其他相关内容，可以来产品壹佰官方网站。
产品壹佰网站所提供的内容均来源于用户提供或网络搜集，由本站编辑整理，仅供个人研究、交流学习使用。如涉及版权问题，请联系本站管理员予以更改或删除。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK