YX.Shawn Blog

• About Me
• Portfolio
• Diary
• Music
• Gallery
• Reader

12-27-09

MyDay Client Application UI Demo HoverBox

悬停框，是现在我们已经习惯使用的一种交互方式了。自从N+1年前初次用于下载软件后，这种交互方式充分地体现了快速添加内容的优势。

于是我就想，那MyDay是否可以支持悬停框？能让我们在浏览某个网页时，遇到希望搜集的信息归类到某个人，某件事下？ 或者QQ里收到联系方式，能不能拖动内容，快速地添加到 MyDay 里呢？

传统的悬停框如下图所示：

这样的设计，虽然很简洁。但是更多的功能需要邮件，而当拖拽文件进入的时候，没有任何反映，只能等完成拖拽后，再弹出具体的对话框。

这样的设计，要是只是下载软件，那还好。因为目的只有一个：下载。 但是MyDay如果要根据不同的功能决定弹出的对话框呢？

例如，如果我们拖入一张图片进入悬停框，我们可能有几个目的：

• 把这个图片设为一个人或者一件事的照片。
• 把这个图片当成一节Log添加到一个人或者一件事下。

对于这样的情况，传统的悬停框就失去了其优势。于是我们就想，能不能改进传统的悬停框模式？

于是我改进了下悬停框，如下设计：

下图是正常情况下的悬停框，和其他软件一样。

当我们选择一张图片，拖进框内的时候，出现了九宫格。每一个格子对应一个功能（每个彩虹的地方，可以替换，实验用彩虹代替）。

然后继续移动鼠标到某一个功能上时，高亮对应的功能，完成拖拽的时候最终实现对应的功能。

当然，对于不同的类型，拖入进去，可以显示不同的功能。例如下面我们拖入一段html文本进入，会看到这样的效果：

下面是视频操作演示：

12-25-09

5#饭后音乐

我承认，很久没有碰偶的键盘老。

这两天饭局真是一个接一个。昨天都准备睡下了，接到电话，又跑出去喝第三次酒-___- 以至于今天早上起来胃十分不舒服。

既然胃不舒服，那就让我们做音乐吧？（好像没有什么联系）于是经过3小时的折腾后，出现了以下5#饭后音乐（5#应该称得上是外卖音乐，5#外卖燃面音乐）。5#外卖燃面音乐是管弦的。我想测试一下做个恢弘一点的感觉的。

偶小样上传。http://www.douban.com/artist/like42/ 看5# 可下载:-)

12-20-09

MyDay FAQ

有意见请在后文留言

12-20-09

MyDay Alpha Published

MyDay 是我在业余时间为自己做的一个小工具。

工具的主要功能是用于帮助我们记录好每个人、每件事的细微信息，让我们主动地成为用心的人。

MyDay的开发是架构在Inf2的平台上的，从设计草图到最终的发布，耗时1周。

http://blog.ezse.com/myday/ 这里是MyDay的详细介绍页面。未来关于MyDay的无论是开发，还是文章都会放在这个索引页面里。如果您需要进一步了解MyDay，可以进这个页面查看：）

无论是失眠，还是熬夜， 我定的目标是在周日参加UCD China Chengdu Session 前发布Alpha。 明天好好休息休息，会会朋友^_^

See you in UCD China Chengdu Session:)

12-20-09

MyDay中三种Log类型有什么区别

MayDay 提供了三种Log记录的类型。

• 普通的文本Log (图标： )
• 纪念日 (图标： )
• 待办项 (图标：)

普通文本Log用于记录一般的信息,e.g 输入：

这个妹儿不喜欢别人说她太个性，她认为这是对她长相上的一种侮辱。

效果：

纪念日用于记录一些周年发生的事儿,e.g 输入：

@2008-10-20 和妹儿第一次共进晚餐

纪念日MyDay会自动提示下一次纪念日距今还有多久。

效果：

待办项用于记录一些需要在未来某天完成的事儿（目前标记已完成的功能还没有加上）,e.g. 输入：

带着妹儿去西藏 @2012-12-01

待办项MyDay会自动提示目标时间距离今天还有多久。

效果：

正确地使用格式，会为了未来数据检索更加方便：）

BTW,另一个小技巧，在添加任何一种LOG记录的时候，如果是以*号开头的，记录会自动加星。

例如：*这个妹儿居然还有两个男朋友，今天无意发现！

效果：

12-20-09

UI Introduce

MyDay 的UI界面说明（点击查看原图）：

12-20-09

Video Introduction to the MyDay

MyDay alpha版本使用视频简介：

等待视频重新上传：

这是昨天上传到youku里的视频，这样的视频都会按规定限制传播。我已经无语言了。

12-19-09

MyDay Update Logs

MyDay 的更新日志

MyDay 的BugFixed列表

12-17-09

Contact

电影Contact. Very Nice.

每当不知道方向时，我总是会打开一集Stargate-1，或者SGA。 无垠的宇宙，总是让我们充满希冀和无垠的向往。

是呀。 无垠苍穹，如果只有我们，那真的太可惜了。。。

12-16-09

Myday Preview

我的小工具叫MyDay。

UI原型设计第一版完成。设计完成后，我会把整个设计过程和大家分享。