如何突破Good enough?

0 評論 3178 瀏覽 0 收藏 10 分鐘

優(yōu)澀控是一個很有意思的團體，每個成員都有很獨立的喜好的IT公司，如00后就是100%的果粉，極爺是標準的G粉；但我卻是一個不折不扣的微軟粉絲。原因來自The-Story-of-the-Ribbon，設(shè)計一個偉大的產(chǎn)品很難，但把一個不偉大的產(chǎn)品修改得偉大則是難上青天。

“功能區(qū)（Ribbon）”是一個命令欄，將程序功能組織到窗口頂部的一系列選項卡中。使用功能區(qū)能夠使程序的功能特性更易于發(fā)現(xiàn)，使用戶能夠快速整體地了解程序，并使用戶在該程序中體驗到更強的控制感。功能區(qū)能夠同時取代傳統(tǒng)菜單欄與工具欄。

第一次使用word 2007的用戶會明顯的感覺到，相比Office 2003 經(jīng)典的WIMP UI，Office 2007的Ribbon UI是對用戶體驗的一個完整的再設(shè)計；但稍微體驗一下，你就不得不驚嘆，他是那么的容易實現(xiàn)你的目標。

?

如今，Ribbon UI已經(jīng)在微軟的大部分產(chǎn)品中得以應用，微軟憑借Ribbon UI的良好設(shè)計正在走向統(tǒng)一體驗的道路。而今天所分享的就是我個人的一點關(guān)于設(shè)計流程的心得，而不是來自Ribbon UI 的細致分析。

挖掘問題的根本原因

當推出Office 2003之后，微軟就著眼與下個版本的設(shè)計工作，調(diào)查得知對2003的傳統(tǒng)觀點：“Good enough，足夠好了！”或者夸獎到：“任何我需要的功能Office都有了?！?/p>

當接觸到真實的用戶時，他們的說法則大相徑庭：“office太強大了，如果我能更好的了解它，它能夠?qū)ξ业墓ぷ鲙砀玫膸椭?。”“我知道它有這個功能，但我就是找不到?！?/p>

于是設(shè)計團隊回溯了word的所有歷史版本，對每個版本增長的命令項，菜單，工具欄，任務面板進行分析對比發(fā)現(xiàn)導致用戶無法找到命令的根本原因：傳統(tǒng)的WIMP界面已經(jīng)無法承載目前Office中大量的功能以及命令，相對于過去，用戶要花費大量的時間去搜索一個普通的命令。

menu item

taskbar

根據(jù)詳細的訪談，以及歷史版本的分析，設(shè)計團隊才終究定下解決方案：Office需要一個全新的UI，去喚起這個軟件的靈魂。

簡潔而又高效的設(shè)計流程

Office 2007的設(shè)計流程簡單且只包含四個步驟，研究->設(shè)計原則->原型->評估。

  1. 研究：研究的作用用以發(fā)現(xiàn)問題。
  2. 設(shè)計原則：確定好的統(tǒng)一原則有利于設(shè)計師把握設(shè)計方向。
  3. 原型：原型用以快速展現(xiàn)設(shè)計師的基于設(shè)計原則的創(chuàng)意。
  4. 評估：對原型進行審核以及評估，決定是否采納。

在實際設(shè)計中，這樣的流程易于迭代，且很高效。設(shè)計師在這樣的流程中能多確切的做嘗試且快速的改進（而不是僅僅的通過個人推理或者群體智慧去評估其他方案），如00后在漫話產(chǎn)品設(shè)計中說的不斷的犯錯才是創(chuàng)新的源泉，如在考慮將Ribbon UI是放在軟件頂部抑或是左右側(cè)時，他們即刻設(shè)計了邊欄的Ribbon UI，發(fā)現(xiàn)這是一個錯誤的方向，變?nèi)∠舜蛩?。還有對于Quick access Toolbar設(shè)計，最初的嘗試也有多種方向，嘗試多種方案后才對比確定。

對于quick-access-Toolbar的設(shè)計稿

至上而下的設(shè)計原則

與我平常所見的設(shè)計流程不同，Office設(shè)計團隊對設(shè)計原則較為強調(diào)，Office設(shè)計團隊甚至這么說：“Design tenets have to be religion，（設(shè)計原則必須上升到宗教信仰的高度）?！?/strong>容我猜測應是設(shè)計團隊人員較多，設(shè)計原則利于設(shè)計師們往同一個地方“使勁”，更重要的一點是，這有利于整個團隊的執(zhí)行力，使原型的內(nèi)部評估更加具有規(guī)則性以及說服力，最大可能的降低主管或者是老板對設(shè)計的干擾。保證設(shè)計團隊中，每個人，每個環(huán)節(jié)都有著共同的目標。畢竟光說不練假把戲。

在設(shè)計方法上，設(shè)計團隊特別強調(diào)了結(jié)果導向設(shè)計（Results-Oriented Design）區(qū)別命令導向設(shè)計（Command-Oriented Design），與目標導向設(shè)計（Goal-Directed Design）有異曲同工之妙。

這種方法我不細致說，簡單而言，則是讓用戶的關(guān)注焦點定位于他要的結(jié)果（或者說是他的目標）能否實現(xiàn)，實現(xiàn)的效果又是怎樣的；而不是讓用戶關(guān)注與他要使用哪個命令去達到目標，這個命令如何尋找，如何使用等。（這也是典型的WIMP UI的特性）

于是乎，以word為例，我們可以看到以下較為經(jīng)典的改動：

  1. 基于計算機邏輯分類命令菜單被取消，被修改成為基于用戶目標分類的七個核心選項卡：開始，插入，頁面布局，引用，郵件，審閱，視圖。
  2. 當用戶選中某元素時，自動在核心選項卡后激活與之對應的上下文選項卡（contextual tab），或者是上下文選項卡組（contextual tab set），讓針對此元素的編輯操作在此選項卡中呈現(xiàn)，用戶則不必像以往那樣去錯綜復雜的菜單項中尋找。
  3. 使用庫（Galleries）與實時預覽（Live Preview）等方法，圖形化呈現(xiàn)一系列命令或者選項。讓用戶在作出決定之前就能清楚的看到結(jié)果是怎樣。

鍥而不舍的迭代

很多人恥笑與微軟是最頻繁打補丁的裁縫，但實際確實是如此。在office 2007的開發(fā)中，他們就在團隊中培養(yǎng)起“迭代的文化”，而這種文化幾乎苛刻的折磨每一個人：迭代期被明顯的寫入到項目的開放進程中來；已經(jīng)確定的事情，要重做3次讓其做到最好。從2005年11月beta1發(fā)布，經(jīng)歷了超過5個月的部署；跟蹤超過3百萬個用戶的操作記錄以及習慣。

office timeline

長達一年的耐心，Office 2007最終達到了一個令人激動的高度。PC world與當年的CES都將其評為2007年最具創(chuàng)新產(chǎn)品。

個人快閃總結(jié)

微軟的耐心以及穩(wěn)重扎實的創(chuàng)新精神值得所有人尊敬。

對問題的深度挖掘才能另設(shè)計人員看到本質(zhì)，從根本解決問題。

自上而下的設(shè)計原則保證執(zhí)行力。

長期迭代與敏捷性開發(fā)流程是創(chuàng)新的源泉。

題外話

Office 2007中的ribbon UI應用并不是完善，如PowerPoint依然保留了菜單欄?；蛟S我們可以在Office 2010中看到他的強大魅力。

雖然目前有很多采用Ribbon UI的非微軟的軟件（如Mindmanager 8 ,IEtester,SmartDraw 2009），但目前還未有應用得好的。

如果你是一位想開發(fā)Ribbon UI 的程序員，請找一位有研究的設(shè)計師配合。Ribbon UI并不是簡單的命令再組合。

個人認為Adobe系列軟件應該用Ribbon UI了。

備注:本篇文章純屬個人口水堆積以及一個粉絲對偶像的濤濤敬仰之辭，如有不滿，請即時撥打110求助。

來源：http://www.userkon.com/tolyer/beyond_good_enough.html

更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
旺旺旺旺旺仔
一直很尊重奶茶，沒去冰，沒少糖，沒少喝。
4319篇作品 34183411總閱讀量
01-093462 瀏覽
李子柒的下一步，怎么走？
11-293161 瀏覽
Nature｜LLM正在重塑教育，所有學生都需要學習AI，RAG是解決幻覺的關(guān)鍵
10-023667 瀏覽
“國慶住我家”成風潮，次臥日租100元
08-046151 瀏覽
年輕人開始流行「精致省」
03-014622 瀏覽
Axure8教程——動態(tài)儀表盤
評論
評論請登錄
  1. 目前還沒評論，等你發(fā)揮！