8

设计方案:热量助手的日历

 3 years ago
source link: http://blog.danthought.com/design/2015/01/24/design-detail-calorie-calendar/
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.
neoserver,ios ssh client

现有版本的 热量记录 是通过表格分段来显示每一天的热量记录,当记录时间周期已经很长时,要导航到某一天的记录非常的不灵活,很多根据日期来记录信息的应用,为了方便找到特定日期的信息,使用日历是一种很常用的方式。

Calorie No Calnedar

该如何设计这样一个日历呢,首先要明确要解决的问题:

  1. 轻松查看最近几天的记录,因为这是最常见的行为;
  2. 能够浏览跨月,甚至跨年的记录,可以花费一些努力才能完成,因为不是很频繁地操作,但是要用到时也要很清楚如何完成;
  3. 总的来说,界面上要能显示当前日期,能够回到今天,有前一天后一天的导航,有前一月后一月的导航

第一次尝试

Calorie Calendar Beta1
  1. 日历中没有月份的选择
  2. 没有回到今天的方式
  1. 很容易地浏览前一天和后一天
  2. 标题中显示了当前日期

第二次尝试

Calorie Calendar Beta2
  1. 日历中没有前一天和后一天的选择
  2. 日历中显示的当前日期不明显,没有一目了然的文字
  3. 显示和隐藏日历的按钮,其选中状态不明显
  1. 日历中有月份的选择
  2. 能够很容易地回到今天
  3. 日历中有不同的色块区分今天和当前选中的日期
Calorie Calendar Final
  1. 导航条缺少标题
  2. 显示和隐藏日历的按钮,其选中状态还是不明显
  1. 界面中显示了当前日期
  2. 导航条中有4个控件:显示和隐藏日历,回到今天,前一天,后一天
  3. 日历中容易选择前一月和后一月,也有不同的色块区分今天和当前选中的日期

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK