前微軟工程師解釋為何Win10采用 “漢堡式”菜單

2015/4/20 16:26:37    編輯:軟媒 - 豆豆     字體:【

Win7之家afsion.com.cn):前微軟工程師解釋為何Win10采用 “漢堡式”菜單

IT之家訊 一直以來(lái),Windows Phone采用左右滑動(dòng)的方式在APP中進(jìn)行導(dǎo)航,同時(shí)用底部的APP Bar來(lái)放置諸如搜索,發(fā)送信息,設(shè)置等操作按鈕。而其他一些操作系統(tǒng),比如iOS和安卓則通常使用頂部菜單實(shí)現(xiàn)類(lèi)似的功能。

在Windows通用應(yīng)用誕生以前,這種不同平臺(tái)之間的差異并不會(huì)帶來(lái)什么問(wèn)題。但是,Win10的設(shè)計(jì)目標(biāo)是統(tǒng)一,一方面要讓用戶(hù)能夠輕松地在不同平臺(tái)之間進(jìn)行切換,統(tǒng)一的UI將減少用戶(hù)學(xué)習(xí)成本;另一方面,統(tǒng)一的UI設(shè)計(jì)也將減少開(kāi)發(fā)者的開(kāi)發(fā)成本。

近日,一位微軟前設(shè)計(jì)師在新聞網(wǎng)站Reddit上的一次“有問(wèn)必答(AMA)”活動(dòng)中解釋了WP8傳統(tǒng)導(dǎo)航菜單向Windows Phone 10式菜單過(guò)渡的原因,并為此制作了一段視頻(文末提供)。

也許問(wèn)題并不像Windows Phone粉絲所擔(dān)心的那樣嚴(yán)重,比如說(shuō),新版手機(jī)版Outlook應(yīng)用主要用漢堡式菜單實(shí)現(xiàn)賬戶(hù)切換以及文件夾導(dǎo)航等非常用操作,而常用操作,比如,格式化、附件以及發(fā)送按鈕仍保留在屏幕底部;蛟S微軟已經(jīng)考慮到應(yīng)用的設(shè)計(jì)應(yīng)當(dāng)盡量避免用戶(hù)需要經(jīng)常使用漢堡式菜單的情況。

該員工在AMA中回答的內(nèi)容如下:

• 是的,“漢堡”菜單。我之前寫(xiě)過(guò)很多關(guān)于漢堡菜單的內(nèi)容(甚至制作了一段視頻),我會(huì)盡自己最大努力將這件事總結(jié)清楚。

• WP最初的交互方式是將導(dǎo)航按鈕放在頂部,用戶(hù)通過(guò)橫向滑動(dòng)的方式進(jìn)行導(dǎo)航。出于各種原因,這其實(shí)并不是一個(gè)很好的模式。

• iOS最初有大量應(yīng)用在屏幕底部使用標(biāo)簽,后來(lái)其風(fēng)格開(kāi)始向安卓靠攏,后者習(xí)慣將一些關(guān)鍵操作按鈕放在屏幕頂部,另外還有一個(gè)呈現(xiàn)更多選項(xiàng)的“滑動(dòng)返回(swipe back)”模式。想想iOS版郵件應(yīng)用吧,在你進(jìn)入一條信息中后,你可以從左向右滑動(dòng)來(lái)返回至收件箱。

• WP的處境很有趣。我們中的許多人相信以往的交互模式已無(wú)法有效運(yùn)作。我們不能再固守這種橫向?qū)Ш椒绞,這看起來(lái)既有些像旋轉(zhuǎn)木馬,又有點(diǎn)像“mystery meat“,它已不能很好滿(mǎn)足我們的操作需求。因此,我們需要設(shè)計(jì)一種新的交互方式。

• 將標(biāo)題欄放在屏幕頂部是重要的第一步。如果你在Word中無(wú)法看到文檔標(biāo)題,那種感覺(jué)會(huì)很糟糕。因此,在頂部放置一個(gè)操作欄。然后可以在左上角提供一個(gè)返回箭頭來(lái)返回文檔。很棒不是?

• 接著在屏幕底部放置一個(gè)Ribbon功能區(qū),也叫“調(diào)色板”或“抽屜”。你可以在右上角部位放置“hero actions(關(guān)鍵操作)”。我曾建議只放置一個(gè),但他們后來(lái)放了多個(gè)。 

• 但是問(wèn)題是,這樣一來(lái),頂部操作欄就會(huì)集中太多的東西。舉例來(lái)說(shuō),你可能想進(jìn)行打印操作。該怎么做?你可能會(huì)想在頂部標(biāo)題欄設(shè)計(jì)一個(gè)打印圖標(biāo)吧,但這很可能并不值得那么做。你也可能會(huì)想,將它隱藏在Ribbon功能區(qū)吧,但由于隱藏太深,這種方式也并不高明。

• 接著你注意到屏幕的左上角,你會(huì)想“既然大量安卓應(yīng)用都把所有東西都放那。也許我們也可以試試?

• 因此事情現(xiàn)在變得清晰了,由于Office應(yīng)用中包含了大量功能,同時(shí)屏幕面積又非常有限,再考慮到與平板交互模式的統(tǒng)一,漢堡式菜單就成為了最佳解決方案。

還有一些其他回答也非常有趣。簡(jiǎn)言之,微軟稱(chēng)大量的內(nèi)部研究表明了關(guān)于采用漢堡菜單的兩個(gè)重要事實(shí):

• 習(xí)慣單手操作手機(jī)的人并不像我們想想的那么多,特別是在大屏手機(jī)已風(fēng)靡市場(chǎng)的今天

• 他們研究了其他備選設(shè)計(jì)模型,但“成為一朵獨(dú)一無(wú)二的雪花是藝術(shù)的追求,而不應(yīng)是設(shè)計(jì)的追求!睋Q句話(huà)來(lái)說(shuō),向Windows桌面版與世界上流行的趨勢(shì)看齊最終戰(zhàn)勝了“與眾不同”的想法。(Via: Windows Central 、WinBeta

該微軟前員工制作的視頻如下:

IT之家移動(dòng)客戶(hù)端用戶(hù)若無(wú)法觀看視頻,請(qǐng)點(diǎn)此查看