商業(yè)軟件交互設計原則

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

站在用戶的角度思考

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

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

快之一——基于任務流程的界面設計

商業(yè)軟件以任務場景為主要參考因素,基于任務流程進行界面設計,業(yè)務流程要清晰,體現(xiàn)指引性的層級關系。想快速完成工作?工作流程要有連續(xù)性,不要中途被打斷。當用戶暫時離開時,需要有機制確保用戶回來時知道自己離開的位置以及進行中的流程的狀態(tài)。

快之二——清晰的布局

對于商業(yè)軟件而言,布局的重要性不言而喻,想快速找到需要的功能?那就要確保在頁面中,該功能在重要位置一眼被看到。交互設計需要做到用戶操作到某一步需要某個功能,而這個功能就在手邊,剛剛好。

快之三——嚴謹?shù)慕换シ绞?/h3>

在商業(yè)軟件中,不用去糾結(jié)確定和取消誰在左誰在右這樣的問題,但要保證所有的此類彈窗統(tǒng)一起來。而且商業(yè)軟件迭代周期長,輕易不要去改變用戶的使用習慣,即使某個交互點是不合理的,但當用戶形成習慣后,這就是合理的。交互設計師可以參與到創(chuàng)建產(chǎn)品詞典的工作中,列出產(chǎn)品中將要展示給用戶的概念的名稱和定義,在術語和概念之間建立一一映射,軟件、用戶手冊、營銷資料都應一致使用產(chǎn)品詞典。

快之四——簡單的配色

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

快之五——設計與開發(fā)的一致性

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

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,606評論 6 533
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,582評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,540評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,028評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,801評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,223評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,294評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,442評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,976評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,800評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,996評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,543評論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,233評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,926評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,702評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內(nèi)容