Design concept intro about New Dock (updated)
Tofloor
poster avatar
cxbii
deepin
2014-04-18 16:57
Author
@qiansen1386  说的很有道理
系统设置本来就不是常用的,结果一下子占了这么多地方
我的建议是将Dock分为两部分,普通的程序托盘在左边,这六个托盘放在Dock右边
这六个托盘则可以折叠或者隐藏,这样就不用担心占用空间过大
Reply Favorite View the author
All Replies
1 / 2
To page
cxbii
deepin
2014-04-18 05:33
#1
Along with the release of Deepin2014 Alpha, we have quickly received our users’ feedbacks. Anyway, we really appreciate your concerns for the Deepin2014.

Since the new Dock is under development, our users cannot experience some new functions. Besides, many users don’t know where the tray is. Hence, we will give a brief intro about the design concept of new Dock with the result of helping users understand it better.

At first, let’s have a look at the layout of new Dock.


The new Dock is made up of two parts-original Dock & tray (system and program tray). When you click the Dock panel, the functional option (display of system tray and Dock) will pop up. In this way, our users can choose the display-mode for the system tray and Dock by your own options.
This time we will focus on the tray design.

System tray
System state tray

The “system setting” will pop up if you left click the system-state tray.
The “run/unlock” will pop up if you right click the system-state tray.

Network tray


The “network state control” will pop up automatically if the mouse pointer hovers over the network tray.
The “system setting-network” will pop up if you left click the network tray.
The “run/unlock” will pop up if you right click the network tray.

Audio try



The “audio control” will pop up automatically if the mouse pointer hovers over the audio tray.
The “system setting-audio” will pop up if you left click the audio tray.
The “run/” will pop up if you right click the audio tray.

USB device tray



The “USB device control” will pop up automatically if the mouse pointer hovers over the audio tray.
The “system setting-default program (auto play)” will pop up if you left click the USB device tray.
The “run/unlock” will pop up if you left click the USB device tray.

Power tray



The current power will pop up automatically if the mouse pointer hovers over the power tray.
The “system setting-power” will pop up if you left click the power tray.
The “power control/” will pop up if you left click the power tray.

Program tray
“D” tray



From the Deepin2014, we will put all program trays into the “D” tray on account of the easy control on program tray for our broad users. More program trays will be accessible if you click the expand button.
The “all program trays” will pop up under auto switch if the mouse pointer hovers over the “D” tray.
The corresponding program will pop up if you left click the “all program trays” under “D” tray.
The menu of the corresponding program will pop up if you right click the “all program trays” under “D” tray.

Other functions
The “show/hide desktop” will pop up if you left click the Dock panel.
The “Dock display” will pop up if you right click the Dock panel

The conclusion
That’s all for the new Dock intro. You are also welcome to share any ideas or give us any improvement suggestions on the new Dock.
Haha, maybe you will have opportunity to do interactive online-talk with our charming designer. Don’t miss it!


====================================

最近刚刚发布Deepin2014 Alpha,收到了大量用户的使用反馈,在此对各位朋友表示感谢!
由于Deepin2014 Alpha的Dock处于尚未完善阶段,部分功能尚未实现。因此在大量的用户不知道托盘在哪了,因此,本篇文章简单讲解一下我们的Dock+托盘设计理念。
大家首先看一下我们新Dock设计图。


新Dock主要由传统的Dock+托盘(系统级别+程序级别)两部分组成。点击Dock面板即可弹出“系统级托盘显示”和“Dock显示”功能选项,可以让用户自定义系统级托盘的显示和Dock的显示方式。
传统的Dock功能,在此就不在赘述,现在我们主要讲解托盘设计。

系统级别
系统状态托盘


系统状态悬停鼠标在系统状态托盘即可自动弹出“系统状态控制”功能
鼠标左键系统状态托盘即可弹出“系统设置”页面
鼠标右键系统状态托盘即可弹出“运行”和“解除常驻”功能

网络托盘


悬停鼠标在网络托盘即可自动弹出“网络状态控制”功能
鼠标左键网络托盘即可弹出“系统设置——网络”页面
鼠标右键网络托盘托盘即可弹出“运行”和“解除常驻”功能


声音托盘


悬停鼠标在声音托盘即可自动弹出“声音控制”功能
鼠标左键声音托盘即可弹出“系统设置——声音”页面
鼠标右键声音托盘即可弹出“运行”和“解除常驻”功能


外接设备托盘


悬停鼠标在外接设备托盘即可自动弹出“外接设备控制”功能
鼠标左键外接设备托盘即可弹出“系统设置——默认程序(自动播放)”页面
鼠标右键外接设备托盘即可弹出“运行”和“解除常驻”功能


电源托盘


悬停鼠标在电源托盘即可自动显示当前电量
鼠标左键电源托盘即可弹出“系统设置——电源”页面
鼠标右键电源托盘即可弹出“电源控制”和“解除常驻”功能

程序级托盘
“D区”


从Deepin2014开始,我们将所有的程序托盘集合到“D区”,方便用户管理程序级别的托盘
悬停鼠标在“D区”托盘即可自动切换显示“所有程序托盘”
鼠标左键“D区”显示的“所有程序托盘”即弹出对应的程序
鼠标右键“D区”显示的“所有程序托盘”即弹出对应程序的右键菜单


其他功能
鼠标左键Dock面板即可启动“显示/隐藏桌面”功能
鼠标右键点击Dock面板即可弹出“Dock显示”功能

结语
以上就是我们新Dock的设计了,大家有什么建议和想法请留言回复吧!
会有美女设计师和你互动的哦!


关注我们 :Our Website  | Forum | Weibo | Twitter

Facebook(English) | Facebook(中文) | Google+ | Distrowatch

via:
http://planet.linuxdeepin.com/archives/6064
http://planet.linuxdeepin.com/archives/6023
Reply View the author
weiminnihao9
deepin
2014-04-18 05:45
#2
这设计可以接受,就是发现好占空间啊,六个这么大的dock图标给了系统,以我的习惯来说,图标会控制在10个左右,那就只有五六个自己的图标了。另外,别老是拿美女设计师说事啊,设计师就好了,把论坛的人都当成饿狼了。
Reply View the author
yeser
deepin
2014-04-18 05:59
#3
这设计可以接受,就是发现好占空间啊,六个这么大的dock图标给了系统,以我的习惯来说,图标会控制在10个左右,那就只有五六个自己的图标了。另外,别老是拿 ;美女设计师说事啊,设计师就好了,把论坛的人都当成饿狼了。
你想的美,人家的意思是吐槽时注意方式! :
Reply View the author
zjt326
deepin
2014-04-18 06:07
#4
请看下帖!!!
Reply View the author
zjt326
deepin
2014-04-18 06:28
#5
8888888.jpg9999999999999.jpg
Reply View the author
mistymonarch
deepin
2014-04-18 06:29
#6
一、底部 Dock
    底部 Dock,就是屏幕底部的水平条及水平条上部的图标。它包括了显示桌面按钮、常用应用程序快捷方式和系统托盘等部分。支持应用程序快捷方式的添加与删除,并显示已打开应用程序的窗口列表。
1、左下角        单击显示桌面。
2、左下角       单击多屏幕显示。
3、左下角        代表已打开的应用程序图标或锁定在Dock的应用程序快捷方式。
二、右下方系统托盘通知区,类似于windows7系统,它会及时提示您来自聊天工具或其他应用程序、系统发出的通知,通知显示区域为屏幕右下角。
1、右下角触控热区显示已打开的页面,类似于Deepin 2013功能。
右下角      系统通知。
右下角      单击显示隐藏的图标。
控制中心:
    控制中心放在左侧,左上角为唤出热区;设置主选项放在左侧竖向排列,防止鼠标划出控制中心隐藏在唤出情况。
不伦不类
Reply View the author
zobiig
deepin
2014-04-18 06:52
#7
还可以,有些细节还是要不断在使用中改进,现在有一个问题就是窗口在最大化后,显得dock很占地方,也就是dock往下的左右两侧都是浪费的,也显得不好看,我建议,窗口在最大化后,窗口底部至少到dock内图标的底部或者甚至到屏幕底部,当然dock一定要显示在前面。
Reply View the author
94088737
deepin
2014-04-18 06:58
#8
感觉还是很不错的,就是还多细活要做啊,细节决定成败啊。加油啊,
楼上你好,她的DOCK是可以智能隐藏的。
Reply View the author
weiminnihao9
deepin
2014-04-18 07:05
#9
设置界面的透明效果很不错啊,求主题加入相应功能
Reply View the author
mbtgtr
deepin
2014-04-18 07:17
#10
不知道我开几十个文件夹,是不是能够很直观很快速的找到我要显示的窗口。
Reply View the author
qiansen1386
deepin
2014-04-18 08:07
#11
我说一下吧。我觉得这个设计非常新颖,但是可能忽视掉了Mac和Win选择的系统层级和程序层级的分离设计其实是有意义的。

首先,功能和表现要统一。
系统层级的功能是:
一. 提示系统信息,二. 控制系统表现

程序层级的功能是:
一. 打开程序,二. 以鼠标操控实现应用间切换

如果表现和功能不统一会怎样?就是Ambiguous!模棱两可模模糊糊的操作体验!!!用户难以区分这个图标是系统图标还是程序图标,我期待打开它是打开应用,但是他却给我显示信息!我期待它可以弹出调节模块,可它却打开了应用。我以为是系统模块,结果我他妈看错了。结果打开了chrome,我等待它在我破电脑上慢慢打开的过程中,我还不能把它关了!!这不符合Perceived Stability,Consistency,descriptive and predictive等设计原则。总而言之,就是我们让用户confuse了,结果与动作直接存在不一一对应的关系,就会让用户confuse,而且这和用户原本在win、mac以及LD2013的经验常识相悖,用户本来很熟的东西一下子变了。用户是不会反省自己的应变能力的,亲。

第二点是,操作区域和显示面积,系统层级不需要太大的操作范围。也不需要太大的显示范围,它需要腾出更多空间,给更常用的功能(程序间切换),和更难操作的任务(快速在边栏选择),更大的显示空间(让人一眼就知道应用是什么,他隔壁的应用是什么)。
简而言之,对速度的要求会显著提升操作的难度和误操作的可能性,这时就需要它
不常用的操作和不需要操作的内容,为了避免误操作就需要他,或者隐藏
大家可能又感受,对于把鼠标移动到四角的操作,操作难度很低,所以其实一个像素就够用。
因此,我理解的最佳dock和系统栏的设计是应该是这样的,请大家轻喷:
小Q截图-20140417233651.png

zjt326的设计是很有想法的,可能不太成熟,但是请大家轻喷,他努力很久的作品,一句不伦不类就轻易抹杀,是对他人劳动的不尊重。

我觉得它的作品最大的问题在于,对于两个dock的整合非常不彻底,还引入了更多的东西——控制中心(吐槽这分明是控制面板啊,怎么想都应该翻译为Control Panel才信达雅啊,屏幕旁边一块用于操作的面板……是不是描述更准确啊?)

我的结论:为了综合设计妹子的心血,zjt326内心深处的想法,用户体验设计的原则,我的解决方案是:尝试把系统控制层级整个拿掉!没错拿掉!Dock上只放程序层级,回归Mac类设计的原意。把系统层级的功能移动到原来的Control panel的位置。然后把原来Control panel的内容隐藏到第二层级,也就是隐藏到“更多设置”按钮的后面。这里可能不太好理解,您能明白我在说什么么?不能可以再追问我。条件有限就不配图了。

我的理由是,系统设置除了刚装系统的时候经常用,平时谁没事成天设置那些东西,为了这个东西占这么大的面积,以及这么便利的访问方式,显然不划算!隐藏到第二层级,满足了减少非必要信息的要求后还能最大限度的保留简化操作的初衷,是很好的替代方案。而原本侧边栏的位置留给系统层级的设置和信息吧。天气和时间也显示在这里吧!就像Android小Widget一样!同时也有点像win8滑动侧边栏的feel,是不?同时仅仅显示信息的话,面积也可以小一些。这样就减少了对其他应用的妨碍。同时最常用的设置,比如wifi,查看电量,时间等功能,只需要把鼠标移动到右下角就可以轻松获得,也没有提升用户成本,算是不错的设计了。(所有1366x768的屏幕都有原罪,必须自动隐藏dock才能赎罪~阿弥陀佛无量天尊)

同时,mac的dock有个最大的毛病(深度2013也有)就是对于屏幕底部空间的利用及其浪费……(但是只要自动隐藏就好多了)
最重要的是,左下角应该是程序启动器(win的开始菜单),右下角应该是control panel(现在是哆啦A梦的便利门了,LOL,win是显示桌面)。而顶部,请还给应用程序!应用程序如浏览器,photoshop等,他们往往吧上部,上左和上右,作为菜单或工具的秘籍操作区。操作系统和应用程序抢空间是不合适的。请还给应用程序吧。如果不还,也可以,左上角,应用一般是显示图标的区域,最最左上角的那个像素,虽然还是容易误触,但是可以容忍,做成多屏,或者LD最擅长的多应用平铺功能还是可以接受的。话说多应用窗口平铺这个功能,用习惯了真是根本停不下来!就好像Android的多任务切换功能一样,即做出了差异性,又满足了功能性,真是难得一见的好设计,给Gnome的哥们点个赞。

尾巴:
再次感谢设计妹子的美工和天马星空的创想。好的设计不一定要一开始就完美,但是完美的设计都不走寻常路。不要让“跟XX很像”,这样的思路挡了我们的路,如果我们坚持寻找最好的设计原则,那么win和mac的设计都各有各的脑残之处,这是他们的特点,我们只需借鉴优点,无需借见特点。不自大也不羡慕,才能宁静致远。最后,万分感谢大家一路看到这,写得乱七八糟的条理也不清楚……
Reply View the author
qiansen1386
deepin
2014-04-18 08:44
#12
简单翻译一下设计原则,不同的文本有不同的说法,我学校的ppt slides我找不到了。找到一份渥太华大学的ppt,从里面抄出来的。
Design principles are organized based on the goal
设计原则被按照功能分为了两类
Effectiveness/Usefulness功用类:
Utility 效用
Safety 安全
Flexibility 灵活
Stability 稳定
Efficiency/Usability易用类:
Simplicity 简洁
Memorability 好记
Predictability 可预见后果
Visibility 明明白白
Reply View the author
arondes
deepin
2014-04-18 10:53
#13
不知道系统托盘那几个可不可以自定义或者删除,因为并不是永远都需要!比如我的电脑在家在学校就自动连到wifi了,那个网络列表我是根本不用去关心的。音量也是,我直接按笔记本键盘上的快捷键更方便。也就是说最好能实现用户充分的自定义,谁需要什么就把什么放上去,不需要的可以隐藏。

另外哪有美女设计师怎么我看不见呀看不见……
Reply View the author
变压器
deepin
2014-04-18 17:29
#14
d区能不能像win右下角的倒三角一样,鼠标悬停后能以放大面板的形式显示d区图标,不然一个d区小圆圈那点地方,里面还有好几个应用程序图标,点都点不到,也看不清,万一程序多了怎么办。
Reply View the author
coldlook
deepin
2014-04-18 17:35
#15
图标来信息的效果呢?比如挂了个qq,qq应该在d区里面,qq来信息了,d图标会不会自动变为qq图标,闪动提醒呢?
Reply View the author
hanxi
deepin
2014-04-18 18:06
#16
8888888.jpg9999999999999.jpg
笑哭了。。。win7和osx合体啊。。。
Reply View the author
SuperLee
deepin
2014-04-18 18:15
#17
111.png

回答一下吧,这前5个图标都是可以在dock菜单选择显示还是隐藏的,(usb设备图标未插入设备也不会被显示)也可以在面板里设置

222.png

还有更多的人性化设计细节没有透露,功能也未完成,所以你们会觉得现在的体验很糟糕,谢谢你们的支持和建议,我相信我们的努力和您的等待都不会是白费的。
Reply View the author
浅浅
deepin
2014-04-18 19:40
#18
我怎么感觉那么想IOS
Reply View the author
lwxining
deepin
2014-04-18 20:24
#19
123.png123.png
最近刚刚发布Deepin2014 Alpha,收到了大量用户的使用反馈,在此对各位朋友表示感谢!
由于Deepin2014 Alpha的Dock处于尚未完善阶段,部分功能尚未实现。因此在大量的用户不知道托盘在哪了,因此,本篇文章简单讲解一下我们的Dock+托盘设计理念。
大家首先看一下我们新Dock设计图。


新Dock主要由传统的Dock+托盘(系统级别+程序级别)两部分组成。
传统的Dock功能,在此就不在赘述,现在我们主要讲解托盘设计。

系统级别
系统状态托盘


系统状态悬停鼠标在系统状态托盘即可自动弹出“系统状态控制”功能
鼠标左键系统状态托盘即可弹出“系统设置”页面
鼠标右键系统状态托盘即可弹出“运行”和“解除常驻”功能

网络托盘


悬停鼠标在网络托盘即可自动弹出“网络状态控制”功能
鼠标左键网络托盘即可弹出“系统设置——网络”页面
鼠标右键网络托盘托盘即可弹出“运行”和“解除常驻”功能


声音托盘


悬停鼠标在声音托盘即可自动弹出“声音控制”功能
鼠标左键声音托盘即可弹出“系统设置——声音”页面
鼠标右键声音托盘即可弹出“运行”和“解除常驻”功能


外接设备托盘


悬停鼠标在外接设备托盘即可自动弹出“外接设备控制”功能
鼠标左键外接设备托盘即可弹出“系统设置——默认程序(自动播放)”页面
鼠标右键外接设备托盘即可弹出“运行”和“解除常驻”功能


电源托盘


悬停鼠标在电源托盘即可自动显示当前电量
鼠标左键电源托盘即可弹出“系统设置——电源”页面
鼠标右键电源托盘即可弹出“电源控制”和“解除常驻”功能

程序级托盘
“D区”


从Deepin2014开始,我们将所有的程序托盘集合到“D区”,方便用户管理程序级别的托盘
悬停鼠标在“D区”托盘即可自动切换显示“所有程序托盘”
鼠标左键“D区”显示的“所有程序托盘”即弹出对应的程序
鼠标右键“D区”显示的“所有程序托盘”即弹出对应程序的右键菜单


其他功能
鼠标左键Dock面板即可启动“显示/隐藏桌面”功能
鼠标右键点击Dock面板即可弹出“Dock显示”功能

结语
以上就是我们新Dock的设计了,大家有什么建议和想法请留言回复吧!
会有美女设计师和你互动的哦!


关注我们 :Our Website  | Forum | Weibo | Twitter

Facebook(English) | Facebook(中文) | Google+ | Distrowatch

via:
http://planet.linuxdeepin.com/archives/6023
我的系统里怎么没有呢?另外右侧的控制中心在图标上快速滑动时会有模糊……挺难看的……你看下,有时候提示的汉字也会显示不全
Reply View the author
qiansen1386
deepin
2014-04-18 21:16
#20
d区能不能像win右下角的倒三角一样,鼠标悬停后能以放大面板的形式显示d区图标,不然一个d区小圆圈那点地方,里面还有好几个应用程序图标,点都点不到,也看不清,万一程序多了怎么办。
真·好想法!
Reply View the author
1 / 2
To page