国产精品爱久久久久久久小说,女人扒开腿让男人桶到爽 ,亚洲欧美国产双大乳头,国产成人精品综合久久久久,国产精品制服丝袜无码,免费无码精品黄av电影,黑色丝袜无码中中文字幕,乱熟女高潮一区二区在线

    首頁

    蘭亭秒微| PC 網(wǎng)頁 UI 設(shè)計(jì) 12 大趨勢 下

    濤濤 網(wǎng)站設(shè)計(jì)文章及欣賞

    蘭亭秒微作為專注于PC 端網(wǎng)頁設(shè)計(jì)、品牌官網(wǎng)定制、B 端系統(tǒng)界面的設(shè)計(jì)團(tuán)隊(duì),長期跟蹤國際前沿設(shè)計(jì)趨勢與技術(shù)演進(jìn)。本篇基于 2015 年全球 PC 網(wǎng)頁 UI 主流方向,結(jié)合原文核心觀點(diǎn),為你完整解讀下半部分 6 大趨勢,還原當(dāng)年設(shè)計(jì)浪潮的底層邏輯與落地要點(diǎn)。

    蘭亭妙微|認(rèn)知與設(shè)計(jì):以用戶心智模型打造高效易用 UI/UX

    濤濤 用戶研究

    作為專注 UI/UX 設(shè)計(jì)與數(shù)字化體驗(yàn)升級(jí)的專業(yè)團(tuán)隊(duì),蘭亭妙微在工業(yè)軟件、醫(yī)療設(shè)備、能源監(jiān)控、航天軍工等領(lǐng)域長期實(shí)踐中,始終以認(rèn)知科學(xué)為底層邏輯,把用戶的視覺處理、閱讀習(xí)慣、注意力機(jī)制、記憶特性與學(xué)習(xí)行為,轉(zhuǎn)化為可落地的界面與交互準(zhǔn)則,讓復(fù)雜系統(tǒng)變簡單、讓專業(yè)工具更易用。

    B 端交互設(shè)計(jì) 13 個(gè)優(yōu)化策略

    清陽 B端ui設(shè)計(jì)文章及欣賞

    核心總覽

    B端交互體驗(yàn)優(yōu)化,牢牢把握三大方向、十三個(gè)策略,覆蓋結(jié)構(gòu)、效率與引導(dǎo)全鏈路。同樣適用于C端及工具類產(chǎn)品。蘭亭妙微UI設(shè)計(jì)公司今日與您一同學(xué)習(xí)。
     

    一、結(jié)構(gòu)優(yōu)化(4 個(gè)策略)

     
    目標(biāo):讓復(fù)雜功能易理解、易查找、易操作
     
    1. 分塊分組

      image.png

       
      頁面信息雜亂時(shí),按業(yè)務(wù)邏輯拆分區(qū)塊。例:發(fā)布商品→基本信息、規(guī)格庫存、商品詳情。
    2. 導(dǎo)航優(yōu)化
       

      image.png

      用面包屑、標(biāo)簽頁、快捷入口、回到頂部等組件,提升頁面跳轉(zhuǎn)與定位效率。
    3. 步驟分解
       

      image.png

      復(fù)雜流程拆分為多步,降低單次操作難度,避免用戶一次性處理過多信息。
    4. 內(nèi)置交互
       

      image.png

      低頻操作用展開 / 收起、彈窗隱藏,保持界面簡潔,突出核心功能。
     

     

    二、效率提升(4 個(gè)策略)

     
    目標(biāo):減少操作步驟、降低點(diǎn)擊成本
     
    5. 默認(rèn)填值
     

    image.png

    按場景與用戶習(xí)慣預(yù)填數(shù)據(jù)。例:發(fā)布時(shí)間默認(rèn)次日 9 點(diǎn)。
     
    6. 按鈕輸入
     

    image.png

    高頻常用值做成按鈕組,一鍵選擇。例:下架時(shí)間→一周后 / 一月后 / 三月后。
     
    7. 頻次順序

    image.png

     
    功能按使用頻率從高到低排序,低頻 / 非必填項(xiàng)后置。
     
    8. 快捷按鍵
     

    image.png

    配置復(fù)制、粘貼、保存等快捷鍵,適配高效辦公場景。
     

     

    三、提示幫助(5 個(gè)策略)

     
    目標(biāo):降低學(xué)習(xí)成本、減少操作失誤
     
    9. 文案說明
     

    image.png

    復(fù)雜功能下方加簡短提示,清晰告知用途與規(guī)則。
     
    10. 樣式引導(dǎo)
     

    image.png

    用顏色、大小、徽標(biāo)、紅點(diǎn)強(qiáng)化重點(diǎn),弱化次要信息。
     
    11. 即時(shí)反饋
     

    image.png

    輸入錯(cuò)誤、表單提交、操作成功 / 失敗時(shí),實(shí)時(shí)給出明確反饋。
     
    12. 內(nèi)容預(yù)覽
     

    image.png

    提交前展示最終效果,方便用戶核對修改。例:商品上架預(yù)覽。
     
    13. 新手幫助
     

    image.png

    用新手引導(dǎo)、示例、幫助手冊,讓新用戶快速上手。
     

    優(yōu)化后總結(jié)(一句話記憶)

    結(jié)構(gòu)理清楚,效率提上去,引導(dǎo)做到位,用 13 個(gè)策略搞定 B 端交互體驗(yàn)。
     

    蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))m.dzxscac.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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。

     

    image.png

    超多案例!3個(gè)設(shè)計(jì)策略讓你的AI產(chǎn)品更加人性化!

    清陽 交互設(shè)計(jì)及用戶體驗(yàn)

    在 AI 時(shí)代做產(chǎn)品設(shè)計(jì)時(shí),“人性化” 體驗(yàn)依舊是不變的主旨,核心目標(biāo)是讓設(shè)計(jì)回歸用戶本身,在合理應(yīng)用新技術(shù)的同時(shí),尊重用戶的認(rèn)知習(xí)慣、情感需求與行為差異,讓 AI 產(chǎn)品既好用、又 “懂用戶”。蘭亭妙微UI設(shè)計(jì)公司會(huì)介紹以下三個(gè)設(shè)計(jì)策略和典型案例:

    1. 個(gè)性化定制
    2. 多產(chǎn)品互通
    3. 低操作門檻

    希望會(huì)為你帶來更多的設(shè)計(jì)靈感。

    一、個(gè)性化定制

    基于用戶的個(gè)體特征、行為數(shù)據(jù)、場景語境與目標(biāo)偏好,提供“千人千面”的專屬設(shè)計(jì)方案。核心在于將體驗(yàn)從“通用適配”轉(zhuǎn)向“精準(zhǔn)貼合”,從而提升用戶的認(rèn)同感、滿意度與留存率。

    案例1:ChatGPT推出年度回顧功能,將用戶一整年的AI對話轉(zhuǎn)化為可視化數(shù)據(jù)、AI人格畫像與定制詩歌。

    image.png

    案例2:Gemini新增“使用歷史對話作為上下文”功能,實(shí)現(xiàn)更連續(xù)、更具記憶感的多輪對話體驗(yàn)。

    image.png

    案例3:ChatGPT推出多維度人格參數(shù)調(diào)節(jié)滑塊,通過檔位化控制實(shí)現(xiàn)交互風(fēng)格的精準(zhǔn)適配,標(biāo)志著AI對話系統(tǒng)從統(tǒng)一輸出轉(zhuǎn)向用戶主導(dǎo)的個(gè)性化體驗(yàn)設(shè)計(jì)。

    image.png

    案例4:Google發(fā)布Android 16,利用AI重構(gòu)通知系統(tǒng),自動(dòng)將廣告、新聞推送等不重要通知靜音并生成摘要,幫助用戶保持專注。同時(shí)強(qiáng)化圖標(biāo)、主題與深色模式的個(gè)性化表達(dá),用戶可以自由調(diào)整圖標(biāo)形狀,讓桌面更貼合個(gè)人風(fēng)格。超多案例!3個(gè)設(shè)計(jì)策略讓你的AI產(chǎn)品更加人性化!

    二、多產(chǎn)品互通

    AI智能體能夠調(diào)動(dòng)其他產(chǎn)品進(jìn)行互動(dòng),協(xié)調(diào)多個(gè)不同產(chǎn)品或設(shè)備,實(shí)現(xiàn)它們之間的交互與協(xié)同工作,從而為用戶提供更便捷、高效、智能的服務(wù)體驗(yàn)。

    案例1:Gemini Agent上線租車功能,支持自動(dòng)比價(jià)、讀取郵箱及租車服務(wù)預(yù)訂,AI正逐步進(jìn)入端到端的生活服務(wù)領(lǐng)域。

     

    image.png

    案例2:OpenAI與Instacart合作,將“買菜”功能接入ChatGPT。用戶可在聊天中一邊討論菜譜,一邊生成購物清單,并直接完成結(jié)賬,全程無需跳轉(zhuǎn)應(yīng)用。

    image.png

    案例3:Cursor為Cursor Browser推出全新可視化編輯器,將網(wǎng)頁、代碼與視覺編輯工具整合在同一窗口,支持拖拽調(diào)整界面、直接查看組件屬性與樣式,并通過自然語言指令快速修改,自動(dòng)同步至底層代碼。

    image.png

    案例4:谷歌將虛擬試穿門檻降至只需一張自拍,借助Gemini Nano Banana生成全身模型,將AI從可選趣味功能升級(jí)為低門檻、便捷實(shí)用的購物入口,進(jìn)一步將搜索與電商融合為一體化、內(nèi)容驅(qū)動(dòng)的消費(fèi)場景。

    image.png

    案例5:谷歌推出Workspace Studio,將AI自動(dòng)化直接嵌入Gmail、日歷與文檔,開始重構(gòu)企業(yè)日常工作的操作層。

    image.png

    三、低操作門檻

    通過簡化決策、減少手動(dòng)操作、貼合用戶認(rèn)知習(xí)慣等方式,讓不同能力層級(jí)的用戶都能輕松享受AI服務(wù)帶來的價(jià)值。

    案例1:Gemini Veo3.1正在小范圍測試“視頻模板庫”,用戶可在工具菜單中選擇或自定義模板快速生成視頻,讓“人人皆可做電影”成為可能。

    image.png

    案例2:靈光App上線可視化“科普動(dòng)畫生成”功能,將抽象科學(xué)原理自動(dòng)轉(zhuǎn)化為動(dòng)態(tài)演示,讓教育與科普內(nèi)容從純文字升級(jí)為“秒懂級(jí)”的可視化表達(dá),鞏固了其在學(xué)習(xí)場景中的差異化優(yōu)勢。

    image.png

    案例3:知名組件庫shadcn推出shadcn create,提供可視化方式自定義基礎(chǔ)組件的結(jié)構(gòu)、間距、字體與風(fēng)格,并支持一鍵在Next、Vite、TanStack Start中啟動(dòng)生成主題,大幅降低構(gòu)建專屬設(shè)計(jì)系統(tǒng)的門檻。

    image.png

    案例4:Manus推出Design View,從“反復(fù)對話生成”逐步邁向“所見即改”的創(chuàng)作流程。

    image.png

    案例5:Google在Android版Google News中加入AI播客功能,將新聞自動(dòng)轉(zhuǎn)化為可收聽內(nèi)容,拓展了通勤、碎片時(shí)間等場景下的新聞消費(fèi)方式。

    image.png

    案例6:Grok iOS版新增多種語音喚醒模式(默認(rèn)、隔離、按住說話),在不同環(huán)境下提升了語音交互的可控性,打磨出“隨時(shí)可用但不打擾”的語音入口,為AI助手向高頻、低負(fù)擔(dān)使用場景滲透鋪平道路。

    image.png

    案例7:亞馬遜旗下AI智能家居助手Alexa Plus上線網(wǎng)頁端入口,將原本以語音和音箱為核心的家居控制能力延伸到桌面與工作流中,使其成為更常用的日常AI助理。

    image.png


    技術(shù)的邊界在不斷拓寬,但設(shè)計(jì)的溫度始終取決于我們對“人”的底層關(guān)懷。在AI浪潮中,工具形態(tài)會(huì)隨算法不斷進(jìn)化,而用戶對尊重、高效與情感連接的需求從未改變。

    蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))m.dzxscac.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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。

     

    image.png

    蘭亭秒微|《術(shù)與道:移動(dòng)應(yīng)用 UI 設(shè)計(jì)必修課》原創(chuàng)解讀

    濤濤 系統(tǒng)UI設(shè)計(jì)文章及欣賞

    你是否想系統(tǒng)掌握移動(dòng) UI 設(shè)計(jì),卻苦于知識(shí)零散、沒有成體系的學(xué)習(xí)路徑?作為專注 UI 與體驗(yàn)設(shè)計(jì)的蘭亭秒微,我們結(jié)合站酷經(jīng)典書籍《術(shù)與道:移動(dòng)應(yīng)用 UI 設(shè)計(jì)必修課》核心內(nèi)容,為你整理出從基礎(chǔ)到進(jìn)階、從規(guī)范到實(shí)戰(zhàn)的完整移動(dòng) UI 設(shè)計(jì)體系,幫你打通設(shè)計(jì)邏輯,快速成長為專業(yè)移動(dòng) UI 設(shè)計(jì)師。

    蘭亭秒微|UI 設(shè)計(jì)師必懂的安卓屏幕適配全攻略

    濤濤 設(shè)計(jì)管理與成長

    你是否被安卓紛繁的屏幕規(guī)格搞得暈頭轉(zhuǎn)向?dp、px、dpi 傻傻分不清楚?不同分辨率下界面總變形?作為專注 UI 與體驗(yàn)設(shè)計(jì)的蘭亭秒微,我們把多年實(shí)戰(zhàn)沉淀的安卓屏幕知識(shí)整理成文,幫你一次性吃透適配邏輯,告別碎片化困擾。

    10個(gè)產(chǎn)品細(xì)節(jié)剖析,看看高手如何做溫度的設(shè)計(jì)!

    清陽 設(shè)計(jì)思維

    隨著互聯(lián)網(wǎng)產(chǎn)品的不斷發(fā)展,在生活和工作的方方面面都有非常多的產(chǎn)品普及,用戶的選擇性更多了。想要打動(dòng)用戶,就要拿出更優(yōu)質(zhì)的服務(wù)和差異化的產(chǎn)品,當(dāng)產(chǎn)品和服務(wù)拉不開差距的時(shí)候,產(chǎn)品設(shè)計(jì)的體驗(yàn)感變得至關(guān)重要了。

    為了提升用戶體驗(yàn)度,做出有溫度的設(shè)計(jì)才能打動(dòng)用戶,蘭亭妙微UI設(shè)計(jì)公司相信這些案例可以帶給你一些啟發(fā)。

    1. 插畫氛圍:用場景感激活用戶參與欲

    image.png

    產(chǎn)品的社區(qū)、活動(dòng)等模塊,核心目標(biāo)是提升用戶參與度。溫暖具象的插畫場景,能快速喚起情感共鳴。
     
    • 釘釘成長社區(qū)用全家福溫馨插畫,精準(zhǔn)擊中家長記錄孩子成長的心理,有效提升動(dòng)態(tài)發(fā)布活躍度。
    • 用視覺氛圍降低參與門檻,讓用戶愿意主動(dòng)互動(dòng)、分享。
     

    2. 熱點(diǎn)主題化:借勢營造沉浸式氛圍

    image.png

    蹭熱點(diǎn)不只是營銷手段,更是視覺與體驗(yàn)的氛圍升級(jí)
     
    • 麥當(dāng)勞 App 頻繁推出品牌聯(lián)名主題,將界面背景、插畫、圖標(biāo)全面貼合聯(lián)名風(fēng)格,整體統(tǒng)一且辨識(shí)度極強(qiáng)。
    • 從視覺到交互完整落地?zé)狳c(diǎn)氛圍,讓用戶感受到新鮮感與品牌趣味。
     

    3. 情感化動(dòng)態(tài):讓打卡更有儀式感

    image.png

    線下到店打卡的核心是參與感與真實(shí)感,動(dòng)態(tài)設(shè)計(jì)能強(qiáng)化這兩點(diǎn)。
     
    • 大眾點(diǎn)評打卡采用 IP 角色 + 定位符號(hào)動(dòng)畫,清晰傳遞 “真實(shí)到店” 的含義。
    • 流暢動(dòng)效提升操作愉悅度,讓簡單打卡變成有情緒反饋的小儀式。
     

    4. 應(yīng)景天氣設(shè)計(jì):把自然氛圍搬進(jìn)產(chǎn)品

    image.png

    天氣類產(chǎn)品的競爭力,在于場景化與氛圍感
     
    • 蘋果天氣 App 在中秋夜晚同步展示圓月效果,與現(xiàn)實(shí)節(jié)氣高度呼應(yīng)。
    • 隨季節(jié)、節(jié)日、天氣變化的視覺皮膚,讓產(chǎn)品更貼近生活、更有人情味。
     

    5. 品牌化刷新:讓基礎(chǔ)操作貼合產(chǎn)品特質(zhì)

    image.png

    下拉刷新是高頻操作,貼合產(chǎn)品屬性的趣味動(dòng)效,能大幅提升記憶點(diǎn)。
     
    • 當(dāng)當(dāng) App 將刷新設(shè)計(jì)為 “開書→翻頁” 動(dòng)畫,完美契合圖書平臺(tái)定位。
    • 把通用操作變成品牌小彩蛋,枯燥動(dòng)作也變得有趣。
     

    6. 長按快捷刪除:提升效率更人性化

    image.png

    消息通知易造成紅點(diǎn)困擾,簡化刪除流程是體驗(yàn)剛需。
     
    • 淘寶通知列表支持長按一鍵彈出刪除選項(xiàng),可單條 / 全部清除。
    • 減少滑動(dòng)、點(diǎn)按步驟,高效解決用戶痛點(diǎn),更貼合使用習(xí)慣。
     

    7. 多元頭像預(yù)設(shè):降低設(shè)置門檻,強(qiáng)化 IP

    image.png

    很多用戶不愿自定義頭像,優(yōu)質(zhì)預(yù)設(shè)能解決這一問題。
     
    • 貝殼找房提供微信頭像導(dǎo)入 + 專屬 IP 頭像選擇,選擇豐富、一鍵應(yīng)用。
    • 既提升用戶頭像完成率,又持續(xù)曝光品牌 IP,情感化與品牌化雙贏。
     

    8. 點(diǎn)亮城市足跡:用成就感驅(qū)動(dòng)用戶

    image.png

    旅行、出行類產(chǎn)品的核心情感是探索欲與成就感
     
    • 高德地圖首次抵達(dá)新城市會(huì)自動(dòng)彈出歡迎提示,并點(diǎn)亮城市足跡。
    • 用輕量玩法帶來即時(shí)成就感,激發(fā)用戶探索更多地點(diǎn)。
     

    9. 晝夜視覺切換:讓界面隨時(shí)間更治愈

    image.png

    動(dòng)態(tài)變化的界面,能帶來持續(xù)新鮮感與細(xì)膩感知
     
    • 美團(tuán) “看病買藥” 個(gè)人中心,晝夜切換頂部背景與小藥箱 IP 動(dòng)作。
    • 柔和的視覺變化,讓界面更有生命力,提升整體使用舒適度。
     

    10. 多感官趣味:視覺 + 觸覺打造沉浸互動(dòng)

     
    隨著交互技術(shù)成熟,多維感官體驗(yàn)成為新趨勢。
     
    • 馬蜂窩 AI 幫手 “十一實(shí)況” 結(jié)合重力感應(yīng),旋轉(zhuǎn)手機(jī)即可觸發(fā)場景變化。
    • 從視覺延伸到觸覺,讓互動(dòng)更真實(shí)、更有探索樂趣。

       

    蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))m.dzxscac.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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。

     

    image.png

    B端產(chǎn)品體驗(yàn)調(diào)研中,設(shè)計(jì)驗(yàn)證怎么做?

    清陽 設(shè)計(jì)思維

    人們認(rèn)為設(shè)計(jì)師是表面工作——設(shè)計(jì)師拿著盒子說‘它看起來好!’這不是我認(rèn)為好的設(shè)計(jì)。設(shè)計(jì)可不只是看起來或者摸起來的樣子,設(shè)計(jì)考慮的是用它的感覺。 ——Steve Jobs 2003年11月30日《紐約時(shí)報(bào)》

    在日常的 B 端產(chǎn)品調(diào)研支持過程中,我們研究員經(jīng)常會(huì)遇到這樣的場景:

    “你們幫我看看,產(chǎn)品方案滿不滿足用戶需求?功能符不符合用戶預(yù)期?”

    “(研發(fā)問)功能上線的 ROI 是多少?用戶對這類功能是否有需求?解決了用戶什么問題?”

    “你們多找一些用戶驗(yàn)證一下 demo 方案行不行…”

    無論是產(chǎn)品同學(xué),還是設(shè)計(jì)同學(xué),相信大家或多或少都會(huì)在需求文檔、設(shè)計(jì)文檔評審時(shí)被業(yè)務(wù)方、研發(fā)問到方案可行性和落地價(jià)值等方面的“靈魂拷問”,而這些疑惑同時(shí)也在拷問我們研究員。那么作為研究員,我們是如何從用戶的角度去輔助產(chǎn)品同學(xué)和設(shè)計(jì)同學(xué)進(jìn)行敏捷的方案驗(yàn)證呢?

    首先,我們先來了解什么是產(chǎn)品可用性測試?

    可用性(Usability),被定義為一種用來衡量界面好用程度的屬性。好用程度的高低一般取決于以下五個(gè)要素:

    1. 可學(xué)習(xí)性(Learnability):初次接觸這個(gè)設(shè)計(jì)時(shí),用戶完成基本任務(wù)的難易程度。
    2. 效率(Efficiency):用戶能多快完成任務(wù)。
    3. 可記憶性(Memorability):當(dāng)用戶一段時(shí)間沒有使用產(chǎn)品后,是否能馬上回到以前的熟練程度。
    4. 出錯(cuò)(Errors):用戶能否從錯(cuò)誤中恢復(fù)。
    5. 滿意度(Satisfaction):用戶對產(chǎn)品的主觀滿意度。

    可用性測試主要用于驗(yàn)證產(chǎn)品的可用性,該方法能夠幫助產(chǎn)品同學(xué)和設(shè)計(jì)同學(xué)了解在實(shí)際使用情境中該設(shè)計(jì)方案(概念或創(chuàng)意)的質(zhì)量(評估是否可用/是否有效/用戶是否滿意),并在測試結(jié)果的基礎(chǔ)上進(jìn)行改進(jìn)。

    換句話說,可用性測試是觀察有代表性的用戶,讓用戶完成產(chǎn)品中的各項(xiàng)任務(wù),了解用戶如何使用產(chǎn)品,界定出可用性問題并解決這些問題,讓業(yè)務(wù)、產(chǎn)品、設(shè)計(jì)、研發(fā)等上下游角色盡快對產(chǎn)品方案達(dá)成共識(shí)并積極優(yōu)化產(chǎn)品體驗(yàn)。

    image.png

    通過可用性測試,我們可以:

    1. 了解用戶如何與產(chǎn)品進(jìn)行交互;
    2. 了解用戶是否能夠完成指定任務(wù);
    3. 了解用戶需要多久才能完成指定任務(wù);
    4. 了解用戶對本品和競品的滿意度;
    5. 明確產(chǎn)品存在哪些需要優(yōu)化的可用性問題;
    6. 明確產(chǎn)品可用性情況及是否符合上線目標(biāo);
    7. 讓產(chǎn)設(shè)研團(tuán)隊(duì)在開發(fā)上線前發(fā)現(xiàn)問題并解決。

    那么,什么情況下可以做可用性測試?

    在實(shí)際項(xiàng)目執(zhí)行中,我們通常會(huì)在幾個(gè)特定階段去進(jìn)行產(chǎn)品可用性測試,不同階段采取的調(diào)研方式也有所不同,所關(guān)注的內(nèi)容亦隨之變化。

    (1)設(shè)計(jì)初始階段,我們通常會(huì)進(jìn)行前期用戶需求挖掘或相似產(chǎn)品使用情況分析,并基于需求概念設(shè)計(jì)出來的草圖方案進(jìn)行探索性可用性測試,來確定方案內(nèi)容和功能的范圍是否符合用戶預(yù)期方向和使用需求,以此初步評估草圖方案的有效性和可用性。因此,在該階段,我們常以紙張?jiān)蜏y試+定性深訪為主,先從認(rèn)知上與用戶保持一致,理解了用戶,做出來的產(chǎn)品方案更能貼近用戶訴求。

    (2)灰度上線前,我們一般對 demo 終稿進(jìn)行評估性可用性測試,向目標(biāo)用戶介紹新設(shè)計(jì),同時(shí)盡可能保證 demo 稿是用戶能夠直觀測試使用的,以此來確定 demo 在功能滿足、信息布局、流程交互,甚至是視覺樣式上是否能夠提供良好的用戶體驗(yàn)。所以,在該階段我們更多會(huì)進(jìn)行面對面測試+可用性測試量表(SUS 量表),一般在會(huì)議室等固定安靜的環(huán)境中進(jìn)行,并要求用戶按既定任務(wù)測試操作,任務(wù)測試過程中不打斷用戶并觀察記錄用戶在關(guān)鍵流程環(huán)節(jié)使用中遇到的問題,測試完成后向用戶提出問題或進(jìn)一步探究原因。

    (3)灰度上線或全量上線后,我們通常會(huì)對上線后的新方案進(jìn)行對比性可用性測試,通過灰度方式在同一時(shí)間維度下比較新方案和原方案的可用性反饋和用戶滿意度,確保方案在全量上線之前修復(fù)任何潛在問題。因此,在該階段我們以 A/B 測試+場景化調(diào)研問卷(如下圖所示)為主,通過用戶體驗(yàn)數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)來評估出最優(yōu)版本。

    image.png

    實(shí)際執(zhí)行中,我們怎么做可用性測試?主要實(shí)施步驟有:

    image.png

    STEP1:設(shè)計(jì)任務(wù)

    可用性測試的基礎(chǔ)是任務(wù),任務(wù)測試內(nèi)容的好壞是能夠?qū)y試結(jié)果的準(zhǔn)確性有直接影響的。因此在招募用戶之前,需要對測試的產(chǎn)品方案進(jìn)行任務(wù)設(shè)計(jì)。比如,測試商家在 B 端營銷系統(tǒng)報(bào)名營銷活動(dòng)流程方案的任務(wù)可以是:報(bào)名一場雙 11 大促活動(dòng)。

    在設(shè)計(jì)比較合適的測試任務(wù)時(shí)需要注意以下幾點(diǎn):

    1. 選擇最核心的功能或操作流程作為任務(wù)。產(chǎn)品最核心的功能和操作流往往是最頻繁被用戶使用的地方,假設(shè)最常用最核心的地方還存在可用性問題,那么就算優(yōu)化了其他邊緣部分的可用性問題,依舊是對產(chǎn)品整體體驗(yàn)于事無補(bǔ)。比如在商家報(bào)名大促活動(dòng)流程中,最核心的環(huán)節(jié)是查找活動(dòng)→選擇商品報(bào)名→跟蹤報(bào)名進(jìn)度,那么就需要重點(diǎn)將這部分作為測試任務(wù)。
    2. 任務(wù)應(yīng)符合常規(guī)操作流程。在實(shí)際業(yè)務(wù)中,產(chǎn)品線的職責(zé)分工會(huì)比較細(xì)化,比如 A 產(chǎn)品會(huì)負(fù)責(zé) A 模塊,B 產(chǎn)品負(fù)責(zé) B 模塊…單一功能模塊的測試任務(wù)較多的情況下,如果各任務(wù)之間操作流無法串聯(lián)甚至是存在沖突的話,用戶測試的操作流就是不合常規(guī)的,也容易給參與測試的用戶帶來困擾。因此,我們研究員需要根據(jù)用戶操作習(xí)慣來進(jìn)行評估測試任務(wù)并設(shè)計(jì)串聯(lián)流程。
    3. 為任務(wù)創(chuàng)建一個(gè)應(yīng)用場景。簡單的場景描述會(huì)對用戶執(zhí)行任務(wù)有幫助。比如:任務(wù)是“報(bào)名一場雙 11 大促活動(dòng)”,我們可以創(chuàng)建這樣一個(gè)場景:你關(guān)注的雙 11 大促活動(dòng)報(bào)名時(shí)間開始了,你想上商家后臺(tái)去報(bào)名雙 11 大促,請登錄商家后臺(tái)來完成大促活動(dòng)報(bào)名。
    4. 明確任務(wù)的起點(diǎn)和終點(diǎn)。用戶是否完成了任務(wù)的評估依據(jù)是:用戶是否從起點(diǎn)(頁面 A)到達(dá)了終點(diǎn)(頁面 B)。因此要明確起點(diǎn)和終點(diǎn)的定義,哪個(gè)頁面是起點(diǎn)?哪個(gè)是終點(diǎn)?比如:任務(wù)是“報(bào)名一場雙 11 大促活動(dòng)”,起點(diǎn)頁面就是商家后臺(tái)首頁,終點(diǎn)頁面就是提交報(bào)名素材成功的頁面。另外在評估是否到達(dá)終點(diǎn)頁面之外,還需要關(guān)注用戶在任務(wù)過程中的操作動(dòng)線、是否有效填答信息,若沒有,我們需要搞清楚背后原因是什么。
    5. 任務(wù)不應(yīng)過于簡單。若想測試用戶是否能夠找到某功能,不要用類似“找到 XX 功能按鈕”這類表述,我們應(yīng)該給用戶提供一個(gè)要處理的實(shí)際場景任務(wù),比如不是“找到換品功能按鈕”而是“報(bào)名完成后想要重新?lián)Q品”。
    6. 避免提供線索和描述操作步驟。任務(wù)只需要給出具體目標(biāo)即可,不需要給到測試用戶具體的操作步驟,不然會(huì)容易錯(cuò)過用戶在執(zhí)行任務(wù)過程中到某一環(huán)節(jié)可能存在的“意外問題”,而這些“意外”恰恰是我們需要關(guān)注的。

    STEP2:招募用戶

    在招募用戶環(huán)節(jié),最重要的是樣本數(shù)量的確定。在實(shí)際的可用性測試中,我們常常被產(chǎn)品同學(xué)或設(shè)計(jì)同學(xué)問到:

    “6 個(gè)用戶提出的問題能代表全部么?”

    “幾個(gè)用戶是不是太少了?他們提出的問題是可靠么?”

    諸如此類的樣本數(shù)量“挑戰(zhàn)”,不勝枚舉。人機(jī)交互博士 Jakob Nielsen 曾提出:“有 5 個(gè)人參加的用戶測試,即可發(fā)現(xiàn)大多數(shù)(85%)的產(chǎn)品可用性問題。” Nielsen 這張經(jīng)典圖表(如下圖)告訴我們答案:一般最嚴(yán)重的問題都是前幾名用戶發(fā)現(xiàn)的,隨著用戶數(shù)量增多,發(fā)現(xiàn)問題逐漸減少。

    image.png

    當(dāng)然在實(shí)際執(zhí)行中也會(huì)存在一些局限性,比如只能發(fā)現(xiàn)問題數(shù)量,但無法確定發(fā)現(xiàn)問題的嚴(yán)重程度,因此還是需要從實(shí)際情況比如測試任務(wù)的復(fù)雜程度、人力資源的投入程度等等來確定招募樣本數(shù)量。

    STEP3:前期準(zhǔn)備

    1. 測試地點(diǎn)與工具準(zhǔn)備。比如安靜的會(huì)議室、電腦、錄音筆、錄屏軟件(錄制操作全程,便于后續(xù)回顧分析)等。
    2. 任務(wù)相關(guān)資料準(zhǔn)備。如①數(shù)據(jù)收集表,如收集任務(wù)是否完成、完成時(shí)間、關(guān)鍵事件中遇到的體驗(yàn)問題、滿意度;②訪談提綱,包含任務(wù)步驟、需要注意深挖的環(huán)節(jié)問題等。比如,任務(wù)是“報(bào)名一場雙11大促活動(dòng)”,訪談驗(yàn)證sop示例:

    image.png

    STEP4:試點(diǎn)測試

    試點(diǎn)前測的目的是針對整個(gè)測試流程和提綱進(jìn)行測試,便于前置發(fā)現(xiàn)流程和提綱中存在的問題,及時(shí)優(yōu)化,避免造成真實(shí)測試用戶的資源浪費(fèi)。試點(diǎn)前測需要注意:

    1. 訪談提綱的話術(shù)表達(dá)和任務(wù)流程的設(shè)計(jì),是否能夠準(zhǔn)確讓用戶理解?
    2. 提綱內(nèi)容是否透露了操作步驟,用戶是否很快完成任務(wù)?
    3. 時(shí)間安排是否合理,用戶是否可以在規(guī)定時(shí)間內(nèi)完成任務(wù)?
    4. 任務(wù)流程安排是否合理,用戶是否感到疑惑?

    STEP5:觀察訪談

    在觀察測試中,需要檢查用戶任務(wù)目標(biāo)和心理認(rèn)知是否可以順利執(zhí)行下一步操作,以此來發(fā)現(xiàn)可用性問題,因此我們要對以下問題做到心中有數(shù):

    image.png

    在事后訪談中,有以下幾點(diǎn)小小訪談 tips:

    1. 認(rèn)知習(xí)慣層面:首先了解用戶對方案功能的基本理解,比如是否能夠理解?理解的意思是什么?為什么會(huì)有這些理解等等,之前在這些環(huán)節(jié)中用戶的操作習(xí)慣是什么樣的?
    2. 需求關(guān)注層面:用戶在這些環(huán)節(jié)關(guān)注哪些方面?然后再給用戶解釋每個(gè)功能方案的定位作用是什么,方案解決什么問題。同時(shí)追問用戶,就目前方案是否解決實(shí)際中的問題,哪些問題?以及還有哪些優(yōu)化的建議等等。盡管大多數(shù)人認(rèn)為不該直接問用戶產(chǎn)品的優(yōu)化建議,用戶給到的結(jié)論也只是基于自身經(jīng)驗(yàn)的主觀想法,但是若根據(jù)用戶給到的答案繼續(xù)深挖“為什么”,可能會(huì)知道用戶真正想要達(dá)到的效果和預(yù)期是什么。
    3. 切記不要上來就一通講解方案后就單純問用戶你覺得好不好,應(yīng)該還要繼續(xù)往下追問。因?yàn)檫@樣通過對用戶現(xiàn)有的行為習(xí)慣和需求關(guān)注的了解,才能夠判斷評估用戶說的話是否邏輯自洽,才能夠驗(yàn)證方案是否能夠真正滿足用戶的需求,而不是偽需求。

    STEP6:分析報(bào)告

    一般情況下,可用性報(bào)告的內(nèi)容主要包含以下三方面:

    1. 研究概述:測試目標(biāo)、樣本描述、研究方法等。
    2. 問題解讀:問題描述、原因解讀、嚴(yán)重程度及影響范圍評估、數(shù)據(jù)結(jié)果等。
    3. 解決應(yīng)對:建議的解決方案。

    最后的話

    好的產(chǎn)品設(shè)計(jì)應(yīng)當(dāng)滿足以下特征:可用性、易用性、好用性且具有吸引力。每個(gè)特征都是為了能讓產(chǎn)品站穩(wěn)腳跟而存在的,倘若想要讓產(chǎn)品功能最終具備這些特征屬性,就離不開產(chǎn)品可用性測試的過程。

    而且一個(gè)產(chǎn)品設(shè)計(jì)方案在沒有經(jīng)過用戶驗(yàn)證的情況下,容易在實(shí)際上線使用后出現(xiàn)一些隱性風(fēng)險(xiǎn)。而前置的設(shè)計(jì)驗(yàn)證,在一定程度上可以輔助我們產(chǎn)品功能在上線前發(fā)現(xiàn)問題,改進(jìn)設(shè)計(jì)。

    以上,共勉~希望能對大家有所啟發(fā)。

    轉(zhuǎn)載:優(yōu)設(shè)

    蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))m.dzxscac.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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。

     

    image.png

    蘭亭妙微:UI 設(shè)計(jì)師必掌握的核心交互設(shè)計(jì)知識(shí)

    濤濤 交互設(shè)計(jì)及用戶體驗(yàn)

    作為深耕 UI/UE 設(shè)計(jì)領(lǐng)域的專業(yè)機(jī)構(gòu),蘭亭妙微始終認(rèn)為,優(yōu)秀的 UI 設(shè)計(jì)絕非單純的視覺美化,而是讓界面成為人機(jī)高效溝通的橋梁。交互設(shè)計(jì)作為 UI 設(shè)計(jì)的核心內(nèi)核,直接決定了產(chǎn)品的易用性與用戶體驗(yàn)。在為各行業(yè)客戶打造優(yōu)質(zhì)設(shè)計(jì)方案的實(shí)踐中,蘭亭妙微沉淀了一套系統(tǒng)的交互設(shè)計(jì)方法論,從界面布局形式、導(dǎo)航組件設(shè)計(jì),到表單反饋、評論體系搭建,再到搜索功能優(yōu)化,每一個(gè)環(huán)節(jié)都藏著提升產(chǎn)品體驗(yàn)的關(guān)鍵邏輯。以下便是蘭亭妙微為 UI 設(shè)計(jì)師梳理的必備交互設(shè)計(jì)核心知識(shí),助力設(shè)計(jì)師打造更友好、更高效的產(chǎn)品界面。

    蘭亭妙微:UI 設(shè)計(jì)先做黑白稿,這四大核心理由讓體驗(yàn)與設(shè)計(jì)雙優(yōu)

    濤濤 設(shè)計(jì)管理與成長

    作為深耕 UI/UE 設(shè)計(jì)領(lǐng)域 16 年,服務(wù)超 500 家大中型企業(yè)的專業(yè)設(shè)計(jì)機(jī)構(gòu),蘭亭妙微始終將「用戶體驗(yàn)為先」的設(shè)計(jì)理念融入每一個(gè)項(xiàng)目流程中。在多年的 B 端后臺(tái)管理界面、大屏可視化等全流程設(shè)計(jì)實(shí)踐中,我們發(fā)現(xiàn)「黑白稿優(yōu)先設(shè)計(jì)」是打造優(yōu)質(zhì) UI 作品的關(guān)鍵方法論 —— 在為設(shè)計(jì)添加色彩前,先完成灰度級(jí)界面的搭建,能讓設(shè)計(jì)師跳出視覺表象,聚焦設(shè)計(jì)本質(zhì),也讓產(chǎn)品的用戶體驗(yàn)與商業(yè)價(jià)值實(shí)現(xiàn)雙重落地。以下便是蘭亭妙微總結(jié)的,UI 設(shè)計(jì)中堅(jiān)持黑白稿優(yōu)先的四大核心理由。

    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 色综合天天综合狠狠爱_| 免费观看日批视频| 国产成人精品日本亚洲77上位| 国产成人免费97在线观看| 五月婷婷激情在线| 国产人与禽zoz0性伦多活几年| 国产在线视频天天综合网| 久久不雅视频| 国产精品一区中文字幕| 久久婷婷五月综合色首页| 年代下乡啪啪h文| 免费啪视频在线观看| 日本内射精品一区二区视频| 亚洲国产成人精品激情姿源 | 国产又色又爽又黄好看的视频| 国产精品免费一区二区三区| 综合精品一区| 狠狠色综合激情丁香五月| 国产精品色午夜免费视频| 欧美久久免费| 亚洲av成人无码精品电影在线 | fc2成人免费视频| 亚洲gv猛男gv无码男同| 欧美乱强伦xxxx孕妇| 久久久久久爱| 97人人超| 老熟女一区二区免费| 精品国产杨幂在线观看| 中文字幕无码人妻少妇免费| 国产精品无码av无码| 日韩欧美亚洲中文乱码| 精品亚洲一区二区| 河北彩花av在线播放| 亚洲国产欧美在线成人| 性饥渴少妇av无码毛片| 在线播放日韩| 诱夫1v1高h| 高潮射精日本韩国在线播放| 人人妻人人澡人人爽曰本| 日本人妻熟妇久久久久久| 亚洲欧洲AV|