版重设计,滴答清单职务详细的情况页重设计

在 Behance 上查看设计细节

如今的页面设计

图片 1

幸存页面

在义务的实际情况页,客商的严重性指标是对任务进行一些细节的补给,如设定日期&重复,优先级,子职责等。

时下的宏图是能力所能达到满意客商必要,不过总体页面布局相比较散乱。日期&重复和事先级的效用在职分方面,而子任务和标签效应在上边,况且亟需点击显示屏才干引起。

除此以外,日期&重复文字情势,别的多少个效果与利益icon格局,整个铺排款式也不合併。


用作奇妙清单的深浅顾客,那款曾经砍下苹果 二零一一 年度评选超级的 App 帮作者升高了成都百货上千频率。笔者用玄妙清单来记录本人的生活灵感、购物清单,管理作者的办事类型。不仅仅在手机上,在 Mac 上小编也屡次采纳神奇清单,它的自发性同步功用很有利。

减轻形式一

图片 2

焚薮而田办法一

将有着机能以icon形式放到页面底部,常用的日期、优先级放在面前,并将附件功效从越来越多里拿出去。设定那几个成效后的结果报告如第三幅图所示,假若不行功用不设定则不再页面上体现


对待手提式有线电话机,Mac 具备更加大的显示屏和差异等的交互格局。而自己想让美妙清单 Mac 版变得更棒,原因是 Mac 作为生产力工具,奇妙清单能在地点做得更加多。假诺二个客商在 Mac 上应用神奇清单的效能相当高,作者想他自然会用美妙清单来治本本身办事类型,并与外人沟通得更频仍。

减轻方式二

图片 3

不留余地办法二

以列表格局从上到下排布,上边是职责和子任务消息和描述,上边是日期,优先级、标签等功用设置。

实在日期的设定是一个优先级异常高的功效,是或不是要把它放在子任务的下面,还只怕有待思考,也许说必要通过顾客测量检验。

本身愿意美妙清单 Mac 版能够:

• 丰富利用 Mac 的来得空间和交互习于旧贯。

• 更平价地对任务进展调换、管理。

• 回看已成功的任务,令作者能高效整理出办事周报。

依照上面的几点主见,小编起来了美妙清单 Mac 版重规划的思辨。

-

更简短清晰的外观

巧妙清单提供了重重完美的壁纸让客户选择,在表弟大上,那些本性化的背景确实能令应用添色十分的多。而在 Mac 上,大家往往已经存在桌面壁纸,可能是风景照、或者是一张超跑照片,但玄妙清单的个性化背景,那时候看上去并不和煦。

图片 4

改良前后的 Minified View 比较

故此,笔者第一把壁纸的定义去掉,改为 Yosemite 中极度宽泛的毛玻璃效果,意在支引顾客更在乎于清单内容,专注力不会被壁纸分散。而职责的中坚样式被保留下去,使顾客不会在手提式有线电话机和 Mac 的切换中认为到错愕。

鉴于显得空间受限,在 Minified Mode 中并不能够将清单列表体现出来,旧有的巧妙清单 Mac 版直接沿用了 Mac 古板的菜系举行切换——点击清单名、清单列表被出示出来、点击切换来另叁个清单——将手提式有线电话机上点选的交互方式移植到 Mac 上太直白了。

图片 5

精耕细作后的 迷你fied View 当鼠标悬停在左上方,项目分界面下移,展现出清单列表与操作

滑动鼠标是 Mac 上更自然的相互习于旧贯,在呈现那些隐形内容时,作者准备通过鼠标悬停的款型落成——当鼠标移动到 迷你fied Mode 左上方的区域,清单列表就能够被出示出来。同期,原先下方八个职能按键的利用功效并不高,因而也被隐形到了此地。

图片 6

Minified View 总览

通过对界面背景的修改、成分的重新整理等,笔者盼望以此重规划在外观上就先能教导到贰个新的自由化——它更潜心于内容、未有剩余的因素影响眼球,而且在获取新闻上更飞速。

但自身觉着,这与美妙清单一向的本性化风格是不争论的。通过对界面颜色的挑三拣四,顾客依然得以设置出天性化的分界面。

图片 7

性格化分界面颜色挑选

再次思虑音讯的来得

美妙清单的内容能够分为多少个层级——清单 > 职责 > 任务实际情况,每条清单中隐含了多少个职务,每一种职责中又能够加多子职责、笔记、冲突、附属类小部件等。由于交互方式和选择情形的反差,在手提式有线电话机上大家更关怀于前两项——清单和职分——手提式有线电话机生产力的限量也只让大家有利地拍卖这两项。而在 Mac 上差异,大家可以高效地输入内容、管理信息、增多各样类型的附属类小部件,所以那时候我们更关切于后两项——职责和职分详细情况。

图片 8

奇妙清单的剧情层级

所以,能够比异常快地在列表间切换显得并不根本,在 Mac 上多次使用美妙清单的顾客恐怕关心于任务、子义务、批评等。

图片 9

Normal View 效果图

除此以外,在应用中笔者发觉,奇妙清单具备众多贴心的小作用,举个例子以电子邮件发送清单、打字与印刷清单、赶快设置到期日为前天或明日等,但那些效率的输入设有重新并层级错乱的题目。假如本人想将一个任务以电子邮件发送给小编的朋友,小编原来能够有多少个点子实现:1、选中这几个任务,在清单作用中的「更加多」菜单里选用「邮件发送该品种」;2、用鼠标右键对职务单击,在展现出来的菜系中找到「邮件发送该项目」。

图片 10

创新前的效果操作

一派,「越来越多」原来属于清单下的意义、对清单举办操作,而出现了别的层级的法力会令人苦恼;另一方面,功用的双重和堆积会追加顾客在操作时索要考虑的光阴

自个儿重新梳理了效果与利益的逻辑:

图片 11

革新前的效劳逻辑

图片 12

校对后的效能逻辑

从右键单击实行出来的菜单中找到想要的法力变得更显然,使用功能相当低的机能用右键单击实现、使用频率较高的作用则一向体现出来。那有帮衬进一步提升玄妙清单的工效。

图片 13

革新后的效率操作

进一步升高级程序员作效用

上文提到,为使客商在 Normal View 能更令人瞩目于任务和职分详细情况,进一步减弱了清单列表,让清单列表以标签的方式表现。那样做更要紧的由来,是立异原有的美妙清单 Mac 版在不一样窗口大小时的显示格局难点。

图片 14

Normal View 切换清单操作演示

本来的神奇清单 Mac 版具有 迷你fied View、Collapsed View、Normal View 三种凸显方式,随着窗口大小变化而改换,也能够由此「Command+三分之一/3」的飞速组合键切换。不知晓大家会不会像本身同一以为二种展现情势显得多余,Minified View、Collapsed View 的出入少之甚少,仅是在显示职责实际情况时,后边多个不能够一分区直属机关接大选择职分而前者能够罢了。

图片 15

立异前的两种展现方式

由于遵循手机客商端的标准,原有的巧妙清单 Mac 版依然把「职分」作为主体,导致不显示职务详细的情况时任务卡牌的宽窄占满应用,空白的局部非常的大。但大家知晓,职务的名称是个别的,而职责详细情况中的子义务、笔记、商酌、附属类小部件拓宽性更加高

图片 16

在 Collapsed View 显示任务详细情形时方可一分区直接大选择职分,而 Minified View 不行,那是多头的独一差距

就此作者觉着,在美妙清单 Mac 版中应该以职分详细的情况为入眼,职分卡牌的大幅是原则性的,由职分详细情况框去适应窗口大小,那样更有利职责详细情况的体现。而且,原有的二种展现方式也合乎精简为二种,去掉中间的 Collapsed View。

图片 17

革新后的三种展现方式

别的还应该有贰个便于被忽略却能发布广大功效的功用点——回看已形成的任务。对于办公室人员,回想已做到的天职是常事要求做的事务。即便美妙清单一向有那样的意义,但只限于对已到位的义务遮蔽和显示,并未动用于实际情形。

神奇清单其实是贰个可怜好的职分载体,大家未产生的、已做到的职责都会记录在那边。假设能够对已成功的职务进展整治、筛选,其实已经能够满足三个很遍布的现象——整理职业早报或周报——通过阅读已成功职务我们就能够方便地回想下一周或钦命某一天所变成的天职清单。

图片 18

回看已变成的职务

(Click here to see the English version.)

本文由明仕msyz手机版发布于情感专区-情绪智力,转载请注明出处:版重设计,滴答清单职务详细的情况页重设计

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。