階好文!讓人舒服的的交互設(shè)計(jì)稿該有的5個(gè)特點(diǎn)

2017-2-23    周周

 

@黃紅藝Designer :還沒有跨入交互設(shè)計(jì)的門檻時(shí),總是想明確的知道一些客觀、確定的事情。比如,想知道交互設(shè)計(jì)的具體流程是什么,交互稿到底長什么樣子,Axure 中的Case 用例怎么用以及加載動畫怎么做,總希望有人能給一個(gè)交互設(shè)計(jì)的原型案例作為模板。

對于交互設(shè)計(jì)的學(xué)習(xí),當(dāng)我們跨過“知道”以后,就會越來越注意“懂得”的階段,越來越關(guān)注一些主觀的元素,讓自己的交互稿更好,而不是僅僅停留在怎么寫交互稿的層面上,還要注意邏輯、視覺上的表現(xiàn)。

交互設(shè)計(jì)稿的表現(xiàn)形式有很多種,有Word、PPT、Axure等。但Axure 又有著獨(dú)特的優(yōu)勢,在Axure 文件中直接表現(xiàn)交互稿,并配以相應(yīng)的交互說明,生成HTML 文件;在線框圖上直接進(jìn)行注釋和說明,可以讓交互設(shè)計(jì)的表達(dá)更加清晰,便于理解。

在交互稿中,除了注意那些既定的、能夠清晰辨別出是對是錯的內(nèi)容外,比如功能缺失,邏輯錯誤等,還有一些更高層次的特點(diǎn),需要懂得并加以注意。那我們今天就來聊一聊舒服的交互稿應(yīng)該具有的特點(diǎn)。

1、用色克制但層次清晰

交互稿本身就是一種邏輯層面的表現(xiàn),這也是很多公司招聘交互設(shè)計(jì)師時(shí),主要考察應(yīng)聘人員的地方。交互稿作為交互方案的主要載體,在完成需求分析以后,交互稿只是產(chǎn)品功能與業(yè)務(wù)邏輯的表現(xiàn),因此為了更好的表現(xiàn)產(chǎn)品的功能與業(yè)務(wù)邏輯,很多資深交互設(shè)計(jì)師都會告訴我們:要盡可能的少使用彩色,更多的采用合理的頁面布局與黑白灰色調(diào)來表現(xiàn)頁面中的重要元素以及功能邏輯。

在交互稿中,彩色一般在表示提醒或者設(shè)計(jì)師要表達(dá)其特定意思的時(shí)候才會用到,比如警告、錯誤提示等等。在有些UED團(tuán)隊(duì)中,交互稿中出現(xiàn)的彩色是交互設(shè)計(jì)師向視覺設(shè)計(jì)師傳達(dá)的視覺設(shè)計(jì)建議,暗示視覺設(shè)計(jì)采用該色彩,來強(qiáng)調(diào)元素。若非上訴情況下,交互設(shè)計(jì)師應(yīng)盡量少使用彩色,一方面能夠盡可能的體現(xiàn)交互設(shè)計(jì)的邏輯,另一方面能夠減少對視覺設(shè)計(jì)師的視覺干擾,更大的發(fā)揮視覺設(shè)計(jì)師的創(chuàng)造性。

2、符合通性且保留個(gè)性

作者本身是工業(yè)設(shè)計(jì)科班出身,中途轉(zhuǎn)行做交互。在找交互設(shè)計(jì)工作時(shí),總以為交互設(shè)計(jì)和工業(yè)設(shè)計(jì)區(qū)別不大,總以為設(shè)計(jì)是相通的,設(shè)計(jì)原則是通用的。真正入行以后,才發(fā)現(xiàn)交互設(shè)計(jì)雖然也遵循著眾所周知的普遍性設(shè)計(jì)原則,如:以人(用戶)為中心、少即是多、人機(jī)環(huán)境(場景)等等,但與其他類型的設(shè)計(jì)相比還是有自己特色的。這就猶如在中國,很多事物都具有“中國特色”一樣。

在交互設(shè)計(jì)專業(yè)內(nèi),根據(jù)行業(yè)的不同,在交互設(shè)計(jì)的頁面流程等的設(shè)計(jì)方面也有很大的差別。即使應(yīng)用相同的設(shè)計(jì)原則,針對不同的目標(biāo)人群,所做的設(shè)計(jì)操作流程和頁面布局也是不同的。在進(jìn)行交互設(shè)計(jì)時(shí),要保證所做產(chǎn)品符合所在行業(yè)的特點(diǎn),同時(shí)針對具體的目標(biāo)人群進(jìn)行個(gè)性化的處理,具有更多針對性的功能與界面設(shè)計(jì)。簡單來講,在符合行業(yè)特點(diǎn)的前提系,交互方案要講求用戶細(xì)分,針對相應(yīng)的用戶角色設(shè)計(jì)個(gè)性化的交互方案。

3、功能簡單但考慮周詳

大家應(yīng)該都知道“少就是多”的設(shè)計(jì)原則,在交互設(shè)計(jì)稿中,同樣遵循這樣的設(shè)計(jì)原則。交互設(shè)計(jì)師的主要工作就是多功能流程的優(yōu)化,減少不必要的操作,讓用戶在不需要思考的情況下完成相應(yīng)的任務(wù)。但是減少操作步驟的前提是保證功能流程的完整,用戶不會出現(xiàn)功能使用障礙。同樣,在交互稿中,在保證頁面簡潔的同時(shí),一方面要實(shí)現(xiàn)多種操作的可能性,另一方面要考慮極端情況下的頁面顯示。例如,常見的登錄頁面,包括手機(jī)號、郵箱、第三方登錄,登錄要考慮是否需要用戶驗(yàn)證,同時(shí),不同的驗(yàn)證方式其頁面展示也是不同的。

對于極端情況的一種,特殊頁面的處理,不僅僅要告訴用戶出現(xiàn)錯誤了,還要以用戶能夠懂的方式,告訴用戶哪里出現(xiàn)了錯誤,更進(jìn)一步要告訴用戶該怎么操作。要引導(dǎo)用戶到正確的頁面中去,完成用戶功能,提升用戶,讓用戶忘卻頁面錯誤帶來的不快。

4、頁面平常但尋求突破

交互設(shè)計(jì)的工作是在滿足需求的前提下,能夠有所突破,因此,在很多情況下,交互設(shè)計(jì)師都會參考具有類似需求產(chǎn)品的頁面,進(jìn)行相應(yīng)的調(diào)整。但是,這樣的產(chǎn)品沒有亮點(diǎn),不能帶給用戶驚喜之感,不能引領(lǐng)公司產(chǎn)品跟上設(shè)計(jì)趨勢。如果每個(gè)人都引用已有的設(shè)計(jì)方案,而不尋求突破,最終會降低個(gè)人與團(tuán)隊(duì)的設(shè)計(jì)水平。這也是在做競品分析時(shí),要格外注意的點(diǎn)。

在進(jìn)行競品分析時(shí),我們都會或多或少的受到其影響,競品分析在為我們理清設(shè)計(jì)思路的同時(shí),也禁錮了我們的想法。正像有些設(shè)計(jì)師,進(jìn)行App設(shè)計(jì)時(shí),還沒有怎么分析需求,就先入為主的想到產(chǎn)品應(yīng)該有個(gè)“首頁”,應(yīng)該采用標(biāo)簽式導(dǎo)航,以及四個(gè)標(biāo)簽的名稱應(yīng)該是什么。這樣的產(chǎn)品交互設(shè)計(jì)怎么會有突破?

需求突破的最重要途徑就是深入挖掘產(chǎn)品需求與業(yè)務(wù)需求,即具體情況具體分析。在一些人眼中,有些設(shè)計(jì)很平常,但在具體的業(yè)務(wù)場景中,就會脫穎而出。

還是滴滴bus的驗(yàn)票頁面,脫離了支付寶和微信慣用的對話框形式,但更加符合場景的使用情況。

5、語句簡單但意義明確

在彈出框中,很多人在制作引導(dǎo)用戶的操作時(shí),都會用“是”、“否”、“確定”、“返回”、“關(guān)閉”等字眼,雖然這些引導(dǎo)語都含有明確否定或者肯定的意義,但是,其在傳達(dá)意義時(shí)可能會存在缺陷。例如,刪除相關(guān)內(nèi)容并進(jìn)行二次確認(rèn)的彈出框,采用明確意義的”刪除“與”取消“要比采用”是“與”否“的方案好。

在用戶要刪除文件時(shí),二次確認(rèn)的目的是減少用戶誤操作。但是,左側(cè)的操作引導(dǎo)語,不論用戶采用哪一邊的操作都要去確認(rèn)彈出框的內(nèi)容,然后去進(jìn)行提操作。而右側(cè)的操作引導(dǎo)語,具有明確的指引作用,即使用戶不閱讀彈出框的文案,也能根據(jù)操作引導(dǎo)語完成正確的操作,更加符合Don’t make me think設(shè)計(jì)理念。

交互設(shè)計(jì)的道路是無止境的,在不同的階段對設(shè)計(jì)的理解和認(rèn)知也不一樣,但是,整體會是一個(gè)不斷深化、趨于簡單的過程。再多的學(xué)習(xí)也都是“知道”,只有經(jīng)歷實(shí)踐,才能到的“懂得”,才會更加清楚交互設(shè)計(jì)的本質(zhì),才會做出更佳的設(shè)計(jì)方案。

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔