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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

IT之家移動客戶端用戶若無法觀看視頻,請點此查看