一、关于时间的控件分为两种：日期时间控件 和 日历控件。
日期时间控件：当选择的时间包含时分时会采用的控件。一般点击后，我见过的交互有两种方式，一种是在底部弹出选择框，通过滚动的形式可选择年、月、日、时、分，点击完成按钮关闭弹窗。另一种是在点击处下方直接显示，选择的形式同底部弹出选择一样，选择完成后，点击开始的点击处，隐藏选择框。
日期时间控件
日历控件：当选择的时间仅仅为日期的时候会选择的控件。我见过的日历控件分为可折叠和不可折叠两种。不可折叠的日历控件都是按月份展示，通过左右滑动，可切换月份。可折叠的日历控件在上滑时会收起，折叠成周历，左右滑动可切换周。两种控件也可结合使用，如图：
日历控件
二、地点控件，交互上我分为了页面选择控件和底部弹框控件。
页面选择交互：当选择的地点，包括历史访问地点、热门城市等，辅助功能时，可采用这种交互控件。优点：可搜索/索引查找，辅助功能可以多些。缺点：需要页面跳转。
页面选择控件
底部弹窗交互：是一种轻松便捷的选择地点的方式，目前也有产品把热门城市选择容进来了，不过如果辅助功能较多，还是觉得选择用页面选择更好。优点：占地小。缺点：当选择的城市区域过多的时候，选择麻烦。所以在功能相对不那么频繁用到的时候，可选择此控件。
底部弹窗控件
三、人员选择控件：根据有组织层级的人员选择还是无组织层级人员选择，有两种交互设计方式，无组织层级的人员选择，搜索框+人员列表即可。有组织层级的人员选择，可通过单页面组织分类，平铺显示人员，也可以通过页面层层下钻的形式，选择人员。
以上就是我个人的一些总结，如有不妥之处，不吝赐教。
- E N D -
网友评论