<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      首頁(yè)

      交互設(shè)計(jì):我們是不是要把“用戶體驗(yàn)”中的“用戶”拿掉了

      杰睿

      精準(zhǔn)的分析了UX設(shè)計(jì)師的技能定位。其實(shí)不光是作為一些交互設(shè)計(jì)師自己不太清楚,領(lǐng)導(dǎo)和客戶往往也會(huì)忽略這一重要的步驟...

      交互設(shè)計(jì):我們是不是要把“用戶體驗(yàn)”中的“用戶”拿掉了?

      前言:這篇文章寫得特別好,很精準(zhǔn)的分析了UX設(shè)計(jì)師的技能定位。其實(shí)不光是作為一些交互設(shè)計(jì)師自己不太清楚,領(lǐng)導(dǎo)和客戶往往也會(huì)忽略這一重要的步驟。文章篇幅有點(diǎn)長(zhǎng)希望大家能靜下心看完,會(huì)幫助自己了解更多哦~

      什么是用戶體驗(yàn)設(shè)計(jì)師?

      我最近從一位來(lái)自MathWorks(世界領(lǐng)先的技術(shù)計(jì)算和基于模型的設(shè)計(jì)的軟件開發(fā)商和供應(yīng)商)的高級(jí)用戶體驗(yàn)專家那兒看到了一個(gè)很棒的廣告,這是其中一些節(jié)選:

       

      • 與開發(fā)團(tuán)隊(duì)合作,遵循以用戶為中心的設(shè)計(jì)方法,協(xié)同工作,對(duì)復(fù)雜的問(wèn)題進(jìn)行頭腦風(fēng)暴和設(shè)計(jì)創(chuàng)新的解決方案

      • 向團(tuán)隊(duì)成員建議使用哪些可行的方法來(lái)回答他們關(guān)于用戶的問(wèn)題,并根據(jù)項(xiàng)目的需求、目標(biāo)和約束來(lái)設(shè)計(jì)方向

      • 與團(tuán)隊(duì)成員密切合作,進(jìn)行用戶研究,發(fā)現(xiàn)痛點(diǎn),開發(fā)用戶配置文件,并創(chuàng)建任務(wù)列表

      • 在紙上畫出功能原型

      • 進(jìn)行可用性測(cè)試,進(jìn)行用戶交流和網(wǎng)上調(diào)研,組織調(diào)查,并進(jìn)行你認(rèn)為合適的其他可行性評(píng)估

       

      它準(zhǔn)確地描述了我在對(duì)于用戶體驗(yàn)工作的期望。我們從目標(biāo)人群和競(jìng)品那里學(xué)習(xí)有關(guān)項(xiàng)目的一切知識(shí),找到方法來(lái)研究用戶的需求和目標(biāo),與目標(biāo)人群一起評(píng)估這些需求,修改項(xiàng)目計(jì)劃,并在最終確定產(chǎn)品之前創(chuàng)造出經(jīng)過(guò)用戶驗(yàn)證的解決方案。

       

      但當(dāng)我換一份新的工作時(shí)(當(dāng)然那是個(gè)例外),我看到許多職位描述都要求具備廣泛的用戶體驗(yàn)技能,有些人甚至要求具備除此以外的更多技能。但似乎他們真的需要一個(gè)能進(jìn)行原型設(shè)計(jì)的視覺(jué)設(shè)計(jì)師。

       

      來(lái)自高級(jí)UI/UX設(shè)計(jì)師的廣告:

       

      • 有測(cè)試和可用性實(shí)驗(yàn)的經(jīng)驗(yàn)和熟練的交互原型的經(jīng)驗(yàn)

      • 創(chuàng)造清晰和具有視覺(jué)沖擊畫面的能力

      • 深入了解用戶的興趣和需求

       

      聽起來(lái)他們?cè)趯ふ乙粋€(gè)精通調(diào)研、可用性測(cè)試和交互原型的人。但更迫切的需要反映在以下關(guān)于"附加"的要求中:

       

      • 項(xiàng)目工作能展示強(qiáng)大的用戶體驗(yàn)過(guò)程和完美的細(xì)節(jié)視覺(jué)和交互設(shè)計(jì)原則(IA,IxD,排版,布局,層次結(jié)構(gòu),顏色,組成)

       

      你認(rèn)為他們只會(huì)招聘一個(gè)可以進(jìn)行用戶調(diào)研,畫線框圖和測(cè)試的人嗎?或是視覺(jué)設(shè)計(jì)做的很出眾的人?也許這反映了“UI”這部分的職位描述。讓我們來(lái)看看一個(gè)純粹的UX設(shè)計(jì)師的職位,它要求:

       

      • 優(yōu)秀的分析能力

      • 在實(shí)際用戶研究、信息架構(gòu)、交互設(shè)計(jì)、以用戶為中心的設(shè)計(jì)過(guò)程以及用。戶體驗(yàn)原則和技術(shù)等方面有豐富的經(jīng)驗(yàn)

       

      聽起來(lái)不錯(cuò)!但其真面目會(huì)在下一個(gè)要求中顯示:

       

      • 把想法/概念轉(zhuǎn)化為優(yōu)質(zhì)的視覺(jué)設(shè)計(jì)

       

      如今,用戶體驗(yàn)已成為熱門詞匯。盡管看起來(lái)不言自明,但一些公司并沒(méi)有明白這一點(diǎn)——他們?nèi)匀缓鲆暳诵袨榻?jīng)驗(yàn),而不是外表和感覺(jué)。我看到的許多廣告都是在視覺(jué)設(shè)計(jì)上表達(dá)了最具體和生動(dòng)的語(yǔ)言。這讓我撓頭,懷疑是否只有最成熟、規(guī)模最大的公司才真正需要用戶體驗(yàn),并有足夠的預(yù)算來(lái)支持它。難道其他公司只是通過(guò)招聘視覺(jué)設(shè)計(jì)師并給他們貼上“UX”的標(biāo)簽,來(lái)追個(gè)市場(chǎng)熱點(diǎn)而已嗎?

       

       

      遠(yuǎn)離調(diào)研?

      用戶研究員Alan最近離開了一家總部位于亞特蘭大的公司,那里擁有大量的用戶體驗(yàn)員工。他在公司的頭兩年里,參加了全國(guó)各地許多不同類型的用戶調(diào)研。然而,在最后一年,他發(fā)現(xiàn)他的調(diào)研被拋到一邊了。

      "我的新老板不關(guān)心做調(diào)研。似乎整個(gè)公司都在降低它的重要性。相反,他們會(huì)開辦設(shè)計(jì)思維講習(xí)班,直接進(jìn)入開發(fā)階段。“任何研究或可用性測(cè)試都被留到最后,只是為了驗(yàn)證解決方案。

      由于該公司以嚴(yán)厲對(duì)待用戶體驗(yàn)而聞名,這一點(diǎn)尤其令人不快。

      像用戶體驗(yàn)(ux)這樣流行的詞匯會(huì)突然變得受人追捧,我想不出在這個(gè)行業(yè)還有什么比“設(shè)計(jì)思維”更重要的了。根據(jù)谷歌在過(guò)去的五年中的數(shù)據(jù),對(duì)設(shè)計(jì)思維的網(wǎng)頁(yè)搜索翻了兩倍。

       顯示從2012年12月到2017年6月設(shè)計(jì)思維搜索增加的圖表。

       

      搜索“設(shè)計(jì)思維”,2012年12月-2017年6月(資料來(lái)源:Google Trends)

      設(shè)計(jì)思維過(guò)程的第一步是移情化,就是讓用戶參與并觀察他們?nèi)绾握務(wù)摰模瑫r(shí)觀察他們?nèi)绾握嬲瓿扇蝿?wù)。換句話說(shuō),這就是用戶調(diào)研。誰(shuí)做調(diào)研?做用戶體驗(yàn)的諸位!不難想象互聯(lián)網(wǎng)項(xiàng)目負(fù)責(zé)人和利益相關(guān)者繞過(guò)這個(gè)步驟,直接進(jìn)入步驟2和3,開始定義問(wèn)題和開展頭腦風(fēng)暴去解決方案。爽死他們了。

       

       

      在“設(shè)計(jì)思考家最初犯的五個(gè)錯(cuò)誤,”Dana Mitroff Silvers,一個(gè)設(shè)計(jì)思維驅(qū)動(dòng)者和數(shù)據(jù)戰(zhàn)略家寫道,“我經(jīng)常被客戶要求跳過(guò)這個(gè)階段,直接進(jìn)入解決問(wèn)題的階段。”

       

      她還描述了我有過(guò)很多次的經(jīng)歷,公司禁止接近用戶!很多時(shí)候,silvers的客戶都會(huì)問(wèn)他們是否可以跳過(guò)這個(gè)階段,因?yàn)樗麄?ldquo;已經(jīng)知道他們的受眾需要什么,可以為他們代言。”

       

      這就說(shuō)的通了。團(tuán)隊(duì)繞過(guò)不熟悉的移情階段,直接進(jìn)入定義問(wèn)題及其解決方案,過(guò)去一直都是這么做的。而且如果沒(méi)有在移情方面的訓(xùn)練和指導(dǎo),或者充分了解,很容易跳過(guò)這個(gè)階段。在我接下來(lái)的交談中可以看到,一個(gè)公司告訴我他們需要一個(gè)兼并的ux/視覺(jué)設(shè)計(jì)師。我問(wèn)他們是否需要設(shè)計(jì)思維,產(chǎn)品總監(jiān)回答:“是的。”他們跳過(guò)移情步驟了嗎?他同樣回答道:“是的。”

       

      如果一家公司僅僅遵循設(shè)計(jì)思維的最后四個(gè)階段——設(shè)計(jì)、構(gòu)思、原型和測(cè)試——那么一個(gè)用戶體驗(yàn)設(shè)計(jì)師是什么樣的呢?是一個(gè)可以做原型開發(fā)的視覺(jué)設(shè)計(jì)師。

      分離調(diào)研和設(shè)計(jì)

       

      用戶體驗(yàn)架構(gòu)師Alyssa最近與一家大型電信公司簽訂了用戶調(diào)研合同。讓人失望的是,設(shè)計(jì)師似乎沒(méi)有責(zé)任跟蹤調(diào)研結(jié)果。調(diào)研人員每一到兩周進(jìn)行一次新的可用性測(cè)試,然后將測(cè)試結(jié)果提交給設(shè)計(jì)師,也不知道設(shè)計(jì)師是否會(huì)遵循建議

       

      這似乎不對(duì)。

       

      我已經(jīng)注意到越來(lái)越多的公司在調(diào)研和設(shè)計(jì)師之間拆分他們的用戶體驗(yàn)實(shí)踐。問(wèn)題是,“用戶體驗(yàn)設(shè)計(jì)師”通常不僅要處理交互設(shè)計(jì),還要處理視覺(jué)設(shè)計(jì)。盡管易于使用的工具的出現(xiàn)使得創(chuàng)建可點(diǎn)擊的原型變得容易,但這是兩個(gè)不同的技能。我期望交互設(shè)計(jì)師分析行為和工作流程,并充當(dāng)用戶的擁護(hù)者;視覺(jué)設(shè)計(jì)師則負(fù)責(zé)推廣品牌。

       

      將設(shè)計(jì)團(tuán)隊(duì)分成調(diào)研人員和設(shè)計(jì)師可能會(huì)阻礙有效的軟件開發(fā)。為了真正了解用戶,設(shè)計(jì)師需要培養(yǎng)共情心。他們和其他團(tuán)隊(duì)成員可以通過(guò)進(jìn)行用戶調(diào)研或可用性研究——或者參與調(diào)研過(guò)程來(lái)實(shí)現(xiàn)這一點(diǎn)。這就鎖定了用戶的目標(biāo)和痛點(diǎn),并讓設(shè)計(jì)師了解到什么是最重要的點(diǎn),這將有效幫助如何更有針對(duì)性的設(shè)計(jì)。除了對(duì)設(shè)計(jì)人員有好處之外,定期的用戶調(diào)研還可以讓公司了解用戶的期望和行為。如果這些好處能被廣泛理解,那公司一定會(huì)對(duì)共情心和用戶調(diào)研付出比口頭更多的心思了。

       

       

      功能原型和測(cè)試不足

       

      Alan Cooper是視覺(jué)基礎(chǔ)的創(chuàng)造者和用戶體驗(yàn)的領(lǐng)袖,也是《囚犯?jìng)児芾硎杖菟芬粫淖髡撸赥witter上抨擊了“原型和測(cè)試”的思維模式并表示:“原型和測(cè)試不是交互設(shè)計(jì)”。 Cooper寫道交互和測(cè)試能讓領(lǐng)導(dǎo)感到高興,但它只是蚍蜉撼大樹。盡管它創(chuàng)造了微小的改進(jìn),讓設(shè)計(jì)師和他們的領(lǐng)導(dǎo)們充滿希望和快樂(lè),但它從來(lái)沒(méi)有真正從大的程度上理解用戶或者產(chǎn)品。

       

      我們都搞錯(cuò)了

      我們已經(jīng)看到,在設(shè)計(jì)思維的大旗下,公司可能會(huì)跳過(guò)移情階段,回歸到一個(gè)舒適、獨(dú)立的設(shè)計(jì)過(guò)程。設(shè)計(jì)思維確實(shí)帶來(lái)了一個(gè)有價(jià)值的原型/測(cè)試階段,但在用戶研究上的偷工減料卻使本末倒置,并錯(cuò)過(guò)了一個(gè)時(shí)機(jī),去進(jìn)行具體的見(jiàn)解和創(chuàng)新,從而可以將產(chǎn)品推向頂峰。而斷斷續(xù)續(xù)的研究只會(huì)拖延我們“想要知道我們的用戶想要什么”的心態(tài)。

       

      雖然強(qiáng)調(diào)視覺(jué)設(shè)計(jì)的技巧,但分離研究和設(shè)計(jì),可能消耗掉那些面向認(rèn)知將用戶體驗(yàn)放在首位的設(shè)計(jì)師。視覺(jué)設(shè)計(jì)提供了一個(gè)重要的初步印象,許多研究表明,人們對(duì)第一眼有吸引力的網(wǎng)站的評(píng)價(jià)通常比較高。但視覺(jué)只是用戶體驗(yàn)中的一部分。一個(gè)經(jīng)常使用你的產(chǎn)品的用戶到底是如何評(píng)價(jià)的?視覺(jué)效果將發(fā)揮一定作用,但我認(rèn)為它更有可能依賴于一個(gè)偉大的工作流程——需要反復(fù)跟進(jìn)用戶體驗(yàn)的流程。

       

      我們到底要什么?

       

      我不知道出了什么問(wèn)題,但我猜是我們的理由還不夠充分。我們都含蓄地理解真正的用戶體驗(yàn)過(guò)程的價(jià)值,但開發(fā)或市場(chǎng)主管是否也是如此?

       

      可能是我們自己被自己的完美所欺騙了。我們已經(jīng)大幅改善了用戶體驗(yàn)的程度,現(xiàn)在在任何手機(jī)上都可以找到偉大設(shè)計(jì)的例子。改進(jìn)后的開發(fā)工具利用了我們創(chuàng)新的交互模式,小工具使平面設(shè)計(jì)看起來(lái)很棒。也許開發(fā)領(lǐng)導(dǎo)者覺(jué)得他們已經(jīng)看到了足夠好的設(shè)計(jì),他們相信他們也可以做到這一點(diǎn)。


      作者:March1996
      鏈接:https://www.zcool.com.cn/article/ZNzYyNDU2.html
      來(lái)源:站酷
      著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

      蘭亭妙微(www.tuitetiyu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

      微交互:提升產(chǎn)品用戶體驗(yàn)的魔法鑰匙

      杰睿

      在我們使用的產(chǎn)品中,多多少少都會(huì)有一些微交互的穿插,但由于微交互性能的不搶眼也不明顯的條件下,所以往往會(huì)被很多設(shè)計(jì)和開發(fā)人員所忽略。

       

      微交互的轉(zhuǎn)型

       

      但在一個(gè)優(yōu)秀的產(chǎn)品中,微交互卻是必不可少的重要關(guān)口,它直接承載著用戶在使用產(chǎn)品時(shí)對(duì)產(chǎn)品細(xì)節(jié)的細(xì)微體驗(yàn)。雖然在互聯(lián)網(wǎng)產(chǎn)品早期,微交互曾被人稱之為是“很炫酷的特性象征”,但時(shí)隔今日,在這百花齊放的產(chǎn)品大環(huán)境中,其實(shí)微交互已經(jīng)慢慢從膚淺的炫酷轉(zhuǎn)型為附有內(nèi)涵的用戶體驗(yàn)關(guān)鍵要素了。

      作為產(chǎn)品細(xì)節(jié)體驗(yàn)的重要承載,微交互的價(jià)值與地位逐漸提升,在用戶使用產(chǎn)品過(guò)程中,它不僅僅能促進(jìn)產(chǎn)品與用戶的互動(dòng)性,而且還能激發(fā)用戶對(duì)產(chǎn)品的積極感覺(jué),并且最終影響用戶的整體行為。

      什么是微交互

       

      微交互的基本概念就是指:關(guān)注一項(xiàng)主要任務(wù)、一個(gè)目的得事件過(guò)程。通常情況下,微交互需要關(guān)注得是這個(gè)事件的整體交互過(guò)程,并且它存在的目的也是為了讓用戶在使用產(chǎn)品時(shí)能感覺(jué)到順暢性、一致性,并產(chǎn)生心理的愉悅感,從而讓用戶喜歡產(chǎn)品,愛(ài)上產(chǎn)品,從而留住用戶。

       

      如果籠統(tǒng)概括的話,可以說(shuō)微交互幾乎會(huì)遍布任何設(shè)備、任何應(yīng)用程序中。并且他們存在的價(jià)值就是讓用戶高興。就單純從產(chǎn)品說(shuō)起,如果說(shuō)在產(chǎn)品設(shè)計(jì)中,在大多數(shù)用戶與產(chǎn)品接觸時(shí)都能發(fā)現(xiàn)微交互的存在與應(yīng)用。

      舉例

      1、你在Web看一段話時(shí)結(jié)尾展示是“…”時(shí),那么通過(guò)你的心智程序,你就會(huì)下意識(shí)的將光標(biāo)停留在這段話上,在這樣的情況下,微交互就會(huì)出現(xiàn)了,則在這段話的周圍就會(huì)出現(xiàn)這句話完整的展示從而被你瀏覽。

       

      2、還有一種常見(jiàn)的就是在你輸入錯(cuò)誤的信息時(shí)系統(tǒng)會(huì)自動(dòng)識(shí)別,并在末尾彈出消息提示,提示你需要從新輸入,更有優(yōu)秀的系統(tǒng)會(huì)從你開始輸入時(shí)就跟進(jìn)你的輸入狀態(tài),時(shí)刻提醒你輸入的結(jié)果是否正確。

       

      其實(shí)這些小的視覺(jué)暗示和微妙的指示就是所謂的為微交互,也有人稱之為“圍觀互動(dòng)”。雖然這些微交互平日不太容易能被用戶所直觀的發(fā)現(xiàn),但也就是這些微小的交互,才能提升一個(gè)產(chǎn)品的整體用戶體驗(yàn)。所以說(shuō),無(wú)論他們是多么的微妙,你都需要重視起來(lái),并嘗試著將一般的設(shè)計(jì)方案和這些結(jié)合起來(lái)使用,并提供一些有效的信息,這樣才能讓你的用戶在瀏覽產(chǎn)品界面和執(zhí)行操作時(shí)有基本的保障。

      知道了什么是微交互后,你還需要吃透微交互它到底是怎么工作的,只有這樣才能確保你靈活的使用微交互…

       

      微交互是如何工作的

       

      微交互的工作一般要分為四個(gè)基本要素:觸發(fā)、規(guī)則、反饋、循環(huán)。

      觸發(fā)

      觸發(fā)簡(jiǎn)單講就是“啟動(dòng)微交互”,例如:點(diǎn)擊按鈕或點(diǎn)擊鼠標(biāo)。這里需要注意的是,觸發(fā)并不單純是人為操作的開始,它也同樣包含系統(tǒng)自動(dòng)啟動(dòng)的操作,比如說(shuō)在你設(shè)備上收到一份郵件或短信時(shí),這時(shí)的你其實(shí)并沒(méi)有任何操作,但系統(tǒng)就會(huì)有一個(gè)微交互啟動(dòng)為你提示,這時(shí)的微交互就是被動(dòng)的。

       

      這些所謂的啟動(dòng)微交互,需要注意的是必須與一組已經(jīng)擬定好的操作規(guī)則一起工作,這些規(guī)則里包含了什么能做,什么不能做的內(nèi)容。

      規(guī)則

      微交互的規(guī)則就是表明用戶在操作后產(chǎn)品該如何按照用戶正確的心智程序進(jìn)行微交互,它決定了觸發(fā)之后會(huì)發(fā)生什么事情。因此,當(dāng)你在拉下界面時(shí),產(chǎn)品的規(guī)則就應(yīng)該包含下滑的規(guī)則,這同時(shí)也能表明用戶當(dāng)時(shí)的心理是希望看到界面以上的結(jié)果或者下拉刷新看到更多新的結(jié)果。同樣,規(guī)則就是規(guī)則,在你沒(méi)有進(jìn)行操作時(shí),規(guī)則時(shí)而也在生效,例如:微信里對(duì)方并未添加你為好友,但依然和你說(shuō)了句話,規(guī)則就是生效的,這里的規(guī)則就是阻止了信息的傳入。

       

      反饋

      顧名思義反饋在現(xiàn)實(shí)中就是你與人對(duì)話交流,對(duì)方饋贈(zèng)你的信息,在產(chǎn)品中這個(gè)環(huán)節(jié)也同樣必不可少,它的存在可以讓用戶明確知道在用戶操作后產(chǎn)品發(fā)生了什么,出現(xiàn)什么結(jié)果的回饋信息。在微交互中,用戶看到的、聽到的、操作的、甚至包含感覺(jué)到的,都是可以反饋的。

       

      例如:

      1、看到的:希望打車,看到的反饋就是地圖和輸入起始地/目的地的界面,這就符合了用戶心理;

      2、聽到的:在與人聊天時(shí),其他人也和你說(shuō)了句話,就聽到手機(jī)“蜂”一聲,這樣的反饋就是提醒用戶聽到有新消息;

      3、操作的:在任何產(chǎn)品中都需要用戶操作,那么然后反饋用戶操作結(jié)果;

      4、感覺(jué)到的:這包含界面樣式、產(chǎn)品交互是否符合用戶心理預(yù)期,并通過(guò)預(yù)期實(shí)現(xiàn)操作后得到想要結(jié)果,這里面就包含感覺(jué)到的反饋;

       

      循環(huán)

      循環(huán)在微交互里屬于次數(shù)的說(shuō)明,在我們手機(jī)設(shè)置鬧鈴時(shí)就經(jīng)常看到有提醒一次、一周提醒等說(shuō)明,這就是循環(huán)的微交互,循環(huán)的微交互基本上定義了交互的某種性質(zhì),它會(huì)告訴你隨著時(shí)間的推移發(fā)生了幾次,發(fā)生了多少。

       

      例如:在你去銀行自動(dòng)取款機(jī)取錢時(shí)輸入的密碼,如果輸入錯(cuò)誤,就會(huì)提示你還有幾次輸入,這樣的就是循環(huán)的過(guò)程,等于是在原地打轉(zhuǎn),但當(dāng)你成功進(jìn)入后就會(huì)從這個(gè)環(huán)節(jié)進(jìn)入到下一個(gè)環(huán)節(jié)繼續(xù)循環(huán)。

       

      說(shuō)了這么多,我想你應(yīng)該知道了微交互的工作方式以及流程,那么接下來(lái)要說(shuō)的就是微交互需要在何時(shí)、何地以及如何才能正確使用了。

       

      何時(shí)、何地以及如何使用微交互

       

      1、界面滑動(dòng)

      現(xiàn)如今產(chǎn)品幾乎都帶有滑動(dòng)的交互,之所以滑動(dòng)越來(lái)越多,是因?yàn)榛瑒?dòng)交互可以清楚的展示給用戶行為操作路徑,而點(diǎn)擊確實(shí)短期記憶性的,當(dāng)用戶想要開始滑動(dòng)時(shí),這是用戶操作前的準(zhǔn)備,而當(dāng)用戶正在滑動(dòng)時(shí),這是操作中的節(jié)點(diǎn),這時(shí)滑動(dòng)的界面就會(huì)隨著手勢(shì)的方向進(jìn)行移動(dòng)并告訴用戶界面即將去往哪里,下次想要找到該從哪里找的路徑,在操作結(jié)束后,微交互完成,這時(shí)操作后的結(jié)果,這一整套流程下來(lái),通過(guò)短小的微交互,就能很清晰的告知用戶他在做什么以及他做了什么。

       

      2、下拉/側(cè)拉菜單

      下拉/側(cè)拉菜單就像產(chǎn)品某個(gè)界面內(nèi)的一個(gè)抽屜,它里面包含了當(dāng)前界面賦予的更多選擇,并且還能占據(jù)極小的空間,根據(jù)用戶的心智程序來(lái)講,竟然是抽屜就應(yīng)該拉取,這才符合環(huán)境映射的條件。當(dāng)前在產(chǎn)品設(shè)計(jì)內(nèi),幾何都包含了下拉/側(cè)拉菜單的微交互,例如淘寶的側(cè)拉菜單、美團(tuán)的下拉菜單都是微交互的展示,在輕松點(diǎn)擊后,界面tab則下拉或側(cè)拉出一個(gè)抽屜,里面就包含了N多個(gè)附加選擇或者篩選器。

       

      3、引導(dǎo)頁(yè)

      對(duì)于產(chǎn)品的不斷迭代與改版,其界面一定會(huì)發(fā)生一些細(xì)微的變化,更有時(shí)功能會(huì)作為轉(zhuǎn)移,那么為了能更好的引導(dǎo)用戶的操作路徑,就需要用到一些引導(dǎo)頁(yè),我這里說(shuō)的引導(dǎo)頁(yè)并不是啟動(dòng)頁(yè)后的大篇章引導(dǎo),而是在半黑透明遮罩的同時(shí),流出需要用戶操作的功能引導(dǎo),在聚焦了操作功能上,賦予一些微交互,會(huì)加大用戶對(duì)產(chǎn)品的認(rèn)可,包括喜歡新產(chǎn)品。

       

      4、操作反饋

      在用戶正在輸入一個(gè)列表菜單時(shí),最需要的微交互就是即使反饋,作為產(chǎn)品首先應(yīng)該賦予用戶的就是安全與人性,安全是指產(chǎn)品在用戶心理的懷疑指數(shù)多少,指數(shù)越低安全度越高,而人性就需要操作的了路徑與展示是符合用戶的心理預(yù)期的。安全與人性都可以通過(guò)微交互來(lái)實(shí)現(xiàn),例如在建設(shè)銀行APP登陸前會(huì)出現(xiàn)安全掃描,在支付寶輸入了支付密碼后出現(xiàn)的結(jié)果符合了人性思維。

       

      5、卡片旋轉(zhuǎn)/淡化

      有些app會(huì)出現(xiàn)卡片類樣式的界面,并通過(guò)用戶的操作實(shí)現(xiàn)卡片淡化和卡片丟棄等微交互,這樣的微交互則更加具象了用戶的真實(shí)空間感受,通過(guò)與真實(shí)環(huán)境的結(jié)合,將用戶帶入產(chǎn)品,使用戶在使用產(chǎn)品時(shí)會(huì)有現(xiàn)實(shí)版的感覺(jué)。例如:陌陌的附近人卡片丟棄,網(wǎng)易音樂(lè)的音樂(lè)專輯封面淡化。

       

       

      總結(jié)

      微交互在產(chǎn)品內(nèi)可以說(shuō)是無(wú)處不在,雖然這些都是一些很小的細(xì)節(jié),如果只是靜態(tài)展示可能并沒(méi)有太大作用,但通過(guò)產(chǎn)品與用戶的這種互動(dòng),變相交流,微交互在產(chǎn)品的整體體驗(yàn)上就可以增加巨大的價(jià)值,這也可能是所謂的“宜家效應(yīng)”吧,用戶在自己親手制作或行動(dòng)時(shí),才能賦予產(chǎn)品更大的價(jià)值感。

       

      好的產(chǎn)品必須擁有這種精心設(shè)計(jì)的標(biāo)志,它不僅包含了對(duì)用戶的心智理解,更多的,是對(duì)用戶的一種尊重與情感抒發(fā)。



      作者:西瓜聊設(shè)計(jì)
      鏈接:https://www.zcool.com.cn/article/ZMTAzOTM0NA==.html
      來(lái)源:站酷
      著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

      蘭亭妙微(www.tuitetiyu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

      以用戶為中心的交互設(shè)計(jì)思維

      鶴鶴

      聊聊關(guān)于設(shè)計(jì)思維的內(nèi)容,會(huì)從產(chǎn)品設(shè)計(jì)、體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)三個(gè)方面入手。
      目前是第三篇,關(guān)于交互設(shè)計(jì)思維的內(nèi)容。到這里設(shè)計(jì)思維的內(nèi)容全部結(jié)束了。
      感謝
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維


      作者:DesignLink
      鏈接:https://www.zcool.com.cn/article/ZMTY0OTg1Mg==.html
      來(lái)源:站酷
      著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

      以用戶為中心的交互設(shè)計(jì)思維

      杰睿

       
      聊聊關(guān)于設(shè)計(jì)思維的內(nèi)容,會(huì)從產(chǎn)品設(shè)計(jì)、體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)三個(gè)方面入手。
      目前是第三篇,關(guān)于交互設(shè)計(jì)思維的內(nèi)容。到這里設(shè)計(jì)思維的內(nèi)容全部結(jié)束了。
      感謝
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維
       
       
      以用戶為中心的交互設(shè)計(jì)思維


      作者:DesignLink
      鏈接:https://www.zcool.com.cn/article/ZMTY0OTg1Mg==.html
      來(lái)源:站酷
      著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
       

      如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?

      杰睿

      本文從產(chǎn)品角度出發(fā),深入探討了如何發(fā)起交互設(shè)計(jì)。通過(guò)明確產(chǎn)品目標(biāo)與用戶需求、進(jìn)行用戶研究、構(gòu)建信息架構(gòu)、設(shè)計(jì)流程與界面、進(jìn)行原型測(cè)試以及持續(xù)優(yōu)化等關(guān)鍵步驟,闡述了如何打造出滿足用戶期望、提升用戶體驗(yàn)并實(shí)現(xiàn)產(chǎn)品目標(biāo)的交互設(shè)計(jì)。
       
      一、引言
       
      在當(dāng)今數(shù)字化的時(shí)代,產(chǎn)品的成功不僅僅取決于其功能的強(qiáng)大,更在于能否為用戶提供流暢、愉悅且富有價(jià)值的交互體驗(yàn)。從產(chǎn)品角度發(fā)起交互設(shè)計(jì),意味著將用戶置于核心,以實(shí)現(xiàn)產(chǎn)品的商業(yè)目標(biāo)和用戶需求的完美融合。
      如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
       
       
      二、明確產(chǎn)品目標(biāo)與用戶需求
       
      (一)定義產(chǎn)品目標(biāo)
      產(chǎn)品目標(biāo)是交互設(shè)計(jì)的起點(diǎn),它決定了設(shè)計(jì)的方向和重點(diǎn)。產(chǎn)品經(jīng)理需要與團(tuán)隊(duì)共同明確產(chǎn)品的定位、市場(chǎng)需求以及預(yù)期的商業(yè)成果。例如,是旨在提高用戶活躍度,還是增加用戶轉(zhuǎn)化率,或者是提升品牌形象。
      如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
       
       
       
      (二)挖掘用戶需求
      通過(guò)市場(chǎng)調(diào)研、用戶反饋、競(jìng)品分析等手段,深入了解目標(biāo)用戶的行為習(xí)慣、痛點(diǎn)和期望。這不僅包括對(duì)用戶顯性需求的捕捉,還包括對(duì)潛在需求的挖掘。
      如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
       
       
       
      三、進(jìn)行用戶研究
       
      (一)用戶畫像創(chuàng)建
      基于收集到的數(shù)據(jù),構(gòu)建詳細(xì)的用戶畫像,包括用戶的年齡、性別、職業(yè)、教育背景、使用場(chǎng)景等特征,以便更精準(zhǔn)地理解用戶的行為和需求。
      如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
       
       
       
      (二)用戶場(chǎng)景分析
      模擬用戶在不同場(chǎng)景下與產(chǎn)品的交互過(guò)程,發(fā)現(xiàn)可能存在的問(wèn)題和優(yōu)化點(diǎn)。
      舉例說(shuō)明:
      我們要知道,地鐵周邊美食,這是一個(gè)解決方案。真正的需求是什么?一個(gè)字一個(gè)字地找需求,地鐵=快速方便出行,美食=和朋友一起吃飯/自己一人吃飯。這是一個(gè)和線下場(chǎng)景很相關(guān)的項(xiàng)目,我們要把不同目的核心用戶的主要使用場(chǎng)景寫出來(lái)。經(jīng)過(guò)分析,我們得出了用戶會(huì)選擇我們產(chǎn)品,且產(chǎn)品未來(lái)可能存在的各種場(chǎng)景A、B、C、D、E。如下圖所示:
      如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
       
       
      如果按照目標(biāo)人群所在場(chǎng)景分類,進(jìn)行細(xì)分,則為下圖:
      如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
       
       
      乘地鐵去地鐵站和附近地鐵站區(qū)別:前為用戶會(huì)乘坐地鐵去目的地尋找美食;后為用戶不用地鐵/吃完后使用地鐵,地鐵邊美食沒(méi)有其他美食團(tuán)購(gòu)產(chǎn)品有競(jìng)爭(zhēng)力。
      上班族和普通大眾區(qū)別:上班族工作日使用固定地鐵站上下班,時(shí)間可能緊急,快速獲取食物;普通找美食吃的大眾不使用固定地鐵站,目的是通過(guò)地鐵快速到達(dá)某目的地,就近享受目的地美食。
      朋友們和個(gè)人區(qū)別:朋友們一起吃飯,容易出現(xiàn)喝多、吃過(guò)點(diǎn)等異常行為,并且在選擇地鐵旁吃飯地點(diǎn)時(shí)需要考慮朋友們家的位置就近選目的地。個(gè)人均不需要考慮以上,較為自由。
       
      市場(chǎng)定位
      經(jīng)過(guò)領(lǐng)域場(chǎng)景的分析,我們知道了真場(chǎng)景都是用戶有目的乘坐地鐵去到某地鐵站出站口尋找美食的。那么我們對(duì)這么一群大眾進(jìn)行用戶人口統(tǒng)計(jì)學(xué)類的細(xì)分:
      如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
       
       
      • 上圖為前期定位的目標(biāo)大眾用戶群,依靠地鐵的工具屬性,我們得出了具體的兩個(gè)影響因素:時(shí)間+美食熱愛(ài)程度。同時(shí)我們把直接競(jìng)品和間接競(jìng)品一同進(jìn)行用戶群比較。可以看到和大美團(tuán)有相同和不同維度,這就是產(chǎn)品最初冷啟動(dòng)時(shí)期的差異化!也就是我們的前、中期場(chǎng)景的主要目標(biāo)用戶類型。
      • 紅色部分即種子用戶群,以這些群體為冷啟動(dòng)階段,可以更快的向四周擴(kuò)張。因?yàn)樗麄冇惺褂玫罔F的時(shí)間屬性,同時(shí)有較高的美食熱愛(ài)程度,有利于帶動(dòng)其他時(shí)間+熱愛(ài)程度的用戶加入產(chǎn)品,實(shí)現(xiàn)快速并有質(zhì)量的拉新、活躍的目標(biāo)。
      • 低端直接競(jìng)品即用戶群工具屬性明顯,只是搜地鐵站,選擇美食的用戶,無(wú)明顯其他行為;高端競(jìng)品即注重社交、ugc為起點(diǎn),逼格高的搜尋美食工具。這部分開始很難,工作量巨大,且較脫離大眾主流群體。
       
      結(jié)合上圖和要做的場(chǎng)景,我們得出了產(chǎn)品具體目標(biāo)用戶:乘坐地鐵快速到達(dá)并尋找目的地美食的大眾用戶(上班族休息日,大學(xué)生,個(gè)人或一起),要求在地鐵站附近便能方便享受目的地美食。且對(duì)美食有一定熱愛(ài)程度。
       
      (三)用戶測(cè)試
      邀請(qǐng)真實(shí)用戶進(jìn)行產(chǎn)品試用,觀察他們的操作行為,收集反饋意見(jiàn),為后續(xù)的設(shè)計(jì)提供依據(jù)。
      1、需求接受
      需求很有可能是在線上接到的,并不是面對(duì)面交流傳遞的,并且還會(huì)遇到很多坑,例如需求本身不具體,或者自己理解有偏差,因此在接到需求后,最好和交互、產(chǎn)品等同事進(jìn)行面對(duì)面的交流和溝通。
      詳細(xì)了解測(cè)試目的和關(guān)鍵點(diǎn),確定用戶配比。
      最好是讓交互帶著跑一下整個(gè)程序(半成品demo也好,交互稿也行),這樣能在頭腦中快速形成操作流程的認(rèn)知,并把相應(yīng)關(guān)鍵點(diǎn)對(duì)應(yīng)上去。同時(shí)把大致的用戶配比情況敲定一下,后續(xù)就可以直接招募用戶了。
      了解demo的完成進(jìn)度,相應(yīng)確定具體測(cè)試時(shí)間。
      交互、視覺(jué)等完成demo的時(shí)間具有太多不確定因素,因此我們需要及時(shí)了解整個(gè)demo的完成進(jìn)度,在盡可能快的情況下保險(xiǎn)安排測(cè)試時(shí)間,如果邀請(qǐng)的是外部用戶,結(jié)果用戶到了而demo還沒(méi)出來(lái),那也是夠了。
      2、方案撰寫和確定
      讓交互稿幫助自己。在完成測(cè)試方案撰寫的過(guò)程中demo還未誕生,具體程序細(xì)節(jié)記憶又很模糊,不好寫測(cè)試方案,怎么辦?不要慌,去看交互稿吧。
      及時(shí)溝通。在方案撰寫過(guò)程中,如果有一些疑問(wèn),例如在看交互稿的時(shí)候還不是很理解某個(gè)具體操作過(guò)程,或者自己對(duì)產(chǎn)品有疑問(wèn)的也可以跟交互等溝通,因?yàn)樽约簳?huì)遇到的問(wèn)題,很有可能在測(cè)試用用戶也會(huì)遇到,這樣子用戶如果問(wèn)到了,就可以相應(yīng)作出解釋。
      核實(shí)確定方案。完成方案后,可以在公司溝通交流工具上和交互及產(chǎn)品等同事再確認(rèn)一下,是否有什么地方遺漏或有不妥之處。
      3、用戶招募
      這是一個(gè)大多數(shù)人都頭疼的一個(gè)過(guò)程,希望看完了以下幾點(diǎn),可以稍微緩解一下大家的癥狀。再次確定測(cè)試時(shí)間。
      方案定下來(lái)后,再跟交互確認(rèn)測(cè)試時(shí)間,了解是否有變動(dòng)和調(diào)整,盡量避免用戶來(lái)了demo或者測(cè)試環(huán)境還不ok的情況。
       
      撰寫招募文案。需要把用戶要求、測(cè)試日期和地點(diǎn)、報(bào)酬、大致的測(cè)試時(shí)長(zhǎng)、用戶需要在測(cè)試中做什么,以及報(bào)名方式等表達(dá)清楚。有以下幾點(diǎn)可以注意一下,方便我們自己招募:
      • 詳細(xì)列出測(cè)試安排的時(shí)間段。例如10:30-11:15、13:30-14:15,讓用戶自己挑選合適的時(shí)間段,這樣就不用事后再協(xié)調(diào)不同用戶測(cè)試時(shí)間了;
      • 優(yōu)先人力、信息管理、行政等崗位同事。盡量避免相關(guān)產(chǎn)品人員、設(shè)計(jì)崗等同事。
      • 制作簡(jiǎn)單的招募海報(bào),并檢查。可以事先將“海報(bào)”用word或者ppt做好,然后保存成圖片格式,記得檢查核實(shí)一下是否有錯(cuò)。因?yàn)樵诠綢M群上直接黏貼確實(shí)方便,但是其排版往往不利于閱讀,導(dǎo)致用戶會(huì)遺漏重要信息。而制作成圖片格式,可以更好地去避免這個(gè)問(wèn)題,同時(shí)還可以顯得整個(gè)招募過(guò)程比較正式,突出了對(duì)用戶的尊重,也能在一定程度上體現(xiàn)我們用研工作的規(guī)范性。
       
      多渠道投放招募海報(bào)。內(nèi)部用戶可以嘗試先在公司IM群組上招募,之前招募樣本量比較小,因此很快可以招到,其他途徑暫時(shí)未嘗試,公司論壇應(yīng)該也可以,不過(guò)隱約感覺(jué)效率會(huì)比較低。外部用戶可以在朋友圈試試,效果還不錯(cuò),大家都很熱情幫忙轉(zhuǎn)發(fā),群眾的力量大無(wú)窮。也可以相應(yīng)去搜索一些QQ群,加入并發(fā)布招募信息。另外還有一些社交論壇什么的,都可以嘗試一下。方法很多,針對(duì)具體招募情況,大家就盡情發(fā)揮吧~
       
      用戶多了留到下次用。海報(bào)發(fā)出去后,有時(shí)也會(huì)出乎意料用戶數(shù)量超過(guò)預(yù)期了,這是好事,不要擔(dān)心,也不要急著拒絕,平和的跟對(duì)方說(shuō)明情況,強(qiáng)調(diào)下次還會(huì)有測(cè)試,把用戶相應(yīng)信息了解一下做個(gè)記錄,下次招募的時(shí)候可以直接先聯(lián)系這幾名用戶。當(dāng)然前提是你真的有下次測(cè)試需求,如果沒(méi)有那還是老老實(shí)實(shí)說(shuō)明情況。
       
      確保自己和用戶能彼此聯(lián)系上。跟用戶強(qiáng)調(diào)測(cè)試時(shí)間和地點(diǎn),尤其是外部用戶,如果招募和正式測(cè)試隔了幾天,最好在測(cè)試前一天再通知一下。給出自己的聯(lián)系電話,同時(shí)詢問(wèn)用戶的聯(lián)系電話。
       
      第一個(gè)用戶盡量安排公司內(nèi)部同事。很多時(shí)候demo的完成情況會(huì)出現(xiàn)意外,到了測(cè)試時(shí)間demo還不能用,內(nèi)部用戶可以方便取消或者更換。另外,在第一次測(cè)試前誰(shuí)都不確定用戶會(huì)有什么反應(yīng),第一個(gè)測(cè)試是可以起到試水效果,而外部用戶成本高,用來(lái)試水太奢侈。
      4、測(cè)試準(zhǔn)備
       
      材料準(zhǔn)備。需要準(zhǔn)備的內(nèi)容有:量表、報(bào)酬簽收表、記錄筆記本、錄音筆、會(huì)議室借用,以及記錄表格,如果是外部用戶過(guò)來(lái),相應(yīng)準(zhǔn)備一杯水,人家大老遠(yuǎn)過(guò)來(lái)也不容易。
       
      測(cè)試內(nèi)容準(zhǔn)備。其實(shí)每次訪談?dòng)脩糇约憾紩?huì)挺緊張的,不知道用戶是不是也很緊張(PS:好想當(dāng)一回用戶,體驗(yàn)一下被訪的感覺(jué))。為了消除這種緊張,同時(shí)也是為了更好的完成訪談,可以有嘗試以下幾點(diǎn):
      • 盡可能多的去了解所需測(cè)試的產(chǎn)品。有時(shí)候demo出來(lái)的晚,下午要測(cè)試,demo中午才出來(lái),自己都沒(méi)玩過(guò),測(cè)試還怎么搞?之前也說(shuō)了,那就使勁去看交互稿吧,雖然比不上實(shí)際操作來(lái)的真實(shí),但是也能有不小幫助,但也要給自己留足熟悉demo的時(shí)間。
      • 按照模塊來(lái)列提綱。其實(shí)相當(dāng)于組塊策略,把同一個(gè)模塊的問(wèn)題放到一起更方便記憶,并且也在訪談中也方便自己和其他同事發(fā)現(xiàn)遺漏點(diǎn)。但模塊不要太大,如果太大了就相應(yīng)拆分一下。例如,在考拉新版測(cè)試的時(shí)候,有“首頁(yè)”、“活動(dòng)”、“購(gòu)物車”等測(cè)試,但是光是首頁(yè)內(nèi)容也很多,作為一個(gè)模塊還是太大了,可以拆分成“首頁(yè)整體感知”、“商品詳情”等幾個(gè)方面來(lái)整理提綱。
      • 根據(jù)任務(wù)演練提綱。有了提綱后,按照任務(wù)大致過(guò)一下所有列出來(lái)的問(wèn)題,這個(gè)過(guò)程會(huì)打亂按照模塊列好的提綱,有一次這樣的排練,在測(cè)試的時(shí)候更不容易漏掉題目,而且也相當(dāng)于模擬了一下測(cè)試,自己心里會(huì)更踏實(shí)一點(diǎn),在實(shí)際測(cè)試過(guò)程中也能有更好的應(yīng)對(duì)。
       
      相關(guān)人員通知。通知交互和產(chǎn)品的同事具體測(cè)試時(shí)間和地點(diǎn),邀請(qǐng)他們一起參與。不建議交互和產(chǎn)品只是后期測(cè)試查閱報(bào)告,如果他們參與到測(cè)試中,能更近距離和用戶接觸,并能更加深刻感受到產(chǎn)品存在的問(wèn)題,也能更好的推動(dòng)產(chǎn)品的改進(jìn)。
      5、正式測(cè)試
      主持人需要注意的點(diǎn):
      • 劃分我們和產(chǎn)品的關(guān)系。在測(cè)試之前跟用戶說(shuō)明清楚,我們并不是產(chǎn)品的設(shè)計(jì)者和開發(fā)者,我們只是受產(chǎn)品方委托來(lái)進(jìn)行測(cè)試,以免用戶不好意思當(dāng)面如實(shí)評(píng)價(jià)產(chǎn)品。
      • 強(qiáng)調(diào)測(cè)試的是產(chǎn)品,而不是用戶。要跟用戶說(shuō)明產(chǎn)品尚處于不完善階段,因此邀請(qǐng)用戶過(guò)來(lái)進(jìn)行測(cè)試,幫助發(fā)現(xiàn)問(wèn)題和改進(jìn)產(chǎn)品設(shè)計(jì),但請(qǐng)注意不是為了評(píng)價(jià)產(chǎn)品。
      • 注意訪談技巧。這個(gè)就不用多說(shuō)了。
      • 盡可能深入的去挖掘用戶的需求。不要停留在用戶話述表面,更進(jìn)一步去追問(wèn),用戶為什么會(huì)這么說(shuō)或這么問(wèn),例如,很多時(shí)候在測(cè)試中會(huì)碰到用戶說(shuō)“哦,原來(lái)這個(gè)按鈕是xx功能,我還以為是xx功能“,這個(gè)時(shí)候可以再推進(jìn)一步,了解用戶為什么會(huì)這么認(rèn)為。
      • 給其他在場(chǎng)的同時(shí)發(fā)言的機(jī)會(huì)。主持人如果覺(jué)得自己訪談的差不多了,可以詢問(wèn)一下記錄者以及交互、產(chǎn)品等同事,了解他們是否還有問(wèn)題需要補(bǔ)充。
      • 記得量表評(píng)分和報(bào)酬簽收。長(zhǎng)時(shí)間的測(cè)試和訪談后容易忘記量表評(píng)分和報(bào)酬簽收,可以把這兩份東西放在顯眼的地方,另外可以讓記錄的同事打個(gè)招呼,幫忙提醒自己。
       
      記錄人員需要注意的點(diǎn):
      • 仔細(xì)觀察用戶行為并記錄。記錄不僅僅是用戶的觀點(diǎn)、想法等,更重要的是記錄用戶的實(shí)際行為。
      • 按照模塊記錄。記錄者可以按照測(cè)試方案中的模塊來(lái)相應(yīng)記錄用戶的行為和言語(yǔ)表述。
      • 查漏補(bǔ)缺。主持人可能會(huì)遺漏一些點(diǎn),記錄者作為旁觀者需要提醒主持人遺漏了什么,或者自己有什么新的內(nèi)容需要補(bǔ)充。
       
      6、測(cè)試結(jié)束歡送用戶。對(duì)用戶表示感謝,并開門送一下用戶,對(duì)于外部用戶,最好能送到大樓外面可以看見(jiàn)出口的地方。
      測(cè)試后及時(shí)討論。這個(gè)是重點(diǎn)!
      在每一名用戶測(cè)試后及時(shí)和交互、產(chǎn)品等同事快速過(guò)一下主要發(fā)現(xiàn)的問(wèn)題點(diǎn),這樣做有以下優(yōu)點(diǎn):
      • 有效達(dá)成共識(shí),確定解決方案。剛訪談結(jié)束印象最深刻,因此能快速有效達(dá)成對(duì)主要問(wèn)題的共識(shí),并討論確定相應(yīng)的解決方案。
      • 體現(xiàn)敏捷優(yōu)勢(shì)。確定了一些比較嚴(yán)重的問(wèn)題后,交互和產(chǎn)品的同事就可以相應(yīng)去改進(jìn)產(chǎn)品設(shè)計(jì),做到了邊測(cè)邊改,加快迭代速度。
      • 幫助優(yōu)化訪談提綱,和測(cè)試用戶安排。有些問(wèn)題在事先撰寫方案的時(shí)候可能沒(méi)涉及到,在討論后可以補(bǔ)充進(jìn)去,而有些問(wèn)題確定后則不需要再測(cè)。另外,也可以通過(guò)討論對(duì)事先安排的測(cè)試用戶進(jìn)行相應(yīng)調(diào)整,例如增刪用戶,或者調(diào)整新老用戶測(cè)試順序等。
      •  
        事后幫助我們自己快速撰寫方案。通過(guò)討論確定了關(guān)鍵問(wèn)題,并且,交互和產(chǎn)品的同事也相應(yīng)清楚了,因此在最后可以快速形成報(bào)告。
      再次感謝用戶。所有用戶測(cè)試結(jié)束后,可以花幾分鐘時(shí)間簡(jiǎn)單感謝一下用戶。
       
      7、報(bào)告撰寫
      針對(duì)不同大小項(xiàng)目的用戶測(cè)試,在完成報(bào)告撰寫過(guò)程中有兩種具體方式:
      • 小測(cè)試項(xiàng)目簡(jiǎn)單快速撰寫報(bào)告。對(duì)于那些1-2天的小測(cè)試項(xiàng)目,由于在每次測(cè)試后都有討論,已對(duì)主要問(wèn)題達(dá)成共識(shí),因此在報(bào)告撰寫的時(shí)候就可以快速地將主要的問(wèn)題和風(fēng)險(xiǎn)點(diǎn)呈現(xiàn)出來(lái)。
      • 大測(cè)試項(xiàng)目每天總結(jié)并反饋主要問(wèn)題。大的測(cè)試項(xiàng)目持續(xù)時(shí)間比較久,針對(duì)每天的測(cè)試及討論,簡(jiǎn)單總結(jié)一下主要發(fā)現(xiàn)的問(wèn)題,并反饋給相關(guān)人員,如果到了最后再總結(jié),容易遺忘掉一些內(nèi)容,并且這樣子也方便自己最后撰寫報(bào)告。
       
      四、構(gòu)建信息架構(gòu)
      思考信息架構(gòu)有三個(gè)核心關(guān)鍵詞:用戶角色、產(chǎn)品價(jià)值、使用場(chǎng)景。
      1、明確用戶角色
      用戶角色清晰揭示用戶目標(biāo),幫助我們把握關(guān)鍵需求、關(guān)鍵任務(wù)、關(guān)鍵流程,看到產(chǎn)品哪些是主要的事,哪些是次要的事。我們應(yīng)該盡可能豐富、形象化我們的用戶角色,讓它在設(shè)計(jì)決策過(guò)程中發(fā)揮作用,設(shè)計(jì)出更符合用戶場(chǎng)景的產(chǎn)品。
      2、了解產(chǎn)品的目標(biāo)價(jià)值
      作為產(chǎn)品的設(shè)計(jì)師一定要理解產(chǎn)品的價(jià)值,知道用戶想要什么,把最重要的優(yōu)先級(jí)提到最高,盡量移除無(wú)關(guān)緊要的信息,或降低其他優(yōu)先級(jí)的權(quán)重,以免對(duì)用戶造成干擾。
      3、提煉產(chǎn)品的使用場(chǎng)景
      要了解產(chǎn)品的業(yè)務(wù)流程,比如目標(biāo)用戶是誰(shuí)、什么場(chǎng)景、如何使用,要把產(chǎn)品業(yè)務(wù)流程上的節(jié)點(diǎn)一個(gè)一個(gè)梳理出來(lái),還要考慮這個(gè)產(chǎn)品對(duì)用戶的價(jià)值是什么,不要僅僅考慮界面的元素規(guī)范、設(shè)計(jì)細(xì)節(jié)等等,要知道產(chǎn)品的目標(biāo)價(jià)值體系。
      4、信息架構(gòu)優(yōu)先級(jí)
      基于三個(gè)核心點(diǎn)(用戶角色、產(chǎn)品價(jià)值、使用場(chǎng)景)分析,把目標(biāo)用戶人群核心價(jià)值的功能點(diǎn)業(yè)務(wù)流程梳理出來(lái),分清主次關(guān)系,切忌功能堆砌,具體方法可以把所有功能業(yè)務(wù)邏輯的主線列出來(lái),然后根據(jù)業(yè)務(wù)的優(yōu)先級(jí)做評(píng)級(jí),分清楚這些功能哪些是主要的,哪些是次要的,然后通過(guò)數(shù)字做排序,這樣我們就知道哪些功能設(shè)計(jì)需要明顯,哪些功能設(shè)計(jì)需要低調(diào)。
      5、信息歸類及整合
      從整體上思考信息類產(chǎn)品的分類及整合,比如用戶資料相關(guān)的產(chǎn)品會(huì)有用戶信息、資料、等邏輯,這樣就要把所有跟用戶相關(guān)的信息都?xì)w在同一個(gè)分類菜單下,不要讓他們分散在各個(gè)頁(yè)面中。也就是所謂的一級(jí)菜單、二級(jí)產(chǎn)品的處理邏輯。
      6、要定期審視與迭代
      隨著產(chǎn)品規(guī)模與復(fù)雜度的提升,要隨時(shí)關(guān)注信息架構(gòu)是否滿足當(dāng)前的產(chǎn)品框架,不要等需要時(shí)候再去孤注一擲的全盤優(yōu)化,這樣會(huì)讓項(xiàng)目陷入被動(dòng)的局面,可以逐漸增強(qiáng),循序漸進(jìn)的優(yōu)化,從小的細(xì)節(jié)對(duì)信息架構(gòu)進(jìn)行調(diào)整,提升產(chǎn)品的易用性。
       
      六、進(jìn)行原型測(cè)試
      1、制作原型
      使用快速原型工具制作可交互的原型,以便更直觀地展示設(shè)計(jì)方案。
       
      (二)內(nèi)部測(cè)試
      團(tuán)隊(duì)內(nèi)部進(jìn)行初步測(cè)試,檢查功能的完整性和流程的合理性。
       
      (三)用戶測(cè)試
      邀請(qǐng)外部用戶進(jìn)行測(cè)試,收集他們的意見(jiàn)和建議,發(fā)現(xiàn)潛在的問(wèn)題和改進(jìn)空間。
       
      七、持續(xù)優(yōu)化
       
      (一)數(shù)據(jù)分析
      通過(guò)收集和分析用戶的使用數(shù)據(jù),了解用戶的行為路徑和偏好,為優(yōu)化提供數(shù)據(jù)支持。
       
      (二)用戶反饋處理
      及時(shí)響應(yīng)用戶的反饋,將有價(jià)值的建議融入到后續(xù)的優(yōu)化工作中。
       
      (三)迭代更新
      根據(jù)數(shù)據(jù)分析和用戶反饋,不斷對(duì)交互設(shè)計(jì)進(jìn)行迭代更新,以適應(yīng)市場(chǎng)和用戶需求的變化。
       
      八、結(jié)論
       
      從產(chǎn)品角度發(fā)起交互設(shè)計(jì)是一個(gè)綜合性的過(guò)程,需要充分考慮產(chǎn)品目標(biāo)、用戶需求、信息架構(gòu)、流程界面、測(cè)試優(yōu)化等多個(gè)方面。只有以用戶為中心,不斷追求卓越的用戶體驗(yàn),才能打造出具有競(jìng)爭(zhēng)力的產(chǎn)品,在激烈的市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。
       
      在未來(lái)的產(chǎn)品開發(fā)中,隨著技術(shù)的不斷進(jìn)步和用戶需求的不斷變化,交互設(shè)計(jì)也將面臨新的挑戰(zhàn)和機(jī)遇。產(chǎn)品團(tuán)隊(duì)?wèi)?yīng)保持敏銳的洞察力和創(chuàng)新精神,持續(xù)探索和優(yōu)化交互設(shè)計(jì),為用戶創(chuàng)造更多的價(jià)值。
       


      作者:Charlotte的嘻醬
      鏈接:https://www.zcool.com.cn/article/ZMTYyNzM1Mg==.html
      來(lái)源:站酷
      著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

      用戶體驗(yàn)一致性思考

      杰睿

      前言
      在團(tuán)隊(duì)內(nèi)部,我們已確立了一套設(shè)計(jì)規(guī)范,在日常項(xiàng)目中使用設(shè)計(jì)規(guī)范輸出變的高效、統(tǒng)一。然而,在實(shí)際操作中,不可避免地會(huì)遇到一些特殊情況:某些客戶提出的個(gè)性化需求并不完全契合既定的設(shè)計(jì)規(guī)范,這些促使我們不得不在保持設(shè)計(jì)一致性的基礎(chǔ)上進(jìn)行靈活調(diào)整。因此,深入反思并優(yōu)化一致性原則的應(yīng)用策略顯得尤為重要。我們需要探索如何在堅(jiān)守設(shè)計(jì)規(guī)范核心精神的同時(shí),靈活應(yīng)對(duì)多變的需求,確保設(shè)計(jì)既保持統(tǒng)一和諧,又能滿足特定場(chǎng)景下的獨(dú)特需求,從而實(shí)現(xiàn)用戶體驗(yàn)與品牌價(jià)值的雙重提升。
       
      用戶體驗(yàn)一致性思考
       
       
      用戶體驗(yàn)一致性思考
       
       
      在UI/UX設(shè)計(jì)中,雅各布·尼爾森的十條可用性原則中,一致性(Consistency and standards)位列第四。這一原則強(qiáng)調(diào)在界面和交互設(shè)計(jì)上需要遵循既定的規(guī)則,無(wú)論是在應(yīng)用內(nèi)部還是跨平臺(tái)之間。
      背后的心理學(xué)原理——重復(fù)定律,強(qiáng)調(diào)了信息重復(fù)對(duì)于鞏固記憶的重要性。正如赫爾曼·艾賓浩斯通過(guò)“遺忘曲線”所揭示的,信息的有效保留離不開重復(fù)接觸。一致性的應(yīng)用正是這一原理的生動(dòng)實(shí)踐,通過(guò)不斷重復(fù)統(tǒng)一的設(shè)計(jì)元素與模式,強(qiáng)化用戶對(duì)產(chǎn)品的認(rèn)知與記憶,從而提升整體的用戶滿意度與忠誠(chéng)度。
      艾賓浩斯遺忘曲線
      艾賓浩斯遺忘曲線
       
      用戶體驗(yàn)一致性思考
       
       
      用戶側(cè)
      1、用戶學(xué)習(xí)曲線:
      一致的UI/UX設(shè)計(jì)可以降低用戶的學(xué)習(xí)曲線。當(dāng)用戶在應(yīng)用程序或網(wǎng)站中遇到一致的元素、布局和交互方式時(shí),他們可以快速理解并準(zhǔn)確預(yù)測(cè)如何與界面進(jìn)行交互。這減少了用戶的混淆和困惑,提高了他們的效率和滿意度。
      2、提升可用性:
      一致性使用戶界面更加易于使用。當(dāng)用戶在不同的頁(yè)面或功能之間找到相似的設(shè)計(jì)元素和交互模式時(shí),他們可以輕松地將已有的知識(shí)和經(jīng)驗(yàn)應(yīng)用于新的情境中。這種一致性幫助用戶快速完成任務(wù),減少錯(cuò)誤和迷失,提供更好的導(dǎo)航和流暢的體驗(yàn)。
      3、品牌認(rèn)可度:
      一致的UI/UX設(shè)計(jì)有助于樹立品牌形象和增強(qiáng)品牌認(rèn)可度。通過(guò)在不同的渠道和平臺(tái)上保持一致的設(shè)計(jì)元素、標(biāo)識(shí)和視覺(jué)風(fēng)格,品牌可以建立起獨(dú)特而可識(shí)別的形象。用戶在不同的觸點(diǎn)上都能感受到品牌的一致性,從而增加品牌的信任和忠誠(chéng)度。
      4、用戶滿意度:
      一致性直接影響用戶的滿意度。當(dāng)用戶在使用應(yīng)用程序或網(wǎng)站時(shí)感受到一致的設(shè)計(jì)和交互方式時(shí),他們會(huì)感到更加舒適和自信。一致性傳遞了專業(yè)和質(zhì)量的信號(hào),讓用戶感到被關(guān)注和重視。這種積極的用戶體驗(yàn)有助于提升用戶滿意度,并促使他們持續(xù)使用和推薦你的產(chǎn)品或服務(wù)。
       
      用戶體驗(yàn)一致性思考
       
       
      產(chǎn)研側(cè)
      1. 降低設(shè)計(jì)成本,提高開發(fā)效率
      無(wú)論是設(shè)計(jì)還是開發(fā),復(fù)用已有的組件資源,保持界面的一致性可以有效地減少設(shè)計(jì)的投入,避免不必要的設(shè)計(jì)分歧點(diǎn)。
      而在開發(fā)階段,可以避免重復(fù)造輪子,提高開發(fā)的效率,保證落地效果,也可以減少上線前設(shè)計(jì)走查、測(cè)試的工作量。
      2. 形成一致的設(shè)計(jì)風(fēng)格
      根據(jù)原子設(shè)計(jì)理論,通過(guò)原子組件的一致性,可以構(gòu)建出統(tǒng)一的界面框架、布局,形成統(tǒng)一風(fēng)格和用戶交互認(rèn)知,從而更好地保證用戶體驗(yàn)質(zhì)量。
       
      用戶體驗(yàn)一致性思考
       
       
      色彩
      色彩作為一種兼具物理屬性與感官享受的復(fù)雜現(xiàn)象,其本質(zhì)在于光波在人體視網(wǎng)膜上的特定波長(zhǎng)被反射或吸收后,所引發(fā)的視覺(jué)感知結(jié)果。在設(shè)計(jì)領(lǐng)域,色彩的選擇與運(yùn)用不僅是視覺(jué)藝術(shù)的展現(xiàn),更是品牌身份與個(gè)性的直接體現(xiàn)。諸如餓了么標(biāo)志性的藍(lán)色、美團(tuán)鮮明的黃色、以及京東熱情的紅色等,這些品牌專屬色彩不僅構(gòu)成了品牌識(shí)別系統(tǒng)的重要組成部分,還通過(guò)其高度的一致性,在視覺(jué)層面上構(gòu)建起強(qiáng)烈的品牌認(rèn)知,營(yíng)造出統(tǒng)一和諧的視覺(jué)體驗(yàn)。
      色彩的一致性策略在品牌塑造中發(fā)揮著不可估量的作用,它能夠有效增強(qiáng)品牌的記憶度與辨識(shí)度,深化品牌形象在消費(fèi)者心中的烙印,進(jìn)而提升產(chǎn)品的市場(chǎng)吸引力和用戶忠誠(chéng)度。同時(shí),這種策略還促進(jìn)了設(shè)計(jì)元素間的和諧共存,包括按鈕、圖標(biāo)、字體、標(biāo)簽、背景、以及關(guān)鍵視覺(jué)元素如Banner等,均能在統(tǒng)一的色彩體系下實(shí)現(xiàn)視覺(jué)上的連貫與流暢,極大地提升了產(chǎn)品的可用性、無(wú)障礙性,以及用戶在使用過(guò)程中的整體滿意度與交互體驗(yàn)。
       
      用戶體驗(yàn)一致性思考
       
       
      字體
      字體作為設(shè)計(jì)中不可或缺的核心要素,其獨(dú)特性在于能夠精準(zhǔn)地塑造文字的視覺(jué)形象,涵蓋形狀、尺寸、粗細(xì)、字間距等多維度特征。這些特征共同構(gòu)建了一種獨(dú)特的文字風(fēng)格,不僅承載著信息的傳遞功能,更在無(wú)形中引導(dǎo)著用戶的視覺(jué)流程,影響著信息的接收與理解深度。因此,在設(shè)計(jì)過(guò)程中,合理選擇與應(yīng)用字體顯得尤為關(guān)鍵。
       
      字體類型的多樣性,如有襯線字體與無(wú)襯線字體的對(duì)比,不僅體現(xiàn)了風(fēng)格上的差異,還隱含了不同的閱讀體驗(yàn)與情感表達(dá)。字體的粗細(xì)變化(如細(xì)體、常規(guī)、粗體等)更是能夠強(qiáng)調(diào)文本的重要性層級(jí),增強(qiáng)信息的層次感與可讀性。此外,字重的調(diào)整也是塑造視覺(jué)焦點(diǎn)、引導(dǎo)視線流動(dòng)的有效手段,對(duì)于提升設(shè)計(jì)的整體美觀度和信息傳達(dá)效率具有不可小覷的作用。
       
      然而,在實(shí)際的開發(fā)與實(shí)現(xiàn)過(guò)程中,若不加節(jié)制地使用多種字體,不僅會(huì)顯著增加頁(yè)面的加載時(shí)間,影響用戶體驗(yàn)的流暢性,還可能因風(fēng)格不統(tǒng)一而導(dǎo)致頁(yè)面顯得雜亂無(wú)章,破壞整體設(shè)計(jì)的和諧感。因此,制定一套統(tǒng)一、規(guī)范的字體使用策略顯得尤為重要。這不僅有助于提升開發(fā)效率,減少后期更新迭代的復(fù)雜度,還能有效避免資源浪費(fèi),確保設(shè)計(jì)作品在視覺(jué)上的一致性與專業(yè)性。
       
      用戶體驗(yàn)一致性思考
       
       
      圖標(biāo)
       
      圖標(biāo)作為用戶界面設(shè)計(jì)中至關(guān)重要的元素,風(fēng)格直接影響到用戶的使用體驗(yàn)與對(duì)產(chǎn)品的整體印象。圖標(biāo)以其簡(jiǎn)潔、直觀且富有表現(xiàn)力的特點(diǎn),在快速傳達(dá)信息、引導(dǎo)用戶操作方面發(fā)揮著不可替代的作用。在設(shè)計(jì)中,圖標(biāo)的設(shè)計(jì)與應(yīng)用更是需要精心考量,以確保其既能夠準(zhǔn)確傳達(dá)信息,又能夠與整體設(shè)計(jì)風(fēng)格保持一致,從而營(yíng)造出專業(yè)、和諧且易于使用的界面環(huán)境。
       
      設(shè)計(jì)中視覺(jué)上保持統(tǒng)一包括圖標(biāo)的大小、形狀、色彩以及設(shè)計(jì)風(fēng)格等多個(gè)方面,能夠增強(qiáng)用戶的認(rèn)知連貫性,降低學(xué)習(xí)成本,提升使用效率。相反,如果圖標(biāo)風(fēng)格混雜,不僅會(huì)讓界面顯得雜亂無(wú)章,還會(huì)給用戶帶來(lái)困惑和不安,進(jìn)而影響其對(duì)產(chǎn)品專業(yè)性和安全性的信任。
      用戶體驗(yàn)一致性思考
       
       
      按鈕
      按鈕設(shè)計(jì)應(yīng)統(tǒng)一于項(xiàng)目風(fēng)格,無(wú)論是圓形、矩形、圓角矩形還是特定形狀,保持一致性是關(guān)鍵。統(tǒng)一的按鈕樣式不僅彰顯專業(yè)性,還能增強(qiáng)用戶信任,確保體驗(yàn)連貫。過(guò)多變化的按鈕樣式會(huì)擾亂用戶界面,降低操作直觀性,甚至讓用戶誤以為自己已離開應(yīng)用環(huán)境。因此,精心設(shè)計(jì)的統(tǒng)一按鈕樣式對(duì)提升用戶體驗(yàn)至關(guān)重要。
       
      排版
      設(shè)計(jì)中的排版一致性對(duì)于構(gòu)建高效、用戶友好的界面至關(guān)重要。一致的排版不僅能夠讓用戶快速適應(yīng)和理解界面的整體結(jié)構(gòu),大幅降低學(xué)習(xí)成本,還能在用戶心中激發(fā)強(qiáng)烈的歸屬感和安全感。這種熟悉感使得內(nèi)容更加易讀,用戶能夠自然地依照既定的視覺(jué)動(dòng)線流暢地瀏覽頁(yè)面,迅速定位并獲取所需信息,從而顯著提升信息獲取的效率。因此,在設(shè)計(jì)過(guò)程中,注重并維護(hù)排版的一致性,是提升用戶體驗(yàn)和界面有效性的重要策略之一。
       
       
      用戶體驗(yàn)一致性思考
       
       
       
      操作流程的一致性
      標(biāo)準(zhǔn)化流程:確保用戶在執(zhí)行相似任務(wù)時(shí),如購(gòu)買商品、搜索信息或提交表單等,能夠遵循相同的操作流程。這有助于用戶快速適應(yīng)并高效完成任務(wù)。
      邏輯清晰:操作流程的每一步都應(yīng)符合用戶的認(rèn)知習(xí)慣和行為邏輯,避免讓用戶感到困惑或不知所措。
      用戶體驗(yàn)一致性思考
       
       
      交互元素的一致性
      按鈕和控件:確保按鈕、輸入框、下拉菜單等交互元素的樣式、位置和操作方式在整個(gè)應(yīng)用或網(wǎng)站中保持一致。例如,所有按鈕都應(yīng)具有相同的視覺(jué)風(fēng)格和觸發(fā)機(jī)制。
      導(dǎo)航和菜單:導(dǎo)航欄和菜單的設(shè)計(jì)也應(yīng)保持一致,使用戶能夠輕松地在不同頁(yè)面或功能之間切換。
       
      用戶體驗(yàn)一致性思考
       
       
      反饋機(jī)制的一致性
      操作反饋:當(dāng)用戶執(zhí)行某個(gè)操作時(shí),應(yīng)用或網(wǎng)站應(yīng)提供一致且及時(shí)的反饋,如加載動(dòng)畫、成功提示或錯(cuò)誤消息等。這有助于用戶了解操作結(jié)果并采取相應(yīng)的行動(dòng)。
      狀態(tài)提示:對(duì)于長(zhǎng)時(shí)間運(yùn)行的操作或需要用戶等待的場(chǎng)景,應(yīng)提供明確的狀態(tài)提示(如進(jìn)度條),以減輕用戶的不確定感和焦慮感。
       
       
       
       
       
       
      在任何維度上,一致性不應(yīng)成為設(shè)計(jì)的唯一導(dǎo)向。設(shè)計(jì),這一融合了藝術(shù)與科學(xué)的復(fù)雜領(lǐng)域,要求我們?cè)谟脩趔w驗(yàn)的細(xì)膩雕琢、功能需求的精準(zhǔn)滿足、美學(xué)價(jià)值的深刻體現(xiàn)及技術(shù)可行性的嚴(yán)格考量間游走。
       
      “一致性”作為設(shè)計(jì)策略,其核心使命在于優(yōu)化用戶路徑,降低認(rèn)知門檻,確保用戶在多元界面中穿梭時(shí)仍能感受到連貫與和諧。當(dāng)我們?cè)谂c設(shè)計(jì)團(tuán)隊(duì)(包括工程師、產(chǎn)品經(jīng)理等)溝通時(shí),僅僅提及“一致性”可能并不足以說(shuō)明其必要性和價(jià)值。我們需要更深入地闡述為什么需要保持一致性,以及它如何具體幫助減少用戶困惑、提高用戶滿意度和忠誠(chéng)度。
       
      同時(shí),我們應(yīng)清醒認(rèn)識(shí)到,“一致性”并不是萬(wàn)能的。在某些情況下,為了追求極致的用戶體驗(yàn)或解決特定的設(shè)計(jì)問(wèn)題,可能需要打破傳統(tǒng)的一致性規(guī)則。因此,設(shè)計(jì)師需要在保持一致性和創(chuàng)新之間找到平衡點(diǎn),根據(jù)具體情況靈活調(diào)整設(shè)計(jì)方案。
       
      實(shí)際落地執(zhí)行時(shí),要根據(jù)產(chǎn)品定位、用戶場(chǎng)景,結(jié)合業(yè)務(wù)功能來(lái)確定設(shè)計(jì)方案,不能為了一致而一致。
      當(dāng)我們遇到一致性問(wèn)題時(shí),還是需要從以下3個(gè)方面深入思考,做出準(zhǔn)確合理的設(shè)計(jì)決策。
      用戶體驗(yàn)一致性思考
       
       
      真實(shí)項(xiàng)目
      真實(shí)項(xiàng)目
       
      在SaaS產(chǎn)品設(shè)計(jì)中,特別是面向B/G端(企業(yè)用戶)時(shí),滿足不同用戶角色(如普通用戶與高權(quán)限領(lǐng)導(dǎo))的需求是至關(guān)重要的。
      管理端布局設(shè)計(jì)
      普通簡(jiǎn)潔明了:為普通用戶設(shè)計(jì)的管理界面應(yīng)簡(jiǎn)潔直觀,聚焦于日常操作,如數(shù)據(jù)查看、統(tǒng)計(jì)和下載。
      功能分區(qū):通過(guò)清晰的導(dǎo)航欄或側(cè)邊欄將功能區(qū)域劃分開,如“數(shù)據(jù)概覽”、“報(bào)表下載”、“任務(wù)管理”等,便于用戶快速定位所需功能。
      操作便捷:確保常用操作(如搜索、篩選、排序)易于觸達(dá),減少用戶點(diǎn)擊次數(shù)和頁(yè)面跳轉(zhuǎn)。
       
      首頁(yè)版心定寬設(shè)計(jì)
      固定寬度:為首頁(yè)設(shè)定一個(gè)合適的固定寬度(如1200px、1440px等),以保證內(nèi)容在大多數(shù)屏幕上都能保持一致的閱讀體驗(yàn)。
      信息模塊化:將首頁(yè)內(nèi)容劃分為多個(gè)卡片,每個(gè)卡片承載一個(gè)獨(dú)立的信息單元(如數(shù)據(jù)報(bào)表、通知公告、項(xiàng)目進(jìn)展等)。
      視覺(jué)層次:通過(guò)顏色、大小、陰影等設(shè)計(jì)元素區(qū)分卡片的重要性,引導(dǎo)用戶視線,提高信息獲取效率。
      交互性:為卡片添加交互元素,如點(diǎn)擊展開、滑動(dòng)查看更多等,增加用戶參與度和頁(yè)面活躍度。
       
      用戶體驗(yàn)一致性思考
       
       
      位置差異性分析
      根據(jù)「認(rèn)知負(fù)荷>視覺(jué)負(fù)荷>動(dòng)作負(fù)荷」理論,在頁(yè)面中我們首先要讓用戶能夠找到按鈕,然后完成操作。
      相對(duì)于彈窗,頁(yè)面的空間更大,邊界感偏弱,用戶的視覺(jué)重心更容易停留在左側(cè)表單內(nèi)容區(qū)域。所以按鈕應(yīng)該緊隨搜索條件,便于用戶快速發(fā)現(xiàn)按鈕。
      區(qū)域用戶已經(jīng)形成下意識(shí)操作習(xí)慣,雖然區(qū)別于規(guī)范,只能打破,遵循客戶需求
      用戶體驗(yàn)一致性思考
       
       
      一致性是規(guī)則
      “一致性”作為規(guī)則或手段,服務(wù)于提升用戶體驗(yàn)的原則。規(guī)則與原則一致時(shí),促進(jìn)業(yè)務(wù)共識(shí)與用戶價(jià)值;沖突時(shí),原則優(yōu)先。用戶體驗(yàn)原則指導(dǎo)下的一致性,要超越表面控件統(tǒng)一,更在于產(chǎn)品決策與價(jià)值取向的一致。必要時(shí),為更好的用戶體驗(yàn),可在規(guī)則上讓步以實(shí)現(xiàn)原則統(tǒng)一。打破規(guī)則需慎重權(quán)衡,確保用戶便利足以彌補(bǔ)理解成本,需長(zhǎng)期全局考量。規(guī)則非僵化教條,而是引導(dǎo)我們謹(jǐn)慎創(chuàng)新的框架。
       
      一致性的底線
      無(wú)論從哪個(gè)角度,一致性存在的必要性都是毋庸置疑的。
      對(duì)于關(guān)鍵的設(shè)計(jì)元素,如專有名詞和顏色體系,保持一致性至關(guān)重要。這不僅有助于維護(hù)品牌形象,還能減少用戶的困惑。
      特定設(shè)計(jì)語(yǔ)言在特定場(chǎng)景下的變體應(yīng)用,雖然可能帶來(lái)一定的視覺(jué)新鮮感或針對(duì)性優(yōu)化,但往往需要謹(jǐn)慎評(píng)估其潛在風(fēng)險(xiǎn)。一旦變體打破了整體設(shè)計(jì)的一致性,可能會(huì)破壞用戶對(duì)品牌的熟悉感和信任感,甚至引發(fā)誤解。因此,在追求設(shè)計(jì)創(chuàng)新的同時(shí),必須確保這種創(chuàng)新是基于一致性的原則之上,以維持品牌的整體性和用戶的良好體驗(yàn)。
       
      擁抱復(fù)雜性
      一致性確實(shí)不應(yīng)成為設(shè)計(jì)師的避風(fēng)港或限制創(chuàng)新的枷鎖,而應(yīng)是基于對(duì)業(yè)務(wù)深刻理解和多樣化設(shè)計(jì)能力之上的價(jià)值選擇。設(shè)計(jì)師的核心任務(wù)始終是滿足用戶的多樣化需求和偏好,這需要他們細(xì)致入微地觀察、理解并解決每個(gè)用戶的獨(dú)特問(wèn)題。
       
      在追求一致性的同時(shí),設(shè)計(jì)師應(yīng)保持“第一性思考”的能力,即回歸問(wèn)題的本質(zhì),從用戶需求出發(fā)進(jìn)行創(chuàng)新設(shè)計(jì)。多樣性頁(yè)面的產(chǎn)出,不僅體現(xiàn)了設(shè)計(jì)師的創(chuàng)造力和靈活性,也是提升用戶體驗(yàn)、增強(qiáng)產(chǎn)品吸引力的關(guān)鍵。
       
      一致性與創(chuàng)新設(shè)計(jì)并非相互排斥,而是相輔相成的關(guān)系。真正的一致性不應(yīng)導(dǎo)致單調(diào)或拒絕創(chuàng)新,而應(yīng)是在遵循品牌或產(chǎn)品核心價(jià)值的前提下,鼓勵(lì)設(shè)計(jì)師在細(xì)節(jié)和體驗(yàn)上不斷探索和突破。當(dāng)設(shè)計(jì)師感到被既定規(guī)則束縛時(shí),應(yīng)勇于質(zhì)疑并重新評(píng)估當(dāng)前的規(guī)范,確保所謂的“一致性”不是刻板的偽命題,而是真正符合用戶需求和品牌發(fā)展的價(jià)值導(dǎo)向。
       
      因此,設(shè)計(jì)師應(yīng)時(shí)刻保持開放的心態(tài)和敏銳的洞察力,不斷探索和嘗試新的設(shè)計(jì)方法和理念,以更加靈活和創(chuàng)新的方式實(shí)現(xiàn)一致性與用戶需求的完美融合。
       
      用戶體驗(yàn)一致性思考
       
       
      重要的設(shè)計(jì)原則
      「一致性」作為設(shè)計(jì)領(lǐng)域中的一項(xiàng)基礎(chǔ)性原則,其重要性不言而喻。它不僅為設(shè)計(jì)過(guò)程提供了穩(wěn)固的基石,還顯著促進(jìn)了開發(fā)效率與產(chǎn)品體驗(yàn)的全面升級(jí)。在設(shè)計(jì)實(shí)踐中,一致性確保了界面元素的統(tǒng)一性和連貫性,使得用戶能夠迅速熟悉并掌握產(chǎn)品的使用方式,降低了學(xué)習(xí)成本,增強(qiáng)了操作的直觀性和便捷性。
      靈活變通使用
      一致性原則并非一成不變的強(qiáng)制規(guī)定,而是需要根據(jù)產(chǎn)品的具體定位和市場(chǎng)環(huán)境進(jìn)行靈活變通的應(yīng)用。不同的產(chǎn)品可能面向不同的用戶群體,擁有獨(dú)特的品牌調(diào)性和功能需求,因此在追求一致性的同時(shí),也需充分考慮這些因素,確保設(shè)計(jì)既符合品牌特色,又能滿足用戶的實(shí)際需求。
       
      提升用戶體驗(yàn)是價(jià)值所在
      一致性的真正價(jià)值在于其能夠顯著提升用戶體驗(yàn)。通過(guò)遵循用戶的認(rèn)知和習(xí)慣,設(shè)計(jì)師能夠創(chuàng)造出更加自然、流暢的操作流程,使用戶在享受產(chǎn)品功能的同時(shí),也能感受到品牌所傳遞的舒適與和諧。因此,在追求設(shè)計(jì)一致性的過(guò)程中,我們始終應(yīng)以人為本,將用戶的體驗(yàn)和感受放在首位。建設(shè)有兼容性和長(zhǎng)期價(jià)值的的一致性框架,在一致性中做到有用戶價(jià)值的設(shè)計(jì),是設(shè)計(jì)師應(yīng)該不斷探索的命題。

      作者:cheny米魚
      鏈接:https://www.zcool.com.cn/article/ZMTYzNTAzNg==.html
      來(lái)源:站酷
      著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

      交互設(shè)計(jì)的核心:用戶體驗(yàn)與創(chuàng)新思維的融合

      杰睿

      在數(shù)字化時(shí)代,交互設(shè)計(jì)(Interaction Design)已成為產(chǎn)品成功的關(guān)鍵因素之一。無(wú)論是移動(dòng)應(yīng)用、網(wǎng)站還是智能設(shè)備,優(yōu)秀的交互設(shè)計(jì)都能為用戶帶來(lái)流暢、直觀的體驗(yàn)。今天,我想和大家探討交互設(shè)計(jì)的核心要素,以及如何通過(guò)創(chuàng)新思維提升用戶體驗(yàn)。

      1. 以用戶為中心的設(shè)計(jì)理念

      交互設(shè)計(jì)的核心是“以用戶為中心”。設(shè)計(jì)師需要深入理解用戶的需求、行為和痛點(diǎn),通過(guò)用戶研究、原型測(cè)試等方法,確保設(shè)計(jì)能夠真正解決用戶問(wèn)題。例如,簡(jiǎn)潔的導(dǎo)航、清晰的反饋和一致的操作邏輯,都是提升用戶體驗(yàn)的基礎(chǔ)。

      2. 創(chuàng)新與功能的平衡

      在追求創(chuàng)新的同時(shí),設(shè)計(jì)師需要確保功能的實(shí)用性和易用性。過(guò)度復(fù)雜的設(shè)計(jì)可能會(huì)讓用戶感到困惑,而過(guò)于保守的設(shè)計(jì)則可能缺乏吸引力。如何在創(chuàng)新與功能之間找到平衡,是每個(gè)交互設(shè)計(jì)師面臨的挑戰(zhàn)。

      3. 情感化設(shè)計(jì)的力量

      交互設(shè)計(jì)不僅僅是功能的實(shí)現(xiàn),更是情感的傳遞。通過(guò)色彩、動(dòng)畫、音效等元素,設(shè)計(jì)師可以創(chuàng)造更具吸引力和情感共鳴的體驗(yàn)。例如,微交互(Micro-interactions)的巧妙運(yùn)用,能夠增強(qiáng)用戶的參與感和滿意度。

      4. 跨平臺(tái)與多設(shè)備的一致性

      隨著用戶使用設(shè)備的多樣化,跨平臺(tái)設(shè)計(jì)變得越來(lái)越重要。設(shè)計(jì)師需要確保在不同設(shè)備和平臺(tái)上,用戶都能獲得一致且無(wú)縫的體驗(yàn)。這不僅需要技術(shù)上的支持,更需要設(shè)計(jì)思維的全局觀。

      5. 數(shù)據(jù)驅(qū)動(dòng)的設(shè)計(jì)優(yōu)化

      通過(guò)數(shù)據(jù)分析,設(shè)計(jì)師可以了解用戶行為,發(fā)現(xiàn)設(shè)計(jì)中的不足,并持續(xù)優(yōu)化產(chǎn)品。A/B測(cè)試、熱圖分析等工具,能夠幫助設(shè)計(jì)師做出更科學(xué)的決策,提升產(chǎn)品的整體表現(xiàn)。

      31.png

      結(jié)語(yǔ)

      交互設(shè)計(jì)是一門融合藝術(shù)與科學(xué)的學(xué)科,它需要設(shè)計(jì)師不斷學(xué)習(xí)、實(shí)踐和創(chuàng)新。無(wú)論是新手還是資深設(shè)計(jì)師,我們都應(yīng)保持對(duì)用戶需求的敏感,以及對(duì)技術(shù)趨勢(shì)的關(guān)注。期待大家在評(píng)論區(qū)分享自己的見(jiàn)解和經(jīng)驗(yàn),一起探討交互設(shè)計(jì)的未來(lái)!


      希望能激發(fā)大家的討論和思考!如果你有更多想法或案例,歡迎留言交流

       

       

      如何設(shè)計(jì)讓人一看就明白的說(shuō)明書?

      濤濤

      你有一些東西需要向別人說(shuō)明或解釋?不要說(shuō)出來(lái),而是展現(xiàn)出來(lái)!

      ui設(shè)計(jì)公司教你從0認(rèn)識(shí)交互設(shè)計(jì)

      藍(lán)藍(lán)設(shè)計(jì)的小編

      交互設(shè)計(jì)是很多設(shè)設(shè)計(jì)師心向往之的領(lǐng)域,很多設(shè)計(jì)師在進(jìn)入職場(chǎng)一兩年后,會(huì)開始思考如何轉(zhuǎn)型交互設(shè)計(jì)師?除了這個(gè)學(xué)科本身的魅力之外,它還賦予設(shè)計(jì)師的很多其他價(jià)值。那如何去學(xué)習(xí)交互設(shè)計(jì)呢?作為一名交互設(shè)計(jì)師,我想整理一套交互設(shè)計(jì)體系知識(shí),結(jié)合自己的學(xué)習(xí)和項(xiàng)目經(jīng)驗(yàn)寫到文章中分享給大家看,希望能對(duì)大伙轉(zhuǎn)行交互設(shè)計(jì)有一些些幫助!全文多達(dá)10000+字,閱讀時(shí)間會(huì)比較久,感謝你的細(xì)心閱讀,如你有建議可反饋留言!

       

       

       

       

       

       

       

       

      1、關(guān)于設(shè)計(jì)名詞

       

      在全面走進(jìn)交互領(lǐng)域之前,我們可以先了解一些基礎(chǔ)設(shè)計(jì)名詞,行業(yè)有很多與設(shè)計(jì)相關(guān)的術(shù)語(yǔ)名詞,例如UI、GUI、UE/UX、HMI、HCI、HF、IXD、ID、VD等等。行業(yè)招聘信息里也經(jīng)常會(huì)有很多名詞術(shù)語(yǔ),如下圖。由于設(shè)計(jì)的關(guān)聯(lián)性很強(qiáng),很多時(shí)候我們被這些名詞弄得頭暈,對(duì)自己的職業(yè)規(guī)劃和定位也變得模糊。

       

       

       

       

       

      1.1、設(shè)計(jì)名詞的分類

       

      1.1.1、按照設(shè)計(jì)學(xué)科

       

      從學(xué)科角度,我查閱了大量的資料,分類如下:人因工程,工業(yè)設(shè)計(jì),交互設(shè)計(jì),用戶體驗(yàn)設(shè)計(jì),視覺(jué)傳達(dá)設(shè)計(jì)等學(xué)科。涵蓋了國(guó)內(nèi)外高校開設(shè)的學(xué)科專業(yè)。用戶體驗(yàn)設(shè)計(jì)在行業(yè)里已經(jīng)被普及,但目前在高校中還是比較少的。不過(guò)用戶體驗(yàn)設(shè)計(jì)已然是大勢(shì)所趨,越來(lái)越被重視。

       

       

      人因工程:簡(jiǎn)稱HF(Human Factors Engineering),是研究人、機(jī)、環(huán)境三者之間關(guān)系的學(xué)科;(美國(guó)稱人類工程學(xué),西歐稱人類工效學(xué),日本稱人間工學(xué),國(guó)內(nèi)命名更多如:人機(jī)工程學(xué),人體工程學(xué)、工程心理學(xué)等),關(guān)于這類知識(shí)大家可以看看華為設(shè)計(jì)師的課程《基于人因的用戶體驗(yàn)設(shè)計(jì)課程》

       

       

      定義1:根據(jù)國(guó)際人類工效學(xué)學(xué)會(huì)于2000年的定義:“人類工效學(xué)(Ergonomics)是研究人在某種工作環(huán)境中的解剖學(xué)、生理學(xué)和心理學(xué)等方面的各種因素;研究人和機(jī)器及環(huán)境的相互作用;研究在工作中、生活中和休息時(shí)怎樣統(tǒng)一考慮工作效率、人的健康、安全和舒適等問(wèn)題的學(xué)科。

       

       

      定義2:中國(guó)企業(yè)管理百科學(xué)全書:研究人和機(jī)器、環(huán)境的相互作用及其合理結(jié)合,使設(shè)計(jì)的機(jī)器和環(huán)境系統(tǒng)適合人的生理心理等特征,達(dá)到在生產(chǎn)中提高效率、安全、健康和舒適的目的。

       

       

      工業(yè)設(shè)計(jì):簡(jiǎn)稱ID(Industrial Design),指以工學(xué)、美學(xué)、經(jīng)濟(jì)學(xué)為基礎(chǔ)對(duì)工業(yè)產(chǎn)品進(jìn)行設(shè)計(jì);工業(yè)設(shè)計(jì)又稱工業(yè)產(chǎn)品設(shè)計(jì)學(xué),工業(yè)設(shè)計(jì)分為產(chǎn)品設(shè)計(jì)、環(huán)境設(shè)計(jì)、傳播設(shè)計(jì)、設(shè)計(jì)管理4類。工業(yè)設(shè)計(jì)涉及到心理學(xué),社會(huì)學(xué),美學(xué),人機(jī)工程學(xué),機(jī)械構(gòu)造,攝影,色彩學(xué)等。

       

      交互設(shè)計(jì):簡(jiǎn)稱IXD(Interaction Design),關(guān)于交互設(shè)計(jì)部分的詳細(xì)內(nèi)容,在后文再講解,包括交互設(shè)計(jì)的發(fā)展、概念、重要性、核心要素、入門要求等;

       

      人機(jī)交互:簡(jiǎn)稱HCI(Human–computer interaction)或HMI(Human–machine interaction),是一門研究系統(tǒng)與用戶之間的互動(dòng)關(guān)系的學(xué)問(wèn)。系統(tǒng)可以是各種各樣的機(jī)器,也可以是計(jì)算機(jī)化的系統(tǒng)和軟件——摘自維基百科。

       

      用戶體驗(yàn)設(shè)計(jì):簡(jiǎn)稱UED/UXD(User experience Design),是以用戶為中心的一種設(shè)計(jì)手段,以用戶需求為目標(biāo)而進(jìn)行的設(shè)計(jì);用戶體驗(yàn):簡(jiǎn)稱UE/UX(User experience)

       

      視覺(jué)傳達(dá)設(shè)計(jì):簡(jiǎn)稱VD(Visual design),是為傳播特定事物通過(guò)可視形式的主動(dòng)行為。大部分或者部分依賴視覺(jué),并且以標(biāo)識(shí)、排版、繪畫、平面設(shè)計(jì)、插畫、色彩及電子設(shè)備等二度空間的影像表現(xiàn);

       

      1.1.2、按照載體媒介

       

      用戶界面:簡(jiǎn)稱UI(User Interface),是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì);是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介,它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換

       

      圖形用戶界面:簡(jiǎn)稱GUI(Graphical User Interface),是指采用圖形方式顯示的計(jì)算機(jī)操作用戶界面;是一種人與計(jì)算機(jī)通信的界面顯示格式,允許用戶使用鼠標(biāo)等輸入設(shè)備操縱屏幕上的圖標(biāo)或菜單選項(xiàng),以選擇命令、調(diào)用文件、啟動(dòng)程序或執(zhí)行其它一些日常任務(wù)。

       

      人機(jī)界面:簡(jiǎn)稱HMI(Human–machine interaction),人機(jī)界面(又稱用戶界面或使用者界面)是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介, 它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。凡參與人機(jī)信息交流的領(lǐng)域都存在著人機(jī)界面。ps:HMI這個(gè)概念在上文也提到,在學(xué)科領(lǐng)域可用來(lái)代表人機(jī)交互。

       

      Ui和GUI、HMI差別是什么,UI (用戶界面)是一個(gè)廣泛的概念,包括硬件和軟件設(shè)計(jì),包括GUI,HMI;GUI是用戶圖形界面,僅指軟件視覺(jué)界面,HMI是人機(jī)界面,與人信息交流的界面。

       

      1.1.3、按照設(shè)計(jì)模式

       

      以用戶為核心的設(shè)計(jì):UCD(User Centered Design)是指以用戶為中心的設(shè)計(jì)。是在設(shè)計(jì)過(guò)程中以用戶體驗(yàn)為設(shè)計(jì)決策的中心,強(qiáng)調(diào)用戶優(yōu)先的設(shè)計(jì)模式;在進(jìn)行產(chǎn)品設(shè)計(jì)、開發(fā)、維護(hù)時(shí)從用戶的需求和用戶的感受出發(fā),圍繞用戶為中心進(jìn)行產(chǎn)品設(shè)計(jì)、開發(fā)及維護(hù),而不是讓用戶去適應(yīng)產(chǎn)品。無(wú)論產(chǎn)品的使用流程、產(chǎn)品的信息架構(gòu)、人機(jī)交互方式等,以UCD為核心的設(shè)計(jì)都時(shí)刻高度關(guān)注并考慮用戶的使用習(xí)慣、預(yù)期的交互方式、視覺(jué)感受等方面。

       

      以技術(shù)為核心的設(shè)計(jì):TCD(TechnologyCentered Design)是指以技術(shù)手段為中心的設(shè)計(jì)。

       

      以商業(yè)為核心的設(shè)計(jì):BCD(Business Centered Design)是指以商業(yè)價(jià)值為中心的設(shè)計(jì)。

       

       

      設(shè)計(jì)名詞整理的大致就介紹這么多了,那么本文重點(diǎn)的交互設(shè)計(jì)和這些學(xué)科之間的關(guān)系又是怎么樣的呢?用下圖這個(gè)圖表展示他們之間的關(guān)系。——摘自 丹•塞弗《交互設(shè)計(jì)基礎(chǔ)》

       

       

       

       

       

       

       

       

      2、了解交互設(shè)計(jì)

       

      2.1、交互設(shè)計(jì)的故事

       

      1959年,第一篇關(guān)于人機(jī)頁(yè)面的文章問(wèn)世,交互設(shè)計(jì)首以人機(jī)交的形式,作為填補(bǔ)缺乏適用于設(shè)計(jì)數(shù)字產(chǎn)品的可用技術(shù)和工具出現(xiàn);1960年,Liklider通過(guò)分析人與電子計(jì)算機(jī)之間合作互動(dòng)的一種預(yù)期發(fā)展,提出“人機(jī)共棲”概念;20世紀(jì)80年代初:兩位工業(yè)設(shè)計(jì)師比爾·莫格里奇和比爾·韋普朗克著手設(shè)計(jì)第一臺(tái)筆記本電腦GRiD Compass,他們?yōu)樽约旱墓ぷ鲃?chuàng)造了“交互設(shè)計(jì)”一詞;這個(gè)詞在10年后才開始被設(shè)計(jì)師重新發(fā)現(xiàn)并進(jìn)入主流;1999年,國(guó)際標(biāo)準(zhǔn)化組織(ISO)發(fā)布了“以人為中心”的交互式產(chǎn)品設(shè)計(jì)原則和程序規(guī)范;2005年交互設(shè)計(jì)協(xié)會(huì)(IxDA)成立;2012年IxDA正式推出首次年度“交互設(shè)計(jì)獎(jiǎng)”,交互設(shè)計(jì)才算是正式起飛。

       

       

       

       

       

       

       

       

      2.2、交互設(shè)計(jì)的定義

       

      關(guān)于交互設(shè)計(jì)的概念,國(guó)內(nèi)外組織或?qū)W者有不同的定義,如下圖:

       

       

       

       


      交互設(shè)計(jì),又稱互動(dòng)設(shè)計(jì)(Interaction Design, 縮寫 IxD 或者 IaD),是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。在于定義人造物的行為方式(the “interaction”,即人工制品在特定場(chǎng)景下的反應(yīng)方式)相關(guān)的界面。——來(lái)自IxDC

       

      交互設(shè)計(jì)是設(shè)計(jì)交互式數(shù)字產(chǎn)品的、環(huán)境、系統(tǒng)和服務(wù)的實(shí)踐,交互設(shè)計(jì)的焦點(diǎn)是如何設(shè)計(jì)行為,交互設(shè)計(jì)的首要目標(biāo)是滿足人的需求和欲望。——艾爾庫(kù)伯(交互設(shè)計(jì)精髓的作者)

       

      定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域,它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu),使之互相配合,共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系,以“在充滿社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和“用戶體驗(yàn)”兩個(gè)層面上進(jìn)行分析,關(guān)注以人為本的用戶需求。——來(lái)自 李世國(guó) 顧振宇.《普通高等教育工業(yè)設(shè)計(jì)專業(yè)“十二五”規(guī)劃教材——交互設(shè)計(jì)》2012年

       

       

       

      2.3、交互設(shè)計(jì)的對(duì)象

       

      最早期的設(shè)計(jì),我們可以追溯到工業(yè)設(shè)計(jì)時(shí)期,作為設(shè)計(jì)領(lǐng)域?的鼻祖,它是以“產(chǎn)品“為設(shè)計(jì)對(duì)象,而交互設(shè)計(jì)對(duì)象是“行為”,交互設(shè)計(jì)師會(huì)關(guān)注與“行為”相關(guān)因素作為設(shè)計(jì)的考量。而不僅限于產(chǎn)品的物理屬性(外觀、結(jié)構(gòu)、功能、材料);

       

      以小米的“小愛(ài)音箱”為例。小米通過(guò)它將家庭中的電子設(shè)備實(shí)現(xiàn)了互聯(lián),它新奇的用戶體驗(yàn)被很多用戶追捧。我們可以在小米現(xiàn)有的音箱產(chǎn)品中,找到和傳統(tǒng)音箱的一些區(qū)別;

       

       

       

       

      小愛(ài)音箱系列產(chǎn)品已經(jīng)陸續(xù)發(fā)布了5款,從初代的藍(lán)牙音箱到觸屏、語(yǔ)音音箱,我們可以從產(chǎn)品的迭代中感受到音箱交互行為(語(yǔ)音交互到屏幕手勢(shì)操控)變化的一些特點(diǎn)。

       

       

       

       

       

       

      當(dāng)用戶在使用小愛(ài)音箱的時(shí)候,已經(jīng)不局限于聽音樂(lè),它作為小米Alot產(chǎn)品生態(tài)的連接中樞,用戶更享受通過(guò)頁(yè)面操控和語(yǔ)音交互來(lái)控制其他lot產(chǎn)品的快感。當(dāng)用戶回家,向小愛(ài)音箱發(fā)出語(yǔ)音指令“小愛(ài)同學(xué),我回來(lái)了”,和音箱連接的所有l(wèi)ot 設(shè)備都能同步打開,當(dāng)用戶在回家后,還可以通過(guò)操作小愛(ài)音箱界面設(shè)置熱水器的水溫。

       

       

       

       

       

       

      傳統(tǒng)音箱最原始的需求是音樂(lè)播放,隨著音箱使用要求的升級(jí),人們對(duì)于聲音的品質(zhì)追求也變得更高了,廠商想盡方法制造出新的產(chǎn)品提升聲音的播放質(zhì)量,例如丹拿音箱的出現(xiàn)大大提升了聲音播放的品質(zhì)。

       

       

       

       

       

       

       

      當(dāng)用戶在使用小愛(ài)音箱和家中的其他Alot產(chǎn)品交互的過(guò)程中,很少會(huì)在意小愛(ài)音箱本身的物理屬性,他們更在乎這種創(chuàng)新式的交互如何改變的自己的家庭生活,譬如通過(guò)語(yǔ)音交互幫自己打開壁燈,打開電視、打開掃地機(jī)器人或通過(guò)觸摸屏界面來(lái)設(shè)置調(diào)節(jié)其他Alot設(shè)備的運(yùn)轉(zhuǎn)狀態(tài)等,應(yīng)用到各種家庭使用場(chǎng)景。

       

      2.4、交互設(shè)計(jì)的行為要素

       

      關(guān)于交互設(shè)計(jì)的行為要素我們通過(guò)下面兩個(gè)例子來(lái)解析:

       

      1:理想L9后排電視手勢(shì)交互操作:

      之前號(hào)稱對(duì)飆500萬(wàn)庫(kù)里南的新能源汽車?yán)硐隠9已經(jīng)發(fā)布很長(zhǎng)一段時(shí)間了,這輛車最大的特色就是智能座艙的全新體驗(yàn)升級(jí),針對(duì)家庭使用場(chǎng)景的設(shè)計(jì)有很多。其中手勢(shì)交互是一個(gè)比較新穎的設(shè)計(jì)點(diǎn),手勢(shì)交互的行為有懸停獲取焦點(diǎn),平移切換,兩次抓握確認(rèn)。

       

       

       

       

       

       

      使用場(chǎng)景舉例:一家四口去外地郊游,家里的成員哥哥想打開后排的電視機(jī)看電視打發(fā)無(wú)聊的旅途,他使用了手勢(shì)交互去操作選擇影視進(jìn)行播放。

       

       

      2:OPPO手機(jī)ColorOS系統(tǒng)的手勢(shì)交互:

      在ColorOS系統(tǒng)12.0版本中,新增了這個(gè)手勢(shì)交互的方式,它結(jié)合智能傳感器,進(jìn)行無(wú)觸控式的手勢(shì)操作,根據(jù)系統(tǒng)提示通過(guò)控制手腕揮動(dòng)去切換內(nèi)容、完成對(duì)應(yīng)的任務(wù)。

       

       

       

       

       

       

       

      使用場(chǎng)景舉例:小A使用手機(jī)看電影,突然收到一個(gè)好朋友的來(lái)電顯示,他通過(guò)隔空手勢(shì)操作,向上滑動(dòng)手腕,完成接聽了朋友的電話流程。

       

       

      通過(guò)上述兩個(gè)設(shè)計(jì)案例,我們可以總結(jié)交互設(shè)計(jì)的五大行為要素為:

       

       

       

       

       

       

       

      2.5、交互設(shè)計(jì)的衡量指標(biāo)

       

      在關(guān)于交互設(shè)計(jì)定義的內(nèi)容里面,提到了交互設(shè)計(jì)的指標(biāo)是從可用性和用戶體驗(yàn)兩方面去分析,也就是從理性和感性的兩個(gè)角度去衡量。

       

      2.5.1、可用性

       

      根據(jù)雅各布尼爾森《可用性101:可用性簡(jiǎn)介》文章定義:可用性是一種質(zhì)量屬性,用于評(píng)估用戶界面的易用性。“可用性”一詞也指在設(shè)計(jì)過(guò)程中提高易用性的方法。可用性由以下五個(gè)質(zhì)量組件定義:

       

       

       

       

       

       

       

       

      易學(xué)性:用戶在第一次遇到設(shè)計(jì)時(shí)完成基本任務(wù)的難易程度如何?

      如下圖美團(tuán)外賣:用戶第一次在線上點(diǎn)餐時(shí),如何快速的用最便宜的價(jià)格吃上一頓飯。用戶是否能高效獲取店鋪滿減優(yōu)惠活動(dòng)信息,是否快速填寫地址,是否能快速選擇挑選優(yōu)惠券,最后進(jìn)行付款。

       

      效率一旦用戶學(xué)會(huì)了設(shè)計(jì),他們執(zhí)行任務(wù)的速度有多快?

      如下圖美團(tuán)外賣:當(dāng)用戶完成第一次點(diǎn)餐后,以后每次完成點(diǎn)餐的速度會(huì)不會(huì)更快,例如商品頁(yè)有商家的滿家活動(dòng)提示,上一次點(diǎn)餐記錄,可以點(diǎn)擊“再來(lái)一單”按鈕,完成選餐,選擇優(yōu)惠紅包前,有文案提示需要先填寫地址,同時(shí)有常用地址彈窗提示,可點(diǎn)擊使用。

       

      記憶性:當(dāng)用戶在一段時(shí)間不使用設(shè)計(jì)后重新使用它時(shí),他們恢復(fù)熟練度的難易程度如何?

      如下圖美團(tuán)外賣:當(dāng)用戶隔了很久之后再使用美團(tuán)外賣來(lái)點(diǎn)餐,用戶重新使用產(chǎn)品的熟練度是否有下降。

       

       

       

       

       

      錯(cuò)誤:用戶犯了多少錯(cuò)誤,這些錯(cuò)誤有多嚴(yán)重,以及他們從錯(cuò)誤中恢復(fù)的難易程度?

      例如下圖順豐快遞:在寄快遞時(shí),填寫完所有的詳細(xì)信息后,提交了訂單,但發(fā)現(xiàn)地址和電話填錯(cuò)了,在運(yùn)單詳情頁(yè)有“修改信息”按鈕,點(diǎn)擊進(jìn)入寄件頁(yè)面進(jìn)行信息修改。

       

       

       

       

       

      滿意度:使用該設(shè)計(jì)的愉快程度如何?

      例如在閑魚平臺(tái)購(gòu)買閑置物品時(shí),賣家的商品描述和實(shí)物有很大的差距,然后要求退貨,賣家不肯,最后需要閑魚法庭介入審理,但審理也沒(méi)有足夠公平和透明,最后只給了一個(gè)判決結(jié)果。這樣的情形我遇到了兩次。所以平臺(tái)對(duì)于買家賣家的一些管理機(jī)制特別不完善,還有商品的描述是否準(zhǔn)確也沒(méi)有審查標(biāo)準(zhǔn),完全把責(zé)任拋給買家和賣家。所以總的來(lái)說(shuō),使用起來(lái)愉悅感很低,平臺(tái)信任感也很差。

       

      2.5.2、用戶體驗(yàn)

       

      用戶體驗(yàn)是用戶在使用產(chǎn)品過(guò)程中建立起來(lái)的一種純主觀感受。我查閱了很多相關(guān)資料,這種定義還是具有普適性的。再簡(jiǎn)單的解就是:用戶在使用產(chǎn)品去完成某項(xiàng)目標(biāo)的過(guò)程中,使用感受是怎么樣的。很多知名國(guó)內(nèi)外公司為了量化用戶體驗(yàn)指標(biāo)而設(shè)計(jì)了很多數(shù)據(jù)模型,其中出現(xiàn)最早且具有指導(dǎo)意義的是國(guó)外的谷歌的量化模型:以用戶為中心衡量的 HEART、以目標(biāo)為導(dǎo)向衡量的 GSM;國(guó)內(nèi)的最近幾年也有很多類似量化的數(shù)據(jù)模式,具有代表性的是阿里的"PTECH"、UES、五度模型;其中谷歌的數(shù)據(jù)模型更加系統(tǒng)和通用,而阿里的是針對(duì)不同項(xiàng)目而衍生出很多量化模型。下面以谷歌公司模型為例淺談下它們是如何去衡量用戶體驗(yàn)指標(biāo)的;

       

      HEART模型出發(fā)點(diǎn)是做以用戶為中心的,能夠用于大范圍的用戶體驗(yàn)度量方法。它包含5個(gè)維度:Happiness 愉悅度:用戶主觀體驗(yàn),用戶覺(jué)得產(chǎn)品對(duì)其有幫助,容易操作,使用產(chǎn)品或者功能時(shí)總感到愉悅。Engagement 參與度:用戶對(duì)產(chǎn)品內(nèi)容感興趣并愿意經(jīng)常使用。Adoption接受度:用戶看到新產(chǎn)品或新功能愿意進(jìn)行使用。Rentention留存率:在一個(gè)時(shí)間內(nèi)用戶愿意回來(lái)繼續(xù)使用產(chǎn)品或者功能。Task Success任務(wù)完成率:用戶能夠高效,準(zhǔn)確地完成任務(wù)。

       

      GSM模型Google的UX團(tuán)隊(duì)為了讓HEART模型度量標(biāo)準(zhǔn)應(yīng)用于實(shí)踐而提出的設(shè)計(jì)方法模型,G是Goal,S是Signal,M是Metric,是遵從「目標(biāo)-信號(hào)-指標(biāo)」的過(guò)程來(lái)定義數(shù)據(jù)指標(biāo)的方法。

       

       

       

       

       

       

       

       

       

       

      3、成為交互設(shè)計(jì)師

       

      前面我們提到交互設(shè)計(jì)是一門十分復(fù)雜的學(xué)科,這個(gè)領(lǐng)域的研究廣而深,可創(chuàng)新性很強(qiáng),設(shè)計(jì)帶來(lái)的意義很大,所以很多人都比較崇尚這個(gè)領(lǐng)域,可如果真想走上交互設(shè)計(jì)之路,就得有項(xiàng)目的歷練,有熟練的設(shè)計(jì)技能,有扎實(shí)的知識(shí)基礎(chǔ),對(duì)事物和生活的細(xì)致觀察力。

       

      3.1、交互設(shè)計(jì)師項(xiàng)目篇

       

      當(dāng)設(shè)計(jì)回歸到實(shí)際工作項(xiàng)目,首先我們要知道,一般交互設(shè)計(jì)的崗位在公司的組織架構(gòu)里面,它是一個(gè)比較中間的位置,他的上游有產(chǎn)品、用研;下游有設(shè)計(jì)和研發(fā),交互和這些崗位是交叉的,有聯(lián)系的,強(qiáng)如“設(shè)計(jì)驅(qū)動(dòng)”的蘋果公司,交互設(shè)計(jì)師也需要掌握很多其他跨專業(yè)的知識(shí),所以實(shí)際工作中,有很多東西需要交互設(shè)計(jì)師去學(xué)習(xí)。

       

      3.1.1、交互設(shè)計(jì)的項(xiàng)目流程

       

      互聯(lián)網(wǎng)公司的設(shè)計(jì)團(tuán)隊(duì)都有自己的設(shè)計(jì)開發(fā)的一套流程,但項(xiàng)目的核心流程大體都會(huì)經(jīng)歷以下三個(gè)階段:需求—設(shè)計(jì)開發(fā)—結(jié)果驗(yàn)證;

       

       

       

       

      需求階段需求是項(xiàng)目開發(fā)的源頭,我們要進(jìn)行需求搜集、分析、篩選、評(píng)估、版本排期。需求的搜集可以是來(lái)自產(chǎn)品數(shù)據(jù)、用戶反饋、設(shè)計(jì)人員洞察探索、競(jìng)品分析,然后再做需求篩選討論,確定需求的優(yōu)先級(jí);

       

      設(shè)計(jì)開發(fā)階段

       

      環(huán)節(jié)1:產(chǎn)品經(jīng)理的文檔需要列出每個(gè)版本的詳細(xì)信息,包括產(chǎn)品創(chuàng)新設(shè)計(jì)或改版的背景、解決什么問(wèn)題、功能的設(shè)計(jì)背景,產(chǎn)品目標(biāo)和指標(biāo)、產(chǎn)品策略,產(chǎn)品范圍層(功能規(guī)格、內(nèi)容、信息、規(guī)則)等;

       

      環(huán)節(jié)2:設(shè)計(jì)師需要針對(duì)產(chǎn)品功能結(jié)合產(chǎn)品目標(biāo)進(jìn)行設(shè)計(jì)策略上的思考,進(jìn)行方案輸出,包括交互文檔(版本號(hào)、設(shè)計(jì)描述、流程圖,頁(yè)面跳轉(zhuǎn)邏輯,交互細(xì)節(jié)闡述、異常狀態(tài)處理)、交互動(dòng)態(tài)(動(dòng)效演示參數(shù)圖、動(dòng)態(tài)demo展示)、視覺(jué)界面設(shè)計(jì)(形、色、構(gòu)、字、感)等,全流程保持和前后端技術(shù)人員進(jìn)行設(shè)計(jì)評(píng)審和溝通,持續(xù)評(píng)審也是為了防止后期大家互相扯皮影響工作狀態(tài)和效率,但最終目的是使項(xiàng)目開發(fā)降本增效,減少返工。

       

      環(huán)節(jié)3:設(shè)計(jì)方案輸出結(jié)束之后,就是技術(shù)人員的開發(fā),設(shè)計(jì)師也需要全程持續(xù)跟進(jìn),保證設(shè)計(jì)效果的實(shí)現(xiàn),了解前端的一些頁(yè)面適配規(guī)則,前后端的之間數(shù)據(jù)架構(gòu)和接口傳輸規(guī)則。

       

      環(huán)節(jié)4:前后端開發(fā)完成第一版本成品后,項(xiàng)目組人員(測(cè)試人員權(quán)重較高)可以開始全局測(cè)試,交互設(shè)計(jì)師在走查時(shí),可以內(nèi)部梳理一套通用的《交互走查表》進(jìn)行檢查,可以通過(guò)設(shè)計(jì)走查,專家測(cè)試,用戶內(nèi)測(cè),用戶訪談等方式,整理收集影響產(chǎn)品穩(wěn)定性的Bug和設(shè)計(jì)細(xì)節(jié)問(wèn)題,再反饋給技術(shù)員人進(jìn)行修改。有條件的會(huì)進(jìn)行可用性測(cè)試,檢驗(yàn)設(shè)計(jì)的用戶體驗(yàn)和設(shè)計(jì)可行性。

       

      結(jié)果驗(yàn)證階段

       

      產(chǎn)品上線后,我們可以通過(guò)數(shù)據(jù)和用戶體驗(yàn)來(lái)檢驗(yàn)優(yōu)劣,數(shù)據(jù)層面可以使用灰度測(cè)試、A/Btest測(cè)試等方式驗(yàn)證設(shè)計(jì)方案的可行性,通過(guò)數(shù)據(jù)埋點(diǎn)的方式獲取用戶的行為數(shù)據(jù),用戶體驗(yàn)可以使用滿意度調(diào)查、NPS等方式通過(guò)問(wèn)卷調(diào)研的手段來(lái)了解用戶的使用感受。

       

       

       

      3.1.2、交互設(shè)計(jì)的5大項(xiàng)目思維

       

      產(chǎn)品思維交互設(shè)計(jì)師要有培養(yǎng)產(chǎn)品思維的習(xí)慣,產(chǎn)品思維能夠引導(dǎo)我們發(fā)現(xiàn)很多設(shè)計(jì)點(diǎn),設(shè)計(jì)出創(chuàng)新性的產(chǎn)品。做產(chǎn)品最核心的問(wèn)題就是:用戶有什么樣的需求?這個(gè)需求待解決程度(用戶痛點(diǎn)、爽點(diǎn)、癢點(diǎn))怎么樣?例如支付寶這個(gè)產(chǎn)品,就是改變了用戶日常的付費(fèi)交易方式,從現(xiàn)金到線上數(shù)字貨幣支付的轉(zhuǎn)變,大大的解決了用戶不用攜帶大量現(xiàn)金的需求,當(dāng)然了他的功能不僅限于此,更客觀的說(shuō),支付寶的出現(xiàn)改變了人們的生活,創(chuàng)造了極大的社會(huì)的價(jià)值。

       

       

       

       

       

       

       

       

      用戶思維產(chǎn)品主要作用對(duì)象是用戶,通過(guò)用戶獲取功能需求,我們需要學(xué)習(xí)如何了解用戶,了解我們的產(chǎn)品典型目標(biāo)人群是哪一類人,了解用戶的真實(shí)訴求是什么?了解用戶場(chǎng)景是什么樣的?具備用戶思維,設(shè)計(jì)師可以更精準(zhǔn)高效的輸出設(shè)計(jì)方案,達(dá)到解決用戶問(wèn)題的目的。

       

      視覺(jué)思維交互原型稿和文檔是交互設(shè)計(jì)師接觸最多的工作任務(wù),它們需要定義很多內(nèi)容信息,這不僅僅靠邏輯,還需要有視覺(jué)思維,將黑白交互界面的視覺(jué)重點(diǎn)和信息層級(jí)展示清楚。如下圖所示為蘇寧智慧屏項(xiàng)目部分功能的交互設(shè)計(jì)稿樣式:

       

       

       

       

       

       

      ?

      交互設(shè)計(jì)的視覺(jué)思維上關(guān)注的幾個(gè)點(diǎn)如下:第一點(diǎn)要有場(chǎng)景的概念,比如要熟悉產(chǎn)品在什么樣的設(shè)備上呈現(xiàn),設(shè)備具有什么樣的特性和要求,用戶的使用產(chǎn)品的操作方式;第二點(diǎn)要有原子和模塊化的概念,比如一個(gè)組件和模塊主要是由哪些原子化的元素構(gòu)建,如何去定義這樣內(nèi)容,第三點(diǎn)要有設(shè)計(jì)理論應(yīng)用的概念,比如在界面布局時(shí),可以通過(guò)設(shè)計(jì)的四大基本原則(對(duì)比、重復(fù)、對(duì)齊、親密性)、格式塔原理(接近原則、相似原則、共同命運(yùn))、設(shè)計(jì)規(guī)律(黃金分割法、網(wǎng)格系統(tǒng)、系統(tǒng)規(guī)范)這些點(diǎn)去切入。

       

      開發(fā)思維產(chǎn)品外在靠界面,內(nèi)在靠代碼,好用好看的設(shè)計(jì)依靠技術(shù)作為底層支撐才能最終開發(fā)上線,我們經(jīng)常做設(shè)計(jì)方案評(píng)審時(shí),會(huì)遇到被技術(shù)人員否定的情況。我們就會(huì)拿有相同設(shè)計(jì)的產(chǎn)品去和他理論。最終的結(jié)果就是還是做不了。但是做不了的情況大體分為兩種,第一種情況是實(shí)現(xiàn)這個(gè)設(shè)計(jì)的背后,確實(shí)需要投入很多人力、資源去完成這項(xiàng)工作;第二種就是技術(shù)人員單純的不愿意做,可如果你有開發(fā)思維,能想到這個(gè)設(shè)計(jì)背后的技術(shù)難點(diǎn),能清晰的和技術(shù)人員進(jìn)行討論和協(xié)商,他們也不能或不好意思去拒絕。所以開發(fā)思維可以讓我們和技術(shù)人員成為好朋友,又可以學(xué)習(xí)一些技術(shù)原理,屬實(shí)不虧。

       

      數(shù)據(jù)思維交互設(shè)計(jì)師對(duì)于數(shù)據(jù)要有一定的敏感度,業(yè)務(wù)數(shù)據(jù)可以幫助我們了解產(chǎn)品的經(jīng)營(yíng)狀況,關(guān)注產(chǎn)品的總體流量,轉(zhuǎn)化、營(yíng)收,用戶的行為數(shù)據(jù)可以幫助我們?cè)谠O(shè)計(jì)迭代時(shí)提供依據(jù),另外通過(guò)各類數(shù)據(jù)的跟蹤、對(duì)比、分析能幫助我們?cè)u(píng)估設(shè)計(jì)方案的好壞以及后期設(shè)計(jì)修改的方向。

       

       

       

      3.2、交互設(shè)計(jì)師技能篇

       

      技能已經(jīng)是交互設(shè)計(jì)師的入門要求,也是初級(jí)交互設(shè)計(jì)師進(jìn)階的基礎(chǔ),那這部分主要講解交互設(shè)計(jì)師的技能兵器庫(kù),主要由設(shè)計(jì)手段、平臺(tái)規(guī)范、理論知識(shí)這三部分組成。

       

       

      3.2.1、交互設(shè)計(jì)的兵器庫(kù)1-設(shè)計(jì)手段

       

      設(shè)計(jì)軟件交互原型設(shè)計(jì):包括靜態(tài)界面和動(dòng)態(tài)demo設(shè)計(jì),可以使用紙質(zhì)原型、Axure RP、Fireworks、MockingBot、Flinto、Origami、ProtoPie、Hype、Principle、Proto.io、Frama等;界面設(shè)計(jì):主流的軟件有Figma、Sketch、ps,網(wǎng)頁(yè)和客戶端通用的有即時(shí)設(shè)計(jì)、Figma、Pixso等;

       

      動(dòng)效和三維設(shè)計(jì):目前動(dòng)效應(yīng)用廣泛的如AE,三維軟件有C4D,blender,Rhino、更高級(jí)的如游戲引擎unity3d;

       

      編程軟件:網(wǎng)頁(yè)端如標(biāo)記語(yǔ)言HTML+CSS,腳本語(yǔ)言JS,移動(dòng)端如iOS的Swift和Xcode,Android的studio;

       

      文檔工具:如常用的X-mind(思維導(dǎo)圖)、匯報(bào)用的ppt、keynote等

       

       

      設(shè)計(jì)方法設(shè)計(jì)方式這里指向用戶研究部分的內(nèi)容:主要有定量研究、定性研究、用戶畫像的構(gòu)建,定量研究的可使用問(wèn)卷調(diào)研、數(shù)據(jù)分析、眼動(dòng)測(cè)試,定性研究可使用用戶訪談、焦點(diǎn)小組、可用性測(cè)試、卡片分類法,用戶觀察法等

       

       

      3.2.2、交互設(shè)計(jì)的兵器庫(kù)2-設(shè)計(jì)規(guī)范

       

      說(shuō)到設(shè)計(jì)規(guī)范,這可能是很多設(shè)計(jì)師在交互入門的時(shí)候,比較忽略的基礎(chǔ)知識(shí)點(diǎn),首先各類平臺(tái)的系統(tǒng)規(guī)范經(jīng)過(guò)很多版本的迭代,內(nèi)容特別精且多,新手設(shè)計(jì)師經(jīng)常在閱讀學(xué)習(xí)的過(guò)程中失去耐心。只是碰到相應(yīng)的點(diǎn)才會(huì)想起來(lái)去看一下。目前處在設(shè)計(jì)領(lǐng)域最前沿的平臺(tái)規(guī)范如蘋果系統(tǒng)的《人機(jī)界面指南》,安卓系統(tǒng)的《材料設(shè)計(jì)》,鴻蒙系統(tǒng)的《設(shè)計(jì)指南》,微軟系統(tǒng)的《設(shè)計(jì)原則》,這些平臺(tái)的系統(tǒng)規(guī)范非常通用,覆蓋的設(shè)備也很多,例如蘋果系統(tǒng)的人機(jī)界面指南覆蓋了電腦、手機(jī)、平板、手表、電視。在國(guó)內(nèi)也涌現(xiàn)了很多平臺(tái)規(guī)范,例如阿里的antdesign,騰訊的tdcdesign,字節(jié)的acrodesign等。

       

       

      3.2.3、交互設(shè)計(jì)的兵器庫(kù)3-理論知識(shí)

       

      交互設(shè)計(jì)發(fā)展至今已經(jīng)很長(zhǎng)一段時(shí)間了,前輩們?cè)跓o(wú)數(shù)的實(shí)踐中總結(jié)了很多科學(xué)的設(shè)計(jì)理論。我們可以利用它們指導(dǎo)設(shè)計(jì)工作,例如:尼爾森設(shè)計(jì)十大原則(狀態(tài)可見(jiàn)原則、環(huán)境貼切原則、用戶可控原則、一致性原則、防錯(cuò)原則、易取原則、靈活高效原則、審美和簡(jiǎn)約設(shè)計(jì)原則、容錯(cuò)原則、人性化幫助),交互相關(guān)定律(菲茨定律、席克定律、格式塔原理、奧卡姆剃刀原則、峰終法則、帕雷托原理、米勒定律、郵編定律、序列位置效應(yīng)、泰斯勒復(fù)雜性守恒定律、序列位置效應(yīng)、多爾蒂閥值、雅各布定律、蔡格尼克記憶效應(yīng)、馮·雷斯托夫效應(yīng)等)。理論知識(shí)可以作為設(shè)計(jì)的參照標(biāo)準(zhǔn),但用設(shè)計(jì)理論反對(duì)設(shè)計(jì)結(jié)果是很不合適的,具體問(wèn)題還需要結(jié)合實(shí)際應(yīng)用場(chǎng)景去分析解決。

      3.3、交互設(shè)計(jì)師能力篇

      最后一章我想和大家分享關(guān)于交互設(shè)計(jì)師的能力模型,主要分三大塊,這也是實(shí)際工作中感觸比較深的幾個(gè)點(diǎn),希望對(duì)大家能有幫助!

       

      3.3.1、基礎(chǔ)能力-學(xué)習(xí)

       

      學(xué)習(xí)是一項(xiàng)比較基礎(chǔ)的能力!它包括了你技法上的突破、閱讀書籍獲取知識(shí)、適應(yīng)和熟悉工作流程;例如當(dāng)你在工作中,需要設(shè)計(jì)一個(gè)頁(yè)面動(dòng)畫效果,你學(xué)會(huì)了一個(gè)新的軟件和新的實(shí)現(xiàn)方法;又或者當(dāng)你閱讀了一本書,學(xué)到了很多知識(shí),打破了自己的認(rèn)知,再或者入職新公司的時(shí)候,你需要適應(yīng)新環(huán)境和工作流程。設(shè)計(jì)領(lǐng)域的要求更新?lián)Q代特別快,就好比之前我們做設(shè)計(jì)基本都使用sketch,

      還得和蘋果系統(tǒng)捆綁,但現(xiàn)在像Figma等軟件不光可以客戶端下載使用,甚至都可以網(wǎng)頁(yè)端協(xié)同使用。所以在任何時(shí)候都要保有一顆

      做學(xué)徒的心,去學(xué)習(xí),去適應(yīng)、不斷的突破自己!

       

      3.3.2、通用能力-溝通、執(zhí)行、總結(jié)

       

      溝通、執(zhí)行、總結(jié)三大能力無(wú)論是在生活還是在工作中都是比較通用的,我們?cè)诤蛣e人交流時(shí),需要用語(yǔ)言傳達(dá)自己的想法,讓別人或自己明白,然后去執(zhí)行,根據(jù)執(zhí)行的結(jié)果進(jìn)行總結(jié),變成自己寶貴的經(jīng)驗(yàn)。例如有一次在做交互方案時(shí),產(chǎn)品經(jīng)理直接丟過(guò)來(lái)一個(gè)需求,然后沒(méi)有說(shuō)明具體的需求背景和設(shè)計(jì)方向,然后就把方案弄好了去評(píng)審,被技術(shù)人員一通亂懟,弄的大家情緒都上了頭,就開始爭(zhēng)吵起來(lái),最后結(jié)果就是重新設(shè)計(jì);這讓我后來(lái)在做方案的時(shí)候,一直記得利用這套通用能力去處理問(wèn)題;確實(shí)有效。但在培養(yǎng)這些能力的同時(shí)需要注意:把控情緒做有效溝通,拒絕盲目執(zhí)行,反復(fù)思考總結(jié)經(jīng)驗(yàn),用總結(jié)能力反哺自己的溝通、執(zhí)行能力。

       

       

       

       

       

       

       

      3.3.3、進(jìn)階能力-洞察、思考

       

      洞察和思考是交互設(shè)計(jì)師的最高級(jí)的能力,擁有這種能力的設(shè)計(jì)師往往已經(jīng)能夠探索到問(wèn)題的本質(zhì),洞察和思考能力的培養(yǎng)來(lái)源對(duì)事物的探索欲,有好奇心,有細(xì)致的觀察,這要求設(shè)計(jì)師要把解決問(wèn)題當(dāng)作是興趣來(lái)看待;以生活中的用戶使用的出行工具單車設(shè)計(jì)為例,單車上有很多設(shè)計(jì)點(diǎn)都體現(xiàn)了交互設(shè)計(jì)師的這兩項(xiàng)能力;

       

       

       

       

       

      1:?jiǎn)诬嚨淖徽{(diào)節(jié)控制結(jié)構(gòu)設(shè)計(jì)如上圖是哈嘍單車的不同版本的設(shè)計(jì),第一個(gè)調(diào)節(jié)結(jié)構(gòu)我們需要向逆時(shí)針向外推,才能進(jìn)行座凳高低的調(diào)節(jié),第二個(gè)調(diào)節(jié)結(jié)構(gòu)我們僅需要上下方向推拉進(jìn)行控制。我在使用的過(guò)程中,第二個(gè)結(jié)構(gòu)操作的時(shí)候更加省力。

       

      2:座凳支撐桿的身高標(biāo)記設(shè)計(jì)第一個(gè)支撐桿我們可以看到是沒(méi)有任何標(biāo)記的,第二個(gè)支撐桿上面有對(duì)應(yīng)身高相匹配的尺寸標(biāo)記,相比較第一個(gè)設(shè)計(jì),帶標(biāo)記的設(shè)計(jì)讓用戶更快的調(diào)到舒適的高度位置。

       

      這個(gè)設(shè)計(jì)案例屬于從結(jié)果倒推方案,因?yàn)樵谝延性O(shè)計(jì)方案做推理分析,但是我相信項(xiàng)目人員在進(jìn)行產(chǎn)品優(yōu)化的時(shí)候,也肯定是洞察到“舊的坐凳設(shè)計(jì)”結(jié)構(gòu)給用戶帶來(lái)的不便,不僅操作費(fèi)力,而且這樣的結(jié)構(gòu)容易卡住廢車;身高標(biāo)記的設(shè)計(jì)肯定也是結(jié)合用戶的不同身高這個(gè)需求,設(shè)計(jì)師觀察用戶在調(diào)節(jié)座凳高度的時(shí)候,坐上去再下來(lái),反復(fù)的調(diào)試去選擇舒適的高度,才思考出這樣不錯(cuò)的設(shè)計(jì)方案。

      總結(jié)

      本文分享到這里就結(jié)束了,總的來(lái)說(shuō),想成為一名交互設(shè)計(jì)師,需要投入的成本是很大的,除了軟件技能還需要有足夠的知識(shí)儲(chǔ)備,培養(yǎng)自己的各種思維和能力,那文章我也通過(guò)三個(gè)部分去說(shuō)明了這些內(nèi)容,首先我用設(shè)計(jì)領(lǐng)域的名詞作為切入點(diǎn),帶大家去了解設(shè)計(jì)領(lǐng)域的現(xiàn)狀和關(guān)聯(lián),對(duì)設(shè)計(jì)名詞有大致的概念;其次著重的分析交互設(shè)計(jì),介紹了交互設(shè)計(jì)的起源、定義、主要對(duì)象、五大行為要素、兩大衡量標(biāo)準(zhǔn);最后寫了關(guān)于成為交互設(shè)計(jì)師一些入門要求,第一點(diǎn)是通過(guò)項(xiàng)目流程、項(xiàng)目思維角度,第二點(diǎn)是從設(shè)計(jì)技能角度,交互設(shè)計(jì)師需要有設(shè)計(jì)手段、平臺(tái)規(guī)范、理論知識(shí)三大兵器庫(kù),第三點(diǎn)是從能力模型角度,交互設(shè)計(jì)師須具備學(xué)習(xí)、溝通、執(zhí)行、總結(jié)、洞察、思考6大能力。在去往交互設(shè)計(jì)的路上,建議設(shè)計(jì)師們要保持一顆進(jìn)取的心,認(rèn)認(rèn)真真的去學(xué)習(xí)、去實(shí)踐、去進(jìn)階,提升自己的設(shè)計(jì)認(rèn)知。

      文章內(nèi)容僅供學(xué)習(xí)參考。


      作者:Q什伍
      鏈接:https://www.zcool.com.cn/article/ZMTQzNTU1Mg==.html
      來(lái)源:站酷
      著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

      日歷

      鏈接

      個(gè)人資料

      存檔

      主站蜘蛛池模板: 999免费观看四虎精品国产| 成全免费高清观看在线电视剧| 久久国产偷| 亚洲成av人片天堂网无码| 精品久久人妻| 成全免费观看高清电影| 色欲av伊人久久大香线蕉| 国产口爆吞精在线观视频| 成全视频免费高清游戏| 国产99久久久国产精品麻豆| 人伦片无码中文字莫| 国产无遮挡又黄又爽在线观看| 草草影院ccyy国产日本欧美| 成人自拍小视频免费观看| 国产在线一区二区三区四区五区| 依安县| freesexvideos张柏芝| 麻豆精产国品一二三产区 | 铜川市| 制服丝袜人妻在线无码| 久久香蕉国产线看观看手机| 亚洲欧美久久夜夜综合网 | 久久精品99久久香蕉国产| 国产在线精品国自产拍影院同性| 国产精品久久久久久久久久免费| av天堂精品久久久久| a级免费视频| 欧美一进一出抽搐大尺度视频| 潮喷大喷水系列无码网站| 国产精品福利自产拍在线观看 | 丰城市| 日本jazz亚洲护士水多多| 欧美精品大香伊蕉在人线| 无码五月天国产原创| 一本色道无码道DVD在线观看| 久久久久亚洲AV成人片乱码| 国产精品v欧美精品超碰| 免费国产一区二区三区| 人人爽人人爽人人片A| 俺也去精品视频在线观看| 国产一区二区三区成人欧美日韩在线观看|