早在2013年5月，Bindo POS的第一版，一款iPad登記軟件，帶著許多先進(jìn)的業(yè)務(wù)功能問(wèn)世了。然后它在幾名設(shè)計(jì)師手中經(jīng)歷了多次迭代，其中還有才華橫溢的Sean Farrell。不久后iOS7發(fā)布了，我負(fù)責(zé)進(jìn)行改版設(shè)計(jì)，以迎合新的風(fēng)格。2014年1月，2.0版發(fā)布了，如你所料，倉(cāng)促趕出來(lái)的產(chǎn)品平淡無(wú)奇。

　　天貓&京東,內(nèi)蒙古電商品牌策劃,內(nèi)蒙古微信營(yíng)銷(xiāo),內(nèi)蒙古微網(wǎng)站,呼和浩特電商品牌策劃,呼和浩特微信營(yíng)銷(xiāo),呼和浩特微網(wǎng)站,內(nèi)蒙古網(wǎng)站制作，內(nèi)蒙古網(wǎng)站設(shè)計(jì)，內(nèi)蒙古網(wǎng)站建設(shè)，呼和浩特網(wǎng)站建設(shè)，呼和浩特網(wǎng)站制作、呼和浩特網(wǎng)站設(shè)計(jì)首選內(nèi)蒙古呼和浩特先誠(chéng)網(wǎng)絡(luò)科技公司。先誠(chéng)官網(wǎng)：http://www.schuylerstatebank.com/

　　我們的產(chǎn)品中打包了許多功能。我們?cè)丛床粩嗍盏娇蛻?hù)的反饋與新功能需求。正由于我們用戶(hù)的多樣性，這些需求往往專(zhuān)門(mén)針對(duì)他們所屬行業(yè)。這些通常都是不容忽視的功能。如果不加入它們，產(chǎn)品則根本無(wú)法使用。我們支持的各種硬件設(shè)備，更加劇了它的復(fù)雜。例如，每種發(fā)票打印機(jī)模版配對(duì)方式都稍有不同。有時(shí)候感覺(jué)我們仿佛是在設(shè)計(jì)一套獨(dú)立的操作系統(tǒng)。

　　我們沒(méi)法關(guān)注多數(shù)用戶(hù)，或者選取一通百通的最佳方案。這是單一功能的極簡(jiǎn)型產(chǎn)品的另一個(gè)極端。隨著越來(lái)越多功能的加入，按鈕數(shù)量劇增，應(yīng)用變得臃腫。我們需要一套簡(jiǎn)練的解決方案，來(lái)適應(yīng)盡可能多的使用場(chǎng)景。

　　一場(chǎng)大掃除刻不容緩。

　　我們從質(zhì)疑上一版的決策著手，同時(shí)盡可能多收集客戶(hù)反饋與功能需求。根據(jù)優(yōu)先級(jí)分類(lèi)列出所有可能的使用場(chǎng)景。這通常是簡(jiǎn)化事情的重點(diǎn)，只有少部分使用場(chǎng)景被認(rèn)為是必要的。但是，既然我們要滿(mǎn)足各種業(yè)務(wù)的需要，我們集思廣益來(lái)提高靈活性。在這個(gè)階段，用戶(hù)調(diào)研扮演著至關(guān)重要的角色。

　　好吧。我也當(dāng)了一回標(biāo)題黨。

　　簡(jiǎn)潔仍然是我們所追求的。只是我們無(wú)法立即擺脫其中諸多限制。但這不意味著我們無(wú)法使界面更智能易用。接下來(lái)這版更新，我們尋求的是環(huán)境的融合，甚至有時(shí)是可預(yù)期的。如果臨近中午時(shí)分，或許你會(huì)需要午餐菜單。如果你向供應(yīng)商訂貨，有可能你想查看需要補(bǔ)貨的庫(kù)存清單。我們嚴(yán)格控制按鈕的數(shù)量，減少雜亂，避免屏幕上產(chǎn)生太多選項(xiàng)。遺憾的是，用戶(hù)似乎并不會(huì)注意到所有這些簡(jiǎn)化工作，除非對(duì)比著給他們看?！? ツ )/ˉ

　　怎樣才算過(guò)于復(fù)雜？我們?cè)试S何種程度的定制化，考慮哪些使用場(chǎng)景？這些是在一開(kāi)始就要確定的問(wèn)題。線(xiàn)框圖就是一種尋找最佳方案的絕妙手段，卻不用投入過(guò)多的時(shí)間。

　　一切都需要經(jīng)過(guò)設(shè)計(jì)——不論是有意的決策還是無(wú)心的過(guò)失。

　　當(dāng)我深思所有這些設(shè)計(jì)意圖時(shí)，我就真正開(kāi)始相信自己的設(shè)計(jì)正在成長(zhǎng)。一切都需要經(jīng)過(guò)設(shè)計(jì)——不論是有意的決策還是無(wú)心的過(guò)失。以?huà)叽a界面為例。它看起來(lái)似乎千篇一律，但只要你提出問(wèn)題，就會(huì)發(fā)現(xiàn)它顯然不能憑主觀臆斷。有個(gè)框框來(lái)放置條形碼，但這個(gè)框?qū)嶋H上并不是掃描區(qū)域的邊界；它是一種指引，表明攝像頭應(yīng)該離條形碼多遠(yuǎn)才能聚焦。方形的形狀也不是巧合。長(zhǎng)方形會(huì)暗示人們將條形碼旋轉(zhuǎn)到特定角度，而我們想表達(dá)的是，我們支持任何角度掃碼。

　　像掃碼界面這樣無(wú)關(guān)緊要的細(xì)節(jié)，都經(jīng)過(guò)了細(xì)致的構(gòu)建。

　　原型

　　原型的畫(huà)板已經(jīng)近乎瘋狂了。有如此多選項(xiàng)可供選擇，每個(gè)都有其優(yōu)劣。我們從線(xiàn)框圖開(kāi)始做原型，隨著工作的進(jìn)展持續(xù)推進(jìn)。但我們?yōu)楹胃械嚼_？

　　1.它使你盡早確認(rèn)想法或發(fā)現(xiàn)問(wèn)題，就不會(huì)等到代碼都寫(xiě)完了才發(fā)現(xiàn)殘酷的現(xiàn)實(shí)——它沒(méi)有用。

　　2.在真實(shí)設(shè)備上預(yù)覽設(shè)計(jì)十分重要。某個(gè)手勢(shì)或許比你想象得更難操作，某個(gè)按鈕也可能比你筆記本電腦上看起來(lái)更小。

　　3.不會(huì)成為開(kāi)發(fā)團(tuán)隊(duì)的眼中釘，動(dòng)不動(dòng)找他們麻煩，他們會(huì)因此熱愛(ài)你。

　　4.不用與工程師們來(lái)回折騰。你可以隨心所欲對(duì)各種因素進(jìn)行調(diào)整，直至完美。

　　5.不必撰寫(xiě)無(wú)人能懂的需求文檔，你能直接分享交互式原型，準(zhǔn)確演示你腦海中所想。

　　6.如今，制作原型實(shí)在太簡(jiǎn)單了，有那么多優(yōu)秀的工具。為什么不用？

　　如果要用文字來(lái)解釋復(fù)雜的交互，總是會(huì)令人疑惑。

　　但是并非一切都需要高保真原型。要快速測(cè)試用戶(hù)流程，我們的選擇是Marvel。配合他們新增的用戶(hù)測(cè)試功能，你可以記錄屏幕界面和使用者的操作，這對(duì)于可用性測(cè)試極有價(jià)值。

　　我們要求所有自定義動(dòng)畫(huà)都要在原型中體現(xiàn)，并得到充分測(cè)試。它們的目的應(yīng)該是向用戶(hù)交代界面的變化，引導(dǎo)他們達(dá)成預(yù)期結(jié)果。以我們結(jié)賬流程的動(dòng)畫(huà)為例，結(jié)賬按鈕原先會(huì)觸發(fā)一個(gè)完全不同的界面，雖然兩個(gè)界面有部分是共用的。在這版更新中，兩個(gè)界面結(jié)合成了一個(gè)連續(xù)的界面，通過(guò)動(dòng)畫(huà)來(lái)表現(xiàn)它們的關(guān)聯(lián)。這個(gè)動(dòng)畫(huà)也可以通過(guò)滑動(dòng)手勢(shì)觸發(fā)，可以快速開(kāi)啟結(jié)賬流程。

　　下單界面和結(jié)賬界面合并了。

　　動(dòng)畫(huà)也能取悅用戶(hù)。加入多少動(dòng)畫(huà)，這能考驗(yàn)設(shè)計(jì)師自制能力。制作原型在這方面也非常有幫助。我們會(huì)在原型中實(shí)現(xiàn)動(dòng)畫(huà)效果，然后反復(fù)觸發(fā)，直到看吐為止。（受虐狂啊，我懂。）用戶(hù)更容易領(lǐng)會(huì)，并提出必要的問(wèn)題。其中許多最終都被廢棄了，或者速度加快了。我們使用Origami還有新寵Principle來(lái)模擬動(dòng)畫(huà)效果。用Principle來(lái)制作接近原生應(yīng)用的交互式原型簡(jiǎn)直輕而易舉。錄屏和分享也易如反掌。

　　這是一個(gè)被廢棄的鎖屏概念動(dòng)畫(huà)，因?yàn)閯?dòng)畫(huà)時(shí)間太長(zhǎng)，它阻礙了交互流程。

　　制作原型的額外收獲，就是我們團(tuán)隊(duì)可以在進(jìn)入開(kāi)發(fā)階段之前，就著手準(zhǔn)備市場(chǎng)推廣材料和視頻。

　　一段預(yù)覽引導(dǎo)視頻在開(kāi)發(fā)之前就準(zhǔn)備好了。

　　早期的方案傾向于明亮溫暖的色彩。

　　視覺(jué)

　　出于某些原因，人們都相信面向商戶(hù)的產(chǎn)品都很丑陋，我們想要改變現(xiàn)狀。無(wú)論面向商戶(hù)還是面向客戶(hù)，我們都致力于盡可能使它在美學(xué)上令人愉悅。畢竟，任何用戶(hù)都需要時(shí)時(shí)看著界面。我們都不希望優(yōu)秀的產(chǎn)品以不盡人意的外觀呈現(xiàn)，那會(huì)給人一種草率的感覺(jué)。誰(shuí)是用戶(hù)，并不相干。

　　UI流程確定下來(lái)后，我們探索了許多視覺(jué)方案。多數(shù)早期方案都鮮明大膽，有些也相對(duì)柔和。我們從中選擇最好的創(chuàng)意，然后挑選某個(gè)折衷的方案。我們希望營(yíng)造自信與友善的感覺(jué)，但不要過(guò)于嬉戲。鮮明的色彩保留下來(lái)了，使用上卻不會(huì)過(guò)于放任。

　　統(tǒng)一性

　　我們先選出少數(shù)界面進(jìn)行設(shè)計(jì)，作為剩余界面的參考。我們創(chuàng)造了一套粗略的風(fēng)格指南，來(lái)描述各種元素的構(gòu)成、擺放，還有字體、陰影、主操作項(xiàng)等等。而且，它還包含一套標(biāo)準(zhǔn)配色和通用圖標(biāo)集。

　　目標(biāo)之一，就是培育出一系列產(chǎn)品，一眼就清晰可辨出自我們之手。在統(tǒng)一性與自由創(chuàng)造之間尋找平衡尤其困難。各平臺(tái)限制條件各不相同，決定品牌如何展現(xiàn)，也是一項(xiàng)挑戰(zhàn)。這是一段不斷試錯(cuò)的學(xué)習(xí)經(jīng)歷。

　　我們所有的產(chǎn)品都有著相同的設(shè)計(jì)哲學(xué)。

　　我們后續(xù)還討論加入了更多內(nèi)容。就在我們完成改版之時(shí)，風(fēng)格指南已經(jīng)變得豐富了許多。這套指南會(huì)繼續(xù)演化，在各種平臺(tái)塑造我們其他產(chǎn)品的整體形象。

　　設(shè)計(jì)回顧

　　我們有一項(xiàng)非正式的日常設(shè)計(jì)“批評(píng)會(huì)”。我們通常不去會(huì)議室在墻上寫(xiě)寫(xiě)畫(huà)畫(huà)、展開(kāi)討論。但整個(gè)團(tuán)隊(duì)了解，我們是在批判作品本身，而不是它的設(shè)計(jì)者。不過(guò)當(dāng)你的作品被批評(píng)時(shí)，難以完全剝離自己的感受，不為此感到泄氣。所以我們才盡可能使整個(gè)過(guò)程舒適。我們?cè)谌魏螘r(shí)候都會(huì)把不確定的事情拿出來(lái)分享。我們從來(lái)不發(fā)邀請(qǐng)函，或是為此專(zhuān)門(mén)找時(shí)間和場(chǎng)地。不由自主的天性會(huì)鼓勵(lì)我們自由開(kāi)放地交談。這些交談只有一條原則——“別得罪人”。

　　協(xié)作都是自發(fā)且非正式的。

　　可用性測(cè)試

　　把問(wèn)題歸咎于用戶(hù)，對(duì)他們拒絕新事物感到忿忿不平很容易；專(zhuān)心聆聽(tīng)，從他們的角度看問(wèn)題卻難很多。

　　我們剛開(kāi)始和每次測(cè)試版更新前，都會(huì)進(jìn)行可用性測(cè)試。最普遍的反饋確實(shí)讓人很震驚。人們天生就害怕改變，有時(shí)這會(huì)阻礙我們做出任何顯著的改進(jìn)。責(zé)任便落到我們肩上，告訴他們哪里有變化，為什么要改，如何才能盡可能無(wú)阻礙地切換到新版本。把問(wèn)題歸咎于用戶(hù)，對(duì)他們拒絕新事物感到忿忿不平很容易；專(zhuān)心聆聽(tīng)，從他們的角度看問(wèn)題卻難很多。我們必須確保這種徹底的改變是有意義的。

　　最有價(jià)值的反饋來(lái)自測(cè)試版。所幸少數(shù)商家很有耐心，愿意當(dāng)小白鼠，允許我們觀察他們?nèi)绾尾僮?。真?shí)的測(cè)試最殘酷，卻也最深刻。無(wú)需多言，有些看似精妙絕倫的創(chuàng)意，直接被打回來(lái)了。

　　在每項(xiàng)任務(wù)中，我們通常會(huì)向開(kāi)發(fā)者提供用戶(hù)流程圖和標(biāo)準(zhǔn)UI組件指南。

　　執(zhí)行

　　執(zhí)行階段不像部分人想象地那么簡(jiǎn)單。并非輸出資源圖片、準(zhǔn)備好文檔就完事了。在整個(gè)過(guò)程中，設(shè)計(jì)團(tuán)隊(duì)都與開(kāi)發(fā)團(tuán)隊(duì)一起進(jìn)行，也深度介入內(nèi)部測(cè)試與品質(zhì)保證工作。工程師們?cè)跇?gòu)想我們希望的小細(xì)節(jié)上非常有幫助。他們需要思考真實(shí)的執(zhí)行方案，提出技術(shù)問(wèn)題，例如“如果沒(méi)有獲取到隱私權(quán)限怎么辦？”還有“如果網(wǎng)絡(luò)連接斷斷續(xù)續(xù)呢？”文檔總是片面的。要產(chǎn)出我們想要的一切，溝通至關(guān)重要。

　　即便如此，也沒(méi)有人喜歡每隔5分鐘頻繁提問(wèn)/回答。與界面相關(guān)的每一個(gè)人都有一份Sketch源文件。開(kāi)發(fā)者喜歡在里面查看你漏標(biāo)的CSS屬性、坐標(biāo)、尺寸、距離、還有那些16位顏色值。

　　許多精力都花在讓操作更加“迅捷”上。有個(gè)功能是讓雇員上下班時(shí)用前置攝像頭拍照打卡。在早期版本中，用戶(hù)在鎖屏之前，要等待照片上傳到服務(wù)器?，F(xiàn)在，我們會(huì)在后臺(tái)上傳照片，用戶(hù)不必再盯著旋轉(zhuǎn)動(dòng)畫(huà)看10秒鐘了。

　　迭代

　　設(shè)計(jì)是一個(gè)迭代的過(guò)程。每次我聽(tīng)到有人對(duì)一個(gè)產(chǎn)品草率下結(jié)論，不尊重它背后的努力時(shí)，我就感到心痛。在我的觀念中，設(shè)計(jì)的真正價(jià)值不是由最終產(chǎn)品決定的，而是我們傾注其中的所有心血——也包括那些不稱(chēng)職的設(shè)計(jì)師的。迅捷的反應(yīng)，需要相當(dāng)傳奇的設(shè)計(jì)團(tuán)隊(duì)。

　　3.0版更新現(xiàn)在正處于最后的開(kāi)發(fā)階段中。很自然地，我們已經(jīng)在進(jìn)行下個(gè)版本的工作了。在產(chǎn)品發(fā)布前，設(shè)計(jì)工作都不算完成。我們持續(xù)收到反饋，做出相應(yīng)調(diào)整與改善。無(wú)論復(fù)雜與否，解決問(wèn)題都需要耐心。

　　設(shè)計(jì)產(chǎn)品的方式并非千篇一律。堅(jiān)定、專(zhuān)注的策略很好，但它未必對(duì)每個(gè)人都有效。我們對(duì)這個(gè)項(xiàng)目的變化欣喜若狂，等不及讓我們的客戶(hù)用起來(lái)了。

　　關(guān)注我的Twitter和Dribbble了解我更多的設(shè)計(jì)想法吧！:)

　　感謝我親愛(ài)的同事Nicole和Jillian校對(duì)這篇文章。

　　原文鏈接：https://medium.com/user-experience-design-1/when-simplicity-isn-t-the-answer-designing-for-vastly-different-audiences-aba249005d2d

　　作者信息：

　　Raven Yu

　　Product designer

　　注：本文均來(lái)自百度搜索，如涉及版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們，我們會(huì)第一時(shí)間解決。