商業軟體互動設計原則

泱泱發表於2017-05-17

前段時間投入了一點精力放到了SVG動畫上是因為在專案中用到了動態載入圖示以及字型圖示,所以順便把這些相關的內容補了一下,要麼說實戰才是最佳升級方式,因為去年我對SVG還幾乎一無所知。當工作中實際遇到,才有了學習和探索的動力。SVG+CSS3動畫部分,掌握到現在的水平,在專案中運用已經綽綽有餘了,再有深入的研究純屬個人愛好。
作為一個朝三暮四的人,我需要時刻提醒自己不要忘記本職工作,比如今天,就要很鄭重的寫一個嚴肅的話題,商業軟體的互動設計。即使微互動屬於互動的一部分,但商業軟體需要的場景畢竟有限,所以,探索商業軟體的正確互動方式才是我最重要的工作。
我們的商業軟體也分兩種,產品和專案,我自己日常接觸的,基本都是專案,換句話說,我們先有了使用者,才針對使用者需求進行有目的的開發,這與大多數需要獲得使用者的軟體有本質的區別,正是這種區別,使得商業軟體的互動設計原則與一般的互動設計原則有所不同。下面就我自己的專案經驗總結一下商業軟體的互動設計原則。

站在使用者的角度思考

使用者使用商業軟體,目的只有一個,工作!
那工作是讓人愉悅的嗎?
答案毫無疑問,不。
相信除了個別工作狂,沒有人會把工作當快樂。
大家和我一起設想一下幾個場景
1.你在用word撰寫文件時,會在意它的介面美觀度嗎?不,你只在乎能不能快速排版,能不能找到你隨時需要的加粗,更換字號,首位縮排等常用功能。
2.你在用excel做資料表時,你會在意它的選單項有精美的圖示嗎?不,你只在乎能不能快速的錄入手頭的資料並按你的要求生成各種視覺化的圖表。
3.你在用ps處理圖片時,你會在意工具皮膚上的工具的圖示是不是簡陋嗎?不,你只在乎能不能快速找到處理圖片需要的工具和命令。
是的,我們說這些工具好用,是因為它們功能的強大,而非精緻的介面,沒有人會閒到去欣賞這些介面,你在使用它們時,只有一個想法,能隨時儲存,不要崩潰,趕快完成,完成工作我好去刷手機上那一堆APP去,對,那一堆APP才是真正需要注意介面美觀度的應用,它們需要小心翼翼的去猜測使用者的喜好並不斷迭代。
而商業軟體對於使用者而言,就是一個單純的工具,沒有人去探索喜出望外的功能,沒有人在乎文案是不是人性化,語言是不是有溫度,更沒有人去注意有沒有小彩蛋這樣的驚喜。

因此,作為商業軟體的互動設計師,只要圍繞一個指導原則就可以——讓使用者快速完成工作
天下武功,唯快不破。這個道理,同樣適用於商業軟體的互動設計,但這一個“快”字,說起來簡單,真正做起來,卻需要一個良好的大局觀。

快之一——基於任務流程的介面設計

商業軟體以任務場景為主要參考因素,基於任務流程進行介面設計,業務流程要清晰,體現指引性的層級關係。想快速完成工作?工作流程要有連續性,不要中途被打斷。當使用者暫時離開時,需要有機制確保使用者回來時知道自己離開的位置以及進行中的流程的狀態。

快之二——清晰的佈局

對於商業軟體而言,佈局的重要性不言而喻,想快速找到需要的功能?那就要確保在頁面中,該功能在重要位置一眼被看到。互動設計需要做到使用者操作到某一步需要某個功能,而這個功能就在手邊,剛剛好。

快之三——嚴謹的互動方式

在商業軟體中,不用去糾結確定和取消誰在左誰在右這樣的問題,但要保證所有的此類彈窗統一起來。而且商業軟體迭代週期長,輕易不要去改變使用者的使用習慣,即使某個互動點是不合理的,但當使用者形成習慣後,這就是合理的。互動設計師可以參與到建立產品詞典的工作中,列出產品中將要展示給使用者的概念的名稱和定義,在術語和概念之間建立一一對映,軟體、使用者手冊、營銷資料都應一致使用產品詞典。

快之四——簡單的配色

我個人是非常反對給商業軟體太多的色彩干擾的,因為使用者的關注點是自己處理的內容,而娛樂導向的應用才需要情感化,但一些通用準則仍然適用,比如配色方面儘量柔和且不使用純白背景底色避免視疲勞,大面積出現的文字和按鈕,要經過文字/背景色對比度測試,對比度不得小於3。

快之五——設計與開發的一致性

互動設計和軟體設計一樣,遵從“高內聚、低耦合”的原則。比如你設計的功能選單是不是具有可複用性?當功能有2個20個甚至200個是不是仍然可以用這種方式?
互動設計的書籍自己也看過比較多,包括眾所周知的那十幾本以及一些專業論文,理論基礎總是有的了,但最大的感受是實踐出真知,不放到真正的專案中,你仍然不知道那些互動設計原則是如何發揮作用的。
互動設計師最好能根據自己專案的性質建立一個專屬的互動設計自查表。

相關文章