首頁

UI 設(shè)計可以應(yīng)用在哪些行業(yè)

藍藍設(shè)計的小編

在當(dāng)今數(shù)字化和信息化的時代,UI 設(shè)計(用戶界面設(shè)計)的重要性日益凸顯,其應(yīng)用領(lǐng)域也越來越廣泛。下面就為大家介紹一下UI 設(shè)計可以應(yīng)用在哪些行業(yè)。

當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)

ui設(shè)計分享達人

前言
 
AI能力的迅猛發(fā)展,為產(chǎn)品設(shè)計帶來了很多新的可能性和機會。百度作為AI領(lǐng)域的行業(yè)先鋒,正在不斷探索如何將AI技術(shù)深度融入到產(chǎn)品中,以賦能改進和提升產(chǎn)品的使用體驗。
 
本文將以百度APP個人中心AI重構(gòu)項目為例,講述如何運用AI智能推薦和對話能力來解決問題重構(gòu)體驗,將一個傳統(tǒng)的固定入口型的個人中心打造成為一個高效智能的AI版?zhèn)€人中心。
 
希望能為讀者提供新的視角和思路,激發(fā)大家對于AI原生設(shè)計的理解和思考。
 
 
個人中心舊版
 
作為百度APP端內(nèi)業(yè)務(wù)和基礎(chǔ)功能設(shè)置的重要回訪陣地,個人中心面臨著三大核心問題:①功能入口多頁面屏效低;②部分功能操作層級深;③資產(chǎn)更新提醒不直觀。
 
針對這些問題,我們希望通過精簡功能結(jié)構(gòu)、破殼高頻功能、強化信息提示,提升用戶觸達效率,優(yōu)化整體使用體驗。為此,我們計劃運用AI能力進行設(shè)計重構(gòu)來解決上述三大問題。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
 
個人中心AI重構(gòu)設(shè)計
 
目前行業(yè)內(nèi)并沒有一款運用AI能力對個人中心進行重構(gòu)的產(chǎn)品,因此,設(shè)計師的挑戰(zhàn)在于如何從0-1創(chuàng)新重構(gòu)出“AI個人中心”新形態(tài),來全面提升用戶在端內(nèi)的回訪體驗。我們依次從「框架、結(jié)構(gòu)、內(nèi)容、操作、對話」五部分出發(fā)定義,逐步搭建功能、豐滿細節(jié)、拓展深度,創(chuàng)新重構(gòu)出一個全新的AI版?zhèn)€人中心。
 
1.容器創(chuàng)新設(shè)計 打造AI感資產(chǎn)框架
 
基于上述問題和設(shè)計目標(biāo),首先對個人中心框架進行了重構(gòu)設(shè)計,結(jié)合用戶行為數(shù)據(jù)保留常用高頻功能入口,去除原來眾多類型的內(nèi)容推薦卡,在頁面內(nèi)實現(xiàn)功能精簡提效;其次結(jié)合AI智能推薦的能力,開辟出一個承載推薦內(nèi)容的容器區(qū)域,破殼內(nèi)容便于用戶回訪。
 
我們共計驗證推敲出3種頁面框架“嵌入式框架”“分層式框架”“卡片式框架”,選擇與AI融合感更強、體驗更沉浸的嵌入式框架繼續(xù)深入,框架頭部精簡信息,中部保留高頻功能便于用戶回訪,下方區(qū)域則通過AI智能推送用戶所需內(nèi)容。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
2.結(jié)合用戶行為 主動智能推薦
 
在框架下方承載推薦內(nèi)容的容器區(qū)域內(nèi),個人中心可以結(jié)合用戶在百度APP的使用行為數(shù)據(jù),通過AI向用戶智能推薦內(nèi)容資源和功能操作。
 
當(dāng)用戶的內(nèi)容資產(chǎn)有變更時,個人中心能夠主動破殼內(nèi)容,如用戶最近下載了一部劇集但未看完,當(dāng)該劇有更新時,主動提示用戶繼續(xù)觀看。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
當(dāng)用戶有設(shè)置類潛在需求時,個人中心能夠推薦操作功能,如用戶的手機經(jīng)過一段時間使用,有系統(tǒng)垃圾冗余時,會主動推薦用戶清理緩存。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
3.構(gòu)建全業(yè)務(wù)卡片的內(nèi)容結(jié)構(gòu)
 
我們將各業(yè)務(wù)需要展示的信息摘取出來,采用卡片形態(tài)進行聚合與承接,以保證AI智能推薦時的靈活性和可拓展性??ㄆ瑫捎脤υ捠揭龑?dǎo)語拉近用戶距離,破殼提示內(nèi)容資源,如向用戶主動推薦最近收藏的內(nèi)容,支持跳轉(zhuǎn)查看并在返回時更新狀態(tài);還會在資產(chǎn)變更時進行提醒,如當(dāng)用戶下載視頻或備份文件后,對用戶實時提醒并提供復(fù)訪入口;支持用戶直接設(shè)置功能,支持一鍵點擊并實時反饋狀態(tài)。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
設(shè)計期間,我們從卡片分類方式、模板呈現(xiàn)、交互操作等維度進行了多方案探索,前后迭代實驗了3款卡片形態(tài),結(jié)合用戶訪談測試和實驗數(shù)據(jù)反饋,最終選擇使用3.0版本的分卡聚合樣式。這一版本采用了統(tǒng)一化模版來精簡布局,通過一步操作來前置功能減步長,對功能和內(nèi)容進行分類聚合來提高頁面屏效、使用戶更易理解。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
共計為20+業(yè)務(wù)搭建了10類聚合卡片,定義歸納了3類卡片操作與更新方式,在個人中心選用最符合用戶行為的卡片和內(nèi)容進行智能推薦。目前我們更多業(yè)務(wù)正在接入推薦卡片體系中,大家敬請期待~
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
4.內(nèi)容破殼提示 功能操作提效
 
回歸用戶實際使用場景來看,AI智能推薦卡片形式在用戶操作上有了很大的提效。例如查看下載視頻的步長由4步縮減為1步,原來用戶想繼續(xù)看視頻時,可能會找不到、且尋找入口比較深,現(xiàn)在我們通過推薦卡片破殼了視頻等內(nèi)容,點擊卡片即可一鍵直達視頻頁,一段時間后返回個人中心時卡片會更新用戶的最新觀看進度。既減少了用戶操作步長,又沉浸式延續(xù)了用戶在端內(nèi)的使用行為。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
同樣,功能類的操作效率也大幅提升,之前當(dāng)用戶想清理時 ,入口深步驟多、體驗非最佳,現(xiàn)在通過推薦卡片將清理緩存功能前置推出在個人中心,用戶想清理緩存時,無需翻越層層入口,只需點擊“清理”按鈕即可一鍵完成緩存清理,實時告知用戶清理進度,大幅提升用戶操作效率。除此以外,像深色模式、字體大小等功能也都支持用戶在個人中心一鍵操作。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
5.拓展對話場景 觸達用戶長尾需求 
 
個人中心不僅可以結(jié)合用戶行為智能推薦卡片,還支持用戶主動發(fā)起提問,通過對話形式快捷觸達長尾需求。用戶點擊卡片下方的“去提問”入口或上滑頁面,即可從個人中心進入對話頁。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
進入對話頁后,個人中心AI助手首先會推薦一些快捷指令,讓用戶快速了解對話提問方式和目前支持提問的功能。當(dāng)用戶發(fā)起提問后推出相關(guān)功能卡片,如在手機運行卡頓時詢問“如何清理緩存”,AI助手會推出“清理緩存”卡片并引導(dǎo)用戶前往清理,清理完成會再次回到對話頁、為用戶展示最新緩存狀態(tài)。
 
以下是支持對話的部分功能卡片,這些卡片整體延續(xù)了推薦區(qū)域卡片的內(nèi)容和體驗,結(jié)合對話交互流程對卡片模版進行了差異化定制。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
最終基于業(yè)務(wù)功能特點,結(jié)合對話交互規(guī)范,共計定義了“跳轉(zhuǎn)操作并返回更新”“跳轉(zhuǎn)查看”“當(dāng)前操作”“當(dāng)前操作并追加對話”4種交互操作和更新方式。目前我們接入的場景能力尚有限,后續(xù)我們將持續(xù)進行迭代與優(yōu)化,提升用戶在個人中心進行AI對話的體驗。
 
當(dāng)設(shè)計遇上AI—百度APP個人中心AI重構(gòu)
 
 
 
 
AI個人中心實驗上線效果
 
AI版本實驗上線后,百度APP和個人中心的關(guān)鍵數(shù)據(jù)都有了顯著提升,帶來了正向收益,我們也于今年6月底上線全端,期待大家體驗并給予反饋。
 
 
思考與展望
 
如今產(chǎn)品AI化已成為市場發(fā)展趨勢,作為設(shè)計師,如何結(jié)合自己的業(yè)務(wù),運用AI能力重構(gòu)產(chǎn)品及體驗是一個極具挑戰(zhàn)和價值的課題。我們從百度APP個人中心AI重構(gòu)項目中總結(jié)出了一些經(jīng)驗和小tips,在此向大家分享:
 
  •  
    在應(yīng)用AI技術(shù)之前,首要任務(wù)是明確其能力范圍與顯著優(yōu)勢,如文中使用的AI智能推薦能力能夠同時滿足用戶的個性化需求、提升信息獲取效率,從而全方位提升用戶體驗和業(yè)務(wù)價值。
 
  •  
    我們需要大膽突破、勇于創(chuàng)新,在沒有可參考借鑒的產(chǎn)品時應(yīng)當(dāng)打破慣性思維,嘗試從框架、結(jié)構(gòu)、內(nèi)容等層面進行全新定義,然后通過持續(xù)打磨、深度探索等手段來不斷完善產(chǎn)品形態(tài)。
 
  •  
    無論是否應(yīng)用AI,設(shè)計底層思維是萬變不離其宗的,我們需要始終站在用戶視角分析并解決問題,而AI將會是每位設(shè)計師的一個趁手工具和靈感中心,它可以給我們更多思考問題的角度,日常工作中我們應(yīng)當(dāng)多積累總結(jié)然后不斷迸發(fā)新思考,通過AI這個新工具來解決我們業(yè)務(wù)的已有問題,向用戶提供更好的體驗。
 
以上是我們的一些小小心得,希望能為同為設(shè)計師的你,在面對AI應(yīng)用與重構(gòu)設(shè)計時提供一些設(shè)計思路和借鑒。
后續(xù),我們將持續(xù)聚焦提升個人中心的AI智能感知能力,圍繞用戶的偏好習(xí)慣及當(dāng)前上下文環(huán)境,提供更精準(zhǔn)的個性化服務(wù),為用戶升級更加智能、自然流暢的AI對話體驗,通過結(jié)合更多場景逐步打造出一個全方位、個性化的百度APP AI助手,讓每位用戶都能享受到智能化的便捷與樂趣。
 
 


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

 

 

移動端 UI 設(shè)計主要包含哪些內(nèi)容

藍藍設(shè)計的小編

在當(dāng)今數(shù)字化的時代,移動端 UI 設(shè)計成為了塑造用戶體驗的關(guān)鍵因素。那么,移動端 UI 設(shè)計究竟主要包含哪些內(nèi)容呢?

移動端 UI 設(shè)計中的極簡主義

藍藍設(shè)計的小編

在當(dāng)今快節(jié)奏的數(shù)字化世界中,移動端 UI 設(shè)計中的極簡主義風(fēng)格正逐漸占據(jù)主導(dǎo)地位,為用戶帶來了全新的視覺和交互體驗。

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

ui設(shè)計分享達人

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


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

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

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

打造卓越的移動端 UI 設(shè)計

藍藍設(shè)計的小編

在當(dāng)今移動互聯(lián)網(wǎng)時代,移動端 UI 設(shè)計的重要性日益凸顯。一個卓越的移動端 UI 設(shè)計,不僅能吸引用戶的目光,更能提升用戶的使用體驗,從而增強產(chǎn)品的競爭力。而要實現(xiàn)這一目標(biāo),需要從細節(jié)到整體進行精心打造。

響應(yīng)式移動端 UI 設(shè)計的優(yōu)點

藍藍設(shè)計的小編

在當(dāng)今數(shù)字化的時代,移動端設(shè)備已經(jīng)成為人們生活中不可或缺的一部分。而響應(yīng)式移動端 UI 設(shè)計,正以其眾多顯著的優(yōu)點,為用戶帶來更加優(yōu)質(zhì)和便捷的體驗。

移動端 UI 設(shè)計的關(guān)鍵要素

藍藍設(shè)計的小編

在如今數(shù)字化的時代,移動端應(yīng)用已成為我們生活中不可或缺的一部分。而優(yōu)秀的移動端 UI 設(shè)計,對于重塑用戶體驗起著至關(guān)重要的作用。

簡潔直觀的界面布局是關(guān)鍵要素之一。想象一下,當(dāng)你打開一個應(yīng)用,如果界面混亂不堪,各種元素雜亂無章,你是不是會感到煩躁和迷茫?一個好的 UI 設(shè)計應(yīng)當(dāng)遵循簡潔的原則,將重要的功能和信息突出顯示,讓用戶能夠輕松找到他們所需的內(nèi)容。例如,知名的社交應(yīng)用微信,其主界面簡潔明了,底部的四個主要功能按鈕一目了然,用戶可以迅速進行操作。

移動端 UI 設(shè)計的關(guān)鍵要素

色彩搭配也是影響用戶體驗的重要因素。恰當(dāng)?shù)纳誓軌驙I造出特定的氛圍,傳遞出應(yīng)用的個性和情感。比如,一款主打健康生活的應(yīng)用可能會選擇清新自然的綠色,給人以舒適和活力的感覺;而一款金融類應(yīng)用則可能會采用穩(wěn)重的藍色,傳遞出可靠和專業(yè)的形象。同時,色彩的對比度和協(xié)調(diào)性也需要精心考慮,以確保文字清晰可讀,界面視覺舒適。

圖標(biāo)和按鈕的設(shè)計同樣不容忽視。它們就像是應(yīng)用的“路標(biāo)”,引導(dǎo)著用戶的操作。清晰易懂、富有創(chuàng)意的圖標(biāo)能夠讓用戶一眼就明白其功能。例如,放大鏡圖標(biāo)通常代表搜索,購物車圖標(biāo)則意味著購物。而且,按鈕的大小、形狀和觸感反饋也會影響用戶的操作體驗。一個過大或過小的按鈕都可能導(dǎo)致誤操作,而合適的觸感反饋則能讓用戶感受到操作的成功與否。

移動端 UI 設(shè)計的關(guān)鍵要素

響應(yīng)式設(shè)計在如今多設(shè)備的環(huán)境中至關(guān)重要。不同的移動設(shè)備有著不同的屏幕尺寸和分辨率,一個優(yōu)秀的 UI 設(shè)計應(yīng)當(dāng)能夠自適應(yīng)這些變化,確保在各種設(shè)備上都能呈現(xiàn)出良好的效果。比如,當(dāng)用戶從手機切換到平板電腦使用同一款應(yīng)用時,界面能夠自動調(diào)整布局和元素大小,提供一致且舒適的體驗。

此外,加載速度也是影響用戶體驗的關(guān)鍵。沒有人愿意等待一個漫長的加載過程,如果應(yīng)用加載緩慢,用戶很可能會失去耐心并選擇放棄。因此,優(yōu)化圖片、代碼等元素,減少加載時間,是提升用戶體驗的重要一環(huán)。

移動端 UI 設(shè)計的關(guān)鍵要素

然而,要實現(xiàn)出色的移動端 UI 設(shè)計并非易事。設(shè)計師需要深入了解用戶的需求和行為習(xí)慣,不斷進行測試和改進。同時,還需要與開發(fā)團隊緊密合作,確保設(shè)計的實現(xiàn)效果與預(yù)期相符。

總之,移動端 UI 設(shè)計的關(guān)鍵要素共同作用,致力于重塑用戶體驗。只有關(guān)注這些要素,不斷創(chuàng)新和優(yōu)化,才能打造出令用戶滿意、愛不釋手的移動端應(yīng)用,在激烈的市場競爭中脫穎而出。相信隨著技術(shù)的不斷發(fā)展和設(shè)計理念的不斷更新,未來的移動端 UI 設(shè)計將為我們帶來更加精彩和便捷的用戶體驗。

大數(shù)據(jù)可視化在零售業(yè)的應(yīng)用

藍藍設(shè)計的小編

在當(dāng)今競爭激烈的零售市場中,大數(shù)據(jù)可視化正成為商家們的秘密武器,為零售業(yè)帶來了前所未有的變革和機遇。

大數(shù)據(jù)可視化在教育領(lǐng)域的實踐

藍藍設(shè)計的小編

在當(dāng)今數(shù)字化的時代浪潮中,教育領(lǐng)域也迎來了一場深刻的變革,大數(shù)據(jù)可視化便是其中的一股強大力量。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔