前段時間投入了一點精力放到了SVG動畫上是因為在項目中用到了動態(tài)加載圖標(biāo)以及字體圖標(biāo),所以順便把這些相關(guān)的內(nèi)容補(bǔ)了一下忆谓,要么說實戰(zhàn)才是最佳升級方式裆装,因為去年我對SVG還幾乎一無所知。當(dāng)工作中實際遇到倡缠,才有了學(xué)習(xí)和探索的動力米母。SVG+CSS3動畫部分,掌握到現(xiàn)在的水平毡琉,在項目中運用已經(jīng)綽綽有余了,再有深入的研究純屬個人愛好妙色。
作為一個朝三暮四的人桅滋,我需要時刻提醒自己不要忘記本職工作,比如今天身辨,就要很鄭重的寫一個嚴(yán)肅的話題丐谋,商業(yè)軟件的交互設(shè)計。即使微交互屬于交互的一部分煌珊,但商業(yè)軟件需要的場景畢竟有限号俐,所以,探索商業(yè)軟件的正確交互方式才是我最重要的工作定庵。
我們的商業(yè)軟件也分兩種吏饿,產(chǎn)品和項目,我自己日常接觸的蔬浙,基本都是項目猪落,換句話說,我們先有了用戶畴博,才針對用戶需求進(jìn)行有目的的開發(fā)笨忌,這與大多數(shù)需要獲得用戶的軟件有本質(zhì)的區(qū)別,正是這種區(qū)別俱病,使得商業(yè)軟件的交互設(shè)計原則與一般的交互設(shè)計原則有所不同官疲。下面就我自己的項目經(jīng)驗總結(jié)一下商業(yè)軟件的交互設(shè)計原則。
站在用戶的角度思考
用戶使用商業(yè)軟件亮隙,目的只有一個途凫,工作!
那工作是讓人愉悅的嗎溢吻?
答案毫無疑問颖榜,不。
相信除了個別工作狂,沒有人會把工作當(dāng)快樂掩完。
大家和我一起設(shè)想一下幾個場景
1.你在用word撰寫文檔時噪漾,會在意它的界面美觀度嗎?不且蓬,你只在乎能不能快速排版欣硼,能不能找到你隨時需要的加粗,更換字號恶阴,首位縮進(jìn)等常用功能诈胜。
2.你在用excel做數(shù)據(jù)表時,你會在意它的菜單項有精美的圖標(biāo)嗎冯事?不焦匈,你只在乎能不能快速的錄入手頭的數(shù)據(jù)并按你的要求生成各種可視化的圖表。
3.你在用ps處理圖片時昵仅,你會在意工具面板上的工具的圖標(biāo)是不是簡陋嗎缓熟?不,你只在乎能不能快速找到處理圖片需要的工具和命令摔笤。
是的够滑,我們說這些工具好用,是因為它們功能的強(qiáng)大吕世,而非精致的界面彰触,沒有人會閑到去欣賞這些界面,你在使用它們時命辖,只有一個想法况毅,能隨時保存,不要崩潰尔艇,趕快完成俭茧,完成工作我好去刷手機(jī)上那一堆APP去,對漓帚,那一堆APP才是真正需要注意界面美觀度的應(yīng)用母债,它們需要小心翼翼的去猜測用戶的喜好并不斷迭代。
而商業(yè)軟件對于用戶而言尝抖,就是一個單純的工具毡们,沒有人去探索喜出望外的功能,沒有人在乎文案是不是人性化昧辽,語言是不是有溫度衙熔,更沒有人去注意有沒有小彩蛋這樣的驚喜。
因此搅荞,作為商業(yè)軟件的交互設(shè)計師红氯,只要圍繞一個指導(dǎo)原則就可以——讓用戶快速完成工作框咙。
天下武功,唯快不破痢甘。這個道理喇嘱,同樣適用于商業(yè)軟件的交互設(shè)計,但這一個“快”字塞栅,說起來簡單者铜,真正做起來,卻需要一個良好的大局觀放椰。
快之一——基于任務(wù)流程的界面設(shè)計
商業(yè)軟件以任務(wù)場景為主要參考因素作烟,基于任務(wù)流程進(jìn)行界面設(shè)計,業(yè)務(wù)流程要清晰砾医,體現(xiàn)指引性的層級關(guān)系拿撩。想快速完成工作?工作流程要有連續(xù)性如蚜,不要中途被打斷压恒。當(dāng)用戶暫時離開時,需要有機(jī)制確保用戶回來時知道自己離開的位置以及進(jìn)行中的流程的狀態(tài)怖亭。
快之二——清晰的布局
對于商業(yè)軟件而言,布局的重要性不言而喻坤检,想快速找到需要的功能兴猩?那就要確保在頁面中,該功能在重要位置一眼被看到早歇。交互設(shè)計需要做到用戶操作到某一步需要某個功能倾芝,而這個功能就在手邊,剛剛好箭跳。
快之三——嚴(yán)謹(jǐn)?shù)慕换シ绞?/h3>
在商業(yè)軟件中晨另,不用去糾結(jié)確定和取消誰在左誰在右這樣的問題,但要保證所有的此類彈窗統(tǒng)一起來谱姓。而且商業(yè)軟件迭代周期長借尿,輕易不要去改變用戶的使用習(xí)慣,即使某個交互點是不合理的屉来,但當(dāng)用戶形成習(xí)慣后路翻,這就是合理的。交互設(shè)計師可以參與到創(chuàng)建產(chǎn)品詞典的工作中茄靠,列出產(chǎn)品中將要展示給用戶的概念的名稱和定義茂契,在術(shù)語和概念之間建立一一映射,軟件慨绳、用戶手冊掉冶、營銷資料都應(yīng)一致使用產(chǎn)品詞典真竖。
快之四——簡單的配色
我個人是非常反對給商業(yè)軟件太多的色彩干擾的,因為用戶的關(guān)注點是自己處理的內(nèi)容厌小,而娛樂導(dǎo)向的應(yīng)用才需要情感化恢共,但一些通用準(zhǔn)則仍然適用,比如配色方面盡量柔和且不使用純白背景底色避免視疲勞召锈,大面積出現(xiàn)的文字和按鈕旁振,要經(jīng)過文字/背景色對比度測試,對比度不得小于3涨岁。
快之五——設(shè)計與開發(fā)的一致性
交互設(shè)計和軟件設(shè)計一樣拐袜,遵從“高內(nèi)聚、低耦合”的原則梢薪。比如你設(shè)計的功能菜單是不是具有可復(fù)用性蹬铺?當(dāng)功能有2個20個甚至200個是不是仍然可以用這種方式?
交互設(shè)計的書籍自己也看過比較多秉撇,包括眾所周知的那十幾本以及一些專業(yè)論文甜攀,理論基礎(chǔ)總是有的了,但最大的感受是實踐出真知琐馆,不放到真正的項目中规阀,你仍然不知道那些交互設(shè)計原則是如何發(fā)揮作用的。
交互設(shè)計師最好能根據(jù)自己項目的性質(zhì)建立一個專屬的交互設(shè)計自查表瘦麸。