产品设计过程中,有时候需要用户输入时间,比如各种查询(机票查询、火车票查询、物流查询)、发布信息(定时发布文章、设置闹钟时间)等。
在设计的时候要考虑到不同场景,给用户不同的时间输入选项。
搜索的时候,以相对时间进行范围匹配,如选择今天范围内的、三天内、半个月内的。在用户要求不特别具体明确也能解决问题的情况下,以用户可预期的方式,提供足够数量的符合要求的结果。同时简化用户的操作。
录入时间的时候,用户对时间有具体预期,或者存在需要引导用户输入精确时间的情况,需要提供精确时间的输入方式。这时候需要注意,因为这种输入方式一般会调用日期组件让用户输入。APP端因为系统已经过优化,顾虑不大;WEB端要注意日期组件的交互方式,要注意下拉菜单和上下箭头选择的配合使用,不要让用户因为要选择2050年而点击50次“下一年”。
如果是开放式输入(提供文本框让用户手动键入时间),需要判断用户输入时间的格式,最好加上初始提示(例如在文本框中用较浅的文字颜色默认显示YYYY-MM-DD,焦点选中后消失)或辅助符号( - - ),在用户输入的时候会自动跳到下一输入框,就像安装Windows98时输入序列号一样。