前段時(shí)間投入了一點(diǎn)精力放到了SVG動(dòng)畫上是因?yàn)樵陧?xiàng)目中用到了動(dòng)態(tài)加載圖標(biāo)以及字體圖標(biāo),所以順便把這些相關(guān)的內(nèi)容補(bǔ)了一下,要么說實(shí)戰(zhàn)才是最佳升級(jí)方式,因?yàn)槿ツ晡覍VG還幾乎一無所知。當(dāng)工作中實(shí)際遇到,才有了學(xué)習(xí)和探索的動(dòng)力。SVG+CSS3動(dòng)畫部分,掌握到現(xiàn)在的水平,在項(xiàng)目中運(yùn)用已經(jīng)綽綽有余了,再有深入的研究純屬個(gè)人愛好。
作為一個(gè)朝三暮四的人,我需要時(shí)刻提醒自己不要忘記本職工作,比如今天,就要很鄭重的寫一個(gè)嚴(yán)肅的話題,商業(yè)軟件的交互設(shè)計(jì)。即使微交互屬于交互的一部分,但商業(yè)軟件需要的場景畢竟有限,所以,探索商業(yè)軟件的正確交互方式才是我最重要的工作。
我們的商業(yè)軟件也分兩種,產(chǎn)品和項(xiàng)目,我自己日常接觸的,基本都是項(xiàng)目,換句話說,我們先有了用戶,才針對用戶需求進(jìn)行有目的的開發(fā),這與大多數(shù)需要獲得用戶的軟件有本質(zhì)的區(qū)別,正是這種區(qū)別,使得商業(yè)軟件的交互設(shè)計(jì)原則與一般的交互設(shè)計(jì)原則有所不同。下面就我自己的項(xiàng)目經(jīng)驗(yàn)總結(jié)一下商業(yè)軟件的交互設(shè)計(jì)原則。
站在用戶的角度思考
用戶使用商業(yè)軟件,目的只有一個(gè),工作!
那工作是讓人愉悅的嗎?
答案毫無疑問,不。
相信除了個(gè)別工作狂,沒有人會(huì)把工作當(dāng)快樂。
大家和我一起設(shè)想一下幾個(gè)場景
1.你在用word撰寫文檔時(shí),會(huì)在意它的界面美觀度嗎?不,你只在乎能不能快速排版,能不能找到你隨時(shí)需要的加粗,更換字號(hào),首位縮進(jìn)等常用功能。
2.你在用excel做數(shù)據(jù)表時(shí),你會(huì)在意它的菜單項(xiàng)有精美的圖標(biāo)嗎?不,你只在乎能不能快速的錄入手頭的數(shù)據(jù)并按你的要求生成各種可視化的圖表。
3.你在用ps處理圖片時(shí),你會(huì)在意工具面板上的工具的圖標(biāo)是不是簡陋嗎?不,你只在乎能不能快速找到處理圖片需要的工具和命令。
是的,我們說這些工具好用,是因?yàn)樗鼈児δ艿膹?qiáng)大,而非精致的界面,沒有人會(huì)閑到去欣賞這些界面,你在使用它們時(shí),只有一個(gè)想法,能隨時(shí)保存,不要崩潰,趕快完成,完成工作我好去刷手機(jī)上那一堆APP去,對,那一堆APP才是真正需要注意界面美觀度的應(yīng)用,它們需要小心翼翼的去猜測用戶的喜好并不斷迭代。
而商業(yè)軟件對于用戶而言,就是一個(gè)單純的工具,沒有人去探索喜出望外的功能,沒有人在乎文案是不是人性化,語言是不是有溫度,更沒有人去注意有沒有小彩蛋這樣的驚喜。
因此,作為商業(yè)軟件的交互設(shè)計(jì)師,只要圍繞一個(gè)指導(dǎo)原則就可以——讓用戶快速完成工作。
天下武功,唯快不破。這個(gè)道理,同樣適用于商業(yè)軟件的交互設(shè)計(jì),但這一個(gè)“快”字,說起來簡單,真正做起來,卻需要一個(gè)良好的大局觀。
快之一——基于任務(wù)流程的界面設(shè)計(jì)
商業(yè)軟件以任務(wù)場景為主要參考因素,基于任務(wù)流程進(jìn)行界面設(shè)計(jì),業(yè)務(wù)流程要清晰,體現(xiàn)指引性的層級(jí)關(guān)系。想快速完成工作?工作流程要有連續(xù)性,不要中途被打斷。當(dāng)用戶暫時(shí)離開時(shí),需要有機(jī)制確保用戶回來時(shí)知道自己離開的位置以及進(jìn)行中的流程的狀態(tài)。
快之二——清晰的布局
對于商業(yè)軟件而言,布局的重要性不言而喻,想快速找到需要的功能?那就要確保在頁面中,該功能在重要位置一眼被看到。交互設(shè)計(jì)需要做到用戶操作到某一步需要某個(gè)功能,而這個(gè)功能就在手邊,剛剛好。
快之三——嚴(yán)謹(jǐn)?shù)慕换シ绞?/h3>
在商業(yè)軟件中,不用去糾結(jié)確定和取消誰在左誰在右這樣的問題,但要保證所有的此類彈窗統(tǒng)一起來。而且商業(yè)軟件迭代周期長,輕易不要去改變用戶的使用習(xí)慣,即使某個(gè)交互點(diǎn)是不合理的,但當(dāng)用戶形成習(xí)慣后,這就是合理的。交互設(shè)計(jì)師可以參與到創(chuàng)建產(chǎn)品詞典的工作中,列出產(chǎn)品中將要展示給用戶的概念的名稱和定義,在術(shù)語和概念之間建立一一映射,軟件、用戶手冊、營銷資料都應(yīng)一致使用產(chǎn)品詞典。
快之四——簡單的配色
我個(gè)人是非常反對給商業(yè)軟件太多的色彩干擾的,因?yàn)橛脩舻年P(guān)注點(diǎn)是自己處理的內(nèi)容,而娛樂導(dǎo)向的應(yīng)用才需要情感化,但一些通用準(zhǔn)則仍然適用,比如配色方面盡量柔和且不使用純白背景底色避免視疲勞,大面積出現(xiàn)的文字和按鈕,要經(jīng)過文字/背景色對比度測試,對比度不得小于3。
快之五——設(shè)計(jì)與開發(fā)的一致性
交互設(shè)計(jì)和軟件設(shè)計(jì)一樣,遵從“高內(nèi)聚、低耦合”的原則。比如你設(shè)計(jì)的功能菜單是不是具有可復(fù)用性?當(dāng)功能有2個(gè)20個(gè)甚至200個(gè)是不是仍然可以用這種方式?
交互設(shè)計(jì)的書籍自己也看過比較多,包括眾所周知的那十幾本以及一些專業(yè)論文,理論基礎(chǔ)總是有的了,但最大的感受是實(shí)踐出真知,不放到真正的項(xiàng)目中,你仍然不知道那些交互設(shè)計(jì)原則是如何發(fā)揮作用的。
交互設(shè)計(jì)師最好能根據(jù)自己項(xiàng)目的性質(zhì)建立一個(gè)專屬的交互設(shè)計(jì)自查表。