APP产品设计:时间、地点、人选择控件

一、关于时间的控件分为两种:日期时间控件 和 日历控件。

        日期时间控件:当选择的时间包含时分时会采用的控件。一般点击后,我见过的交互有两种方式,一种是在底部弹出选择框,通过滚动的形式可选择年、月、日、时、分,点击完成按钮关闭弹窗。另一种是在点击处下方直接显示,选择的形式同底部弹出选择一样,选择完成后,点击开始的点击处,隐藏选择框。

日期时间控件

        日历控件:当选择的时间仅仅为日期的时候会选择的控件。我见过的日历控件分为可折叠和不可折叠两种。不可折叠的日历控件都是按月份展示,通过左右滑动,可切换月份。可折叠的日历控件在上滑时会收起,折叠成周历,左右滑动可切换周。两种控件也可结合使用,如图:

日历控件

二、地点控件,交互上我分为了页面选择控件和底部弹框控件。

        页面选择交互:当选择的地点,包括历史访问地点、热门城市等,辅助功能时,可采用这种交互控件。优点:可搜索/索引查找,辅助功能可以多些。缺点:需要页面跳转。

页面选择控件

        底部弹窗交互:是一种轻松便捷的选择地点的方式,目前也有产品把热门城市选择容进来了,不过如果辅助功能较多,还是觉得选择用页面选择更好。优点:占地小。缺点:当选择的城市区域过多的时候,选择麻烦。所以在功能相对不那么频繁用到的时候,可选择此控件。

底部弹窗控件

三、人员选择控件:根据有组织层级的人员选择还是无组织层级人员选择,有两种交互设计方式,无组织层级的人员选择,搜索框+人员列表即可。有组织层级的人员选择,可通过单页面组织分类,平铺显示人员,也可以通过页面层层下钻的形式,选择人员。

以上就是我个人的一些总结,如有不妥之处,不吝赐教。

    - E N D -

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,035评论 3 119
  • 生活是什么? 生命是什么? 生物是什么? 坐在湖边,听着鸟叫,看着行人, 我又是什么呢?
    我在时光深处等你阅读 780评论 0 2
  • 觉得自己变得恐怖而讨厌了 今天带客户去房管局做抵押。十点多打电话给她确认能否11:30房管局下班前赶到,她说可以。...
    一粒简单阅读 1,313评论 0 0
  • 爱,是一种能力! 从小失去爱的孩子,长大了也不知道如何去爱。也许他对班级的事情漠不关心,也许她对同学心怀戒备,也许...
    凤飞满天阅读 4,852评论 1 6
  • 今天一天比较忙 一天没闲着 不过还有几辆车没整完 明天接着整
    呵呵_206a阅读 1,209评论 0 0