恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
看似简单,日期时间的设计形式!
0.0°
2018-04-03 好文转载 经验/观点 原作者: Z Yuhan 举报 1590 2 4 0

即便是看起来再简单的东西,从头开始设计的时候,也会发现没有那么容易。例如信息流(feeds)的日期时间,怎样制定一套合适的展示规则?

最直接的方法是,统一用“XXXX年XX月XX日 XX:XX AM/PM”?

很多情况下用户根本不知道当时的日期和时间,这样的方式并不十分友好。

如果是提供相对时间呢?例如,“X分钟以前、X小时以前、X天以前、X月以前、X年以前”?

对于很久以前的重要信息,提供精准的日期时间可能还是有必要的。


推荐一个UI设计师交流分享的Q群:704761523


我对比了一下国内外比较常用的几个网站,发现日期时间展示还真的没有想象中那么简单。

P.S. 不排除我调查不充分、产品更新改版以及版本不统一的情况,欢迎大家纠正。

调查

Gmail

简单的写清具体日期,不在意时间

08:00

1 Jan

31/12/2017

Image title


Youtube(网页端)

只给出大致时间间隔

1 minute ago 1 hour ago 1 day ago 1 week ago 1 month ago 1 year ago

 Image title

微信聊天记录

晚上6:20 周一 20:00 1月3日 中午12:31 2018年1月1日 晚上08:00

 Image title

Facebook(网页端)

43 mins 1 hr yesterday at 08:00 1 January at 02:59 31 December 2017 at 08:38

 Image title

Twiter

50s 54m 2h Jan 10 31 Dec 2017

Image title

今日头条(手机端)

无具体发布时间

1分钟前 1小时前 1天前 2017年1月1日(超过一周)

Image title

微博(手机端)

1分钟前 1小时前 昨天 08:00 1-1 17-12-31

 Image title

相对时间

浏览一遍后,发现绝大产品(除了 Gmail 和微信聊天记录)会给出相对时间(多久前发布),至少对于最近发布的内容而言。

Youtube:只展示相对时间

今日头条:1周内展示相对时间

Facebook & Twiter:1天内展示相对时间

微博:2天内展示相对时间

 Image title

时间信息

整理一下,发现有些虽然提供日期信息,却没有时间信息。

无时间信息:Gmail、Youtube、今日头条、twiter

有时间信息:微信聊天记录、Facebook(往年没有)、微博

 

分析

分析这些产品后,我发现日期时间的格式设计主要取决于以下三点:

多久以前:除非是信息时效性较弱(如文件上传时间),否则应该告诉用户最近发布的内容是都久以前发布的(如X分钟前、X小时前、X天前、X个月前…) 内容时效:对于已过时效的内容(如1个月前发布的朋友圈),可以写出精确日期。内容时效是多久,就取决于内容本身了 通常来说,多久以前和精确日期不需要同时存在 时间信息:是否显示具体时间,取决于实际需要。例如已过时效的邮件、普通新闻这样的内容,就可以不需要时间信息。

 

更新:2018-04-03

收藏

2人已收藏

纤纤玉手

UI设计学习提高Q群【704761523】

  • 5

    作品

  • 5

    粉丝

  • 0

    关注

  • 看看老外设计的美食和果蔬APP界面,有值得你学习的吗?
  • 不同设计师转行UI的优劣势分析——设计师福利
  • 教你如何创造更优秀的用户体验
  • 动效在移动界面中的用途!

    猜你喜欢

      2018-04-03 好文转载 经验/观点 原作者: Z Yuhan 举报 1590 2 4 0

      看似简单,日期时间的设计形式!

      0.0°

      你确定要举报看似简单,日期时间的设计形式!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年04月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录