Return to site

Cando

周期:2017 1周

设计桌面端待办清单的UI练习。通过对真实世界办公桌的模拟,制作简洁易懂的界面,让使用者专注于任务, 从To do到Can do。
界面元素构思

图标:发散联想,使用桌上常见物品,草图迭代至最简形态。
色彩:用户伏案已久,主色使用护眼的绿色系。少量渐变色点缀,避免死板

动效思考

1. 完成感
在用户完成任务时,Ticket使用Spring动画消失,给予清除的快感。 并用动画强调左侧的Done类别,表示被清除的任务将去往这里,让用户在误操作后能够找回。

2. 添加待办事项
模拟桌面便签从右下角抽出。在编辑任务信息时隐去背景,有助用户专注快速地添加。添加完成后同样在左侧栏强调Ticket将去往的类别。

3. 专注任务
在桌面端,hover可以省略点击动作,是非常简便的交互方式。当用户Hover于任务左侧, 即可对此任务进行具体操作,包括进入专注模式。此模式犹如打开一盏台灯, 让用户可以专注在一个任务中,并用倒计时控制节奏。

以上动效在Framer 中制作。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OK