青草久久国产精品_少妇泬出白浆3b_人人操人人操人人操_91久久久无码精品不卡A片直播91精品亚洲男人的天堂,久久这里只有精品98,久久91精品勾搭,自拍偷拍精品网久久97A

首頁

史上最全B端產(chǎn)品的交互規(guī)范來了,建議收藏!

杰睿

交互規(guī)范有效地規(guī)定了產(chǎn)品如何與用戶進行交互的規(guī)則和標準,這篇文章里,作者便梳理了B端產(chǎn)品的交互規(guī)范,一起來看看,或許會對產(chǎn)品經(jīng)理、產(chǎn)品開發(fā)人員、交互設(shè)計師等人群有所幫助。

序言

從業(yè)B端產(chǎn)品7年+,大大小小公司對交互規(guī)范有著不同的要求,但是萬變不離其宗,交互總有其底層規(guī)范要求,那么接下來跟大家詳細說明一下交互規(guī)范細則,超級詳細的交互規(guī)范來啦!

WHAT:交互規(guī)范是什么?

產(chǎn)品交互規(guī)范,也稱為界面交互規(guī)范或用戶界面規(guī)范,是一套規(guī)定產(chǎn)品如何與用戶進行交互的規(guī)則和標準。它包括設(shè)計元素的布局、動作反饋,以及對產(chǎn)品的使用流程和功能邏輯等各個方面的設(shè)定和控制。

交互規(guī)范重點在于人機交互的友好性和流暢性,用起來順手且符合商業(yè)目的就是交互規(guī)范最好的詮釋。

WHY:目的及意義

  • 提高用戶體驗:好的交互規(guī)范能夠幫助用戶更好地了解和使用產(chǎn)品,從而提高用戶體驗。
  • 提升開發(fā)效率:通過制定交互規(guī)范,可以使得設(shè)計師和開發(fā)者在開發(fā)過程中有明確的指導(dǎo)。
  • 提升品牌形象:通過統(tǒng)一的交互規(guī)范,可以使得品牌的各個產(chǎn)品在交互方式上保持一致,從而提升品牌形象。

WHO:適合哪些讀者

產(chǎn)品經(jīng)理,產(chǎn)品開發(fā)人員,交互設(shè)計師,產(chǎn)品UI設(shè)計人員。

一、色彩

1. 色彩體系

分成兩個層面:系統(tǒng)級和產(chǎn)品級。

1)系統(tǒng)級色彩體系可參考螞蟻的交互組件https://ant.design/docs/spec/colors-cn,螞蟻組件對整體交互規(guī)范有著細致且順滑的操作演示。假設(shè)公司內(nèi)部有專門的設(shè)計部門,可以設(shè)計部門整體定義公司色系以及字體等等。

2)產(chǎn)品級色彩體系進一步去突出產(chǎn)品本身色彩調(diào)性以及功能屬性。

2. 產(chǎn)品級色彩體系

1)品牌色的應(yīng)用

品牌色體現(xiàn)產(chǎn)品以及品牌特色,加深使用者對品牌的印象。比如支付寶系列操作均是藍色為主,微信主色調(diào)為綠色和白色,抖音是黑色系。

2)功能色

功能色代表了明確的信息以及狀態(tài),比如錯誤提示,失敗提醒,成功提示等等。在一套產(chǎn)品體系下,功能色盡量保持一致,比如新增,刪除等功能按鈕色彩需要跟主題色保持一致。

3. 系統(tǒng)建議

公司重要對外宣傳系統(tǒng)以及內(nèi)部主系統(tǒng)均使用品牌色,突出公司特色;

另外一個頁面盡量不要超過3種顏色,并且是在同一標準色彩體系內(nèi),盡量不要自己去色彩庫隨意選取色彩。

二、字體

1. 字體定義

字體是體系化界面設(shè)計中最基本的構(gòu)成之一。

在中后臺視覺體系中定義字體系統(tǒng),我們建議從下面四個方面著手考慮:主字體,字階與行高,字重,字體顏色。

2. 主字體

為了保證在多數(shù)常用顯示器上的用戶閱讀效率最佳,根據(jù)電腦顯示器距離舒適度以及用戶觀感舒適度,確認導(dǎo)航為16px,標題為16px,正文為14px,說明為12px。

3. 字階與行高

字階是指不同尺寸的字體。行高就是一行字的高度,包裝在字體外的邊框盒子的高度。

建議的主要字體為 14,與之對應(yīng)的行高為 22。其余的字階的選擇可根據(jù)具體情況進行自由的定義。建議在一個系統(tǒng)設(shè)計中,字階的選擇盡量控制在 3-5 種之間,就跟衣服搭配一樣,顏色不要過多,簡潔舒適為宜,字體字號在一個區(qū)間范圍內(nèi)。

4. 字重

字重為字體的粗細程度,建議用 regular 以及 medium 的兩種字體重量。

5. 字體顏色

黑色為主,正文建議選用 #333333到#666666 之間的顏色。注釋類的文字建議選用#999999。

三、對齊

文案類最好為左對齊,數(shù)字類最好為右對齊,表單類間距建議8px,文字右對齊,結(jié)尾沒有冒號。

四、按鈕

市面上比較主流的為這四種按鈕,主按鈕,線性按鈕,次按鈕和純文字按鈕。具體使用規(guī)則和使用場景如何呢?我們應(yīng)該從哪些方面下手去設(shè)計按鈕?下面給大家一一進行解答。

1. 主按鈕

主按鈕為主要的按鈕。引導(dǎo)用戶進行點擊操作,一個按鈕區(qū)域最多使用一個主按鈕。

場景應(yīng)用:可應(yīng)用于確認、新增、保存等等,你想引導(dǎo)用戶做何操作,就可以把視覺焦點集中在哪個按鈕上。比如退款操作時,商家本質(zhì)希望用戶不退款,主按鈕為返回或是再想想的按鈕。

需要注意的是不要在同一個表單中使用多個主按鈕,1-2個即可,次按鈕或是線性按鈕多于5個時可以向上折疊收起。

2. 線性按鈕&次按鈕

線性按鈕&次按鈕兩種按鈕均可點擊,但是功能均弱于主按鈕。如果希望引導(dǎo)用戶進行點擊,可以選擇線性按鈕;若希望用戶盡可能少點擊或是不點擊可以選擇次按鈕。

場景應(yīng)用:一般在大表單頁面批量導(dǎo)入,下載均為次按鈕或是線性按鈕。

3. 純文字按鈕

純文字按鈕就是有顏色的文字按鈕,可進行點擊。

場景應(yīng)用:一般應(yīng)用于表單中大面積需要點擊的操作,比如查看,刪除,編輯等等,對表單中每一行進行的操作。

4. 謹慎按鈕

謹慎按鈕用于特殊情況下防止誤操作的按鈕。

場景應(yīng)用:一般應(yīng)用于刪除/付款/退款/修改權(quán)限/移除等危險操作,大部分都需要再次確認才可以。

5. 按鈕順序

前面介紹了那么多種按鈕以及應(yīng)用場景,那么按鈕應(yīng)該如何進行排列,需要遵循何種規(guī)則呢?

1)閱讀習(xí)慣

大家可以閉著眼睛想一下,正常我們閱讀的習(xí)慣是從左到右,從上到下,表單信息閱讀完畢后需要進行操作,最好都放在右上方。

2)相關(guān)性原則

讓相關(guān)的操作按鈕更相近,比如上一步和下一步,保存和取消,增刪改查,讓這些兄弟按鈕距離挨得更近一些。

五、導(dǎo)航

導(dǎo)航是B端系統(tǒng)的地圖索引,幫助用戶可以順利到達目的地。導(dǎo)航對于B端產(chǎn)品交互而言,是系統(tǒng)之眼,一方面清晰展示系統(tǒng)結(jié)構(gòu),另一方面幫助用戶快速找到他們想要的信息。好的導(dǎo)航清晰操作順滑,差的導(dǎo)航會讓用戶沒有二次進入的想法,所以好的導(dǎo)航是系統(tǒng)成功的一半。

市面上主流的導(dǎo)航交互為全局導(dǎo)航和頁內(nèi)導(dǎo)航,好的導(dǎo)航如何進行設(shè)計,我們需要選取哪種導(dǎo)航模式?繼續(xù)一起探索吧。

1. 全局導(dǎo)航

1)側(cè)邊豎向?qū)Ш?/strong>

使用規(guī)則:

  • 適用于企業(yè)級產(chǎn)品,尤其是較為復(fù)雜且操作較為繁瑣的系統(tǒng),比如人力系統(tǒng),CRM系統(tǒng),ERP系統(tǒng)等等;
  • 建議1-3個層級使用,可以承載多個層級;
  • 建議6-8以上菜單使用,可以承載多個菜單。

需要特別注意豎向?qū)Ш降呐帕许樞颍^為復(fù)雜的企業(yè)級系統(tǒng)從上到下一般依次為:

  1. 首頁(工作臺、駕駛倉):主要展示整體系統(tǒng)主要功能入口以及一些主要數(shù)據(jù),內(nèi)容信息等等。
  2. 主要功能菜單:主要展示系統(tǒng)較為重要的功能菜單,比如人力系統(tǒng)展示入職管理,活水管理,離職管理等等。
  3. 數(shù)據(jù)統(tǒng)計(數(shù)據(jù)記錄):主要展示較為重要的數(shù)據(jù)統(tǒng)計或是數(shù)據(jù)記錄,比如客服系統(tǒng)的在線會話記錄,在線會話統(tǒng)計,外呼記錄、外呼統(tǒng)計等等。
  4. 系統(tǒng)配置:主要展示系統(tǒng)內(nèi)部的功能配置,權(quán)限配置等等,比如人力系統(tǒng)的人員配置,菜單配置等等。
  5. 消息中心(幫助中心):主要展示系統(tǒng)內(nèi)部消息,意見反饋,幫助中心等等,比如發(fā)貨系統(tǒng)中連接上下游的發(fā)貨信息,數(shù)據(jù)下載消息通知,服務(wù)更新通知等等。

優(yōu)點:

  • 多層級,拓展性較好,可以支持多欄目多菜單;
  • 導(dǎo)航為固定形式,用戶在操作和瀏覽時可以快速定位和回到首頁,操作效率高;
  • 左側(cè)導(dǎo)航可以進行收縮,可擴大頁面寬度。

缺點:

層級入口較多時,用戶下鉆縱深體驗稍差。

2)頂部橫向?qū)Ш?/strong>

使用規(guī)則:

  • 適用于較為簡單的企業(yè)級系統(tǒng)或是官網(wǎng),欄目較少,可以給用戶更好的沉浸式體驗;
  • 建議1-3個以內(nèi)層級使用,可以承載多個層級;
  • 建議2-6以內(nèi)菜單使用,菜單字數(shù)需要去適應(yīng)整體屏幕的寬度;
  • 需要特別注意的是橫向菜單從左到右,權(quán)重依次減少。

優(yōu)點:

  • 整體頁面排版較為簡單,方便用戶輕便操作;
  • 用戶能做沉浸式體驗,體驗感較好。

缺點:

  • 承載內(nèi)容有限,層級拓展性較差;
  • 橫向中文或是英文命名需要受整體屏幕寬度的限制。

2. 頁內(nèi)導(dǎo)航

1)面包屑

面包屑幫助定位菜單以及返回菜單,可以顯示當(dāng)前頁面的路徑,是比較常用的導(dǎo)航方式。

使用規(guī)則:

顯示當(dāng)前頁面路徑,方便用戶進行返回操作,最好大于等于3個層級進行使用;

2)Tab

使用規(guī)則:

較常應(yīng)用于顯示頁面不同內(nèi)容構(gòu)成,比如人力詳情頁顯示Tab欄為基礎(chǔ)信息、公司任職信息、獎懲信息等等。

3)步驟條

使用規(guī)則:

較常應(yīng)用于一步步按照某種提示去完成任務(wù),任務(wù)有明確的先后順序;步驟一般為1-5步。

結(jié)語

產(chǎn)品交互規(guī)范的內(nèi)容模塊還是較多的,希望這篇文章對你的產(chǎn)品交互能力有所提升!另外交互規(guī)范是產(chǎn)品架構(gòu)的基礎(chǔ)的地基,具體樓房蓋成什么樣還需要用心去思考以及借助公司內(nèi)部UI和UE的力量。

本文由 @月亮漫談 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

交互設(shè)計太燒腦?學(xué)會模式思維,助你效率狂飆 300%

杰睿

在互聯(lián)網(wǎng)領(lǐng)域中,人機之間的互動過程就是交互。交互也有一些可預(yù)測的、重復(fù)出現(xiàn)的規(guī)律,作者總結(jié)了其中常見的七種C端交互模式,可以提高大家的工作效率,分享給大家。

前段時間有個產(chǎn)品童鞋,他剛加我就問了一大串問題。

什么是模式(Pattern)?什么是模版(Template)?這兩個概念有什么區(qū)別?

作為一個熱心好學(xué)、樂于助人的產(chǎn)品仔,我當(dāng)然和他暢聊了一個多小時,順便總結(jié)下聊天內(nèi)容。

你是不是也經(jīng)常在生活工作中,碰到類似“行為模式、設(shè)計模式、語言模式、文檔模版、表格模版”等名詞。

但又搞不清它們有什么區(qū)別,搞懂了又有什么用?

別急,我們花幾分鐘,先來嘮嘮什么是模式。

一、什么是模式?

可預(yù)測、重復(fù)出現(xiàn)的現(xiàn)象或規(guī)律,通過歸納總結(jié),就變成了某一種模式。

我們的生活中,就有許多模式的影子。

比如常見的商業(yè)模式、營銷模式、行為模式、數(shù)學(xué)模式、語言模式等。

舉個例子:

簡單說下行為模式,它分為了“習(xí)慣模式、消費模式、學(xué)習(xí)模式”等等。

苦逼打工仔普遍的消費模式,一般是工作日花錢少,到了周末都愛到商場逛街和購物。

但又有特例,我有個朋友就特別宅,他只喜歡在上班的時候,摸魚逛淘寶下單,簡直離譜~

掌握模式,有什么用?

當(dāng)你掌握了模式的概念,并嘗試在生活中使用,相信你一定能感受到這 7 個好處。

  1. 信息壓縮:把信息精簡成特定的模式,記憶傳播更容易了,教給別人更是輕輕松松;
  2. 知識萃取:通過學(xué)習(xí)模式,掌握系統(tǒng)化的知識,就像搭樂高拼積木,簡單易懂、一學(xué)就會、舉一反三;
  3. 簡化問題:用模式來解決問題,意味著它不再是一團亂麻,成為了可分割的部分,原來苦惱的事,現(xiàn)在輕松搞定;
  4. 識別規(guī)律:當(dāng)你摸清了模式的現(xiàn)象規(guī)律,就像旅游帶著地圖,走到哪里都不慌;
  5. 提高效率:把模式進行泛化使用,可以大大提高你的工作產(chǎn)出,蓋章可比畫圖快太多了;
  6. 組合創(chuàng)新:試著把你學(xué)會的各種模式,打亂排序、重新組合,說不定會拼出一些新玩意;
  7. 預(yù)測未來:搞懂了特定領(lǐng)域的模式,意味著你熟知并能運用自如,自然而然學(xué)會了推演未來。

二、C 端交互設(shè)計的 7 種常見模式

我們試著再舉個例子,加深下對模式的理解,順便學(xué)學(xué)交互設(shè)計。

什么是交互?

簡單來說,交互指的是在互聯(lián)網(wǎng)領(lǐng)域中,人、機之間的一系列互動過程。

我還提煉了 3 種常見模式(簡單反饋、數(shù)據(jù)操作、業(yè)務(wù)判斷),比較粗糙湊合也能用。

現(xiàn)在試著再系統(tǒng)總結(jié)下,我常用的 7 種 C 端交互模式,主要有:導(dǎo)航模式、搜索模式、反饋模式、輸入模式、編輯模式、分享模式、引導(dǎo)模式。

學(xué)完就能用,趕緊卷起來~

有人就問了,還有更多交互模式嗎?

確實可以有,等我有時間再編幾個。。

話說回來,如果是一些特別復(fù)雜的業(yè)務(wù)規(guī)則,可能會涉及到 N 個交互模式的任意組合。

1. 導(dǎo)航模式

常見的導(dǎo)航模式有按鈕組合、標簽菜單、宮格布局、列表視圖等。

導(dǎo)航模式的主要作用是,告知用戶當(dāng)前在網(wǎng)站的位置,以及接下來到哪些頁面,這有點像地圖 APP。

上面這張圖中,包含了幾種導(dǎo)航組件呢?

2. 搜索模式

搜索,是各大電商 APP 常見的交互模式。

搜索模式允許用戶輸入關(guān)鍵詞,然后系統(tǒng)返回搜索結(jié)果。

打個比方,這有點像在 Navicat 中寫了一段 SQL 查詢。

SELECT id, name, age
FROM users
WHERE age > 18

這段 SQL 的作用是,查詢大于 18 歲的用戶信息,包含序號、名稱、年齡。

3. 反饋模式

常見的反饋模式組件,涉及了對話框、吐司提示、氣泡提示等。

反饋模式用的比較多的場景是,告知用戶一些信息或提示,比如“輸入密碼錯了、展示訂單取消的注意事項”等。

4. 輸入模式

輸入模式主要用于新數(shù)據(jù)創(chuàng)建,例如淘寶下單時,你新增了一個收貨地址。

打開美團叫個外賣,整個訂單創(chuàng)建流程,也是輸入模式。

5. 編輯模式

有很多人可能會把輸入模式和編輯模式搞混。

區(qū)別它們的一個方法是,交互流程涉及新數(shù)據(jù)創(chuàng)建,還是改舊數(shù)據(jù)。

改數(shù)據(jù)的話,那就是編輯模式。

6. 分享模式

我們在看到一些干貨文章,或好用的小程序想要轉(zhuǎn)發(fā)給朋友,那就要用到分享模式。

分享模式可以很簡單,也可以往復(fù)雜了做,看產(chǎn)品階段去實現(xiàn)。

7. 引導(dǎo)模式

引導(dǎo)模式和反饋模式有點像,都是展示特定的內(nèi)容。

那怎么分辨它們呢?

以設(shè)計師視角來看,反饋模式需要用戶觸發(fā),系統(tǒng)被動顯示。

而要讓用戶特別關(guān)注的信息,那就是引導(dǎo)模式。

三、總結(jié)

模式,即抽象的規(guī)律。——好夕雷

說了這么多概念和例子,你是不是對模式的認知更清晰了呢?

模式運用在產(chǎn)品領(lǐng)域,就有了這 7 種交互模式,分別是“導(dǎo)航模式、搜索模式、反饋模式、輸入模式、編輯模式、分享模式、引導(dǎo)模式”。

如果學(xué)會了模式,那么無論生活還是工作,相信你一定能輕松應(yīng)對、事半功倍。

本文由 @好夕雷 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

動效設(shè)計中的節(jié)奏魔力

杰睿

關(guān)于動效節(jié)奏的問題,有什么好的方法可以提供?這算一個常見疑問,我總結(jié)收到的問題反饋,基本都是「動畫節(jié)奏應(yīng)該怎么做呀」「做完的動效一卡一卡的感覺不流暢怎么整」,索性借著今天的契機,我整理了這樣一篇主題文章,分享我對于動效節(jié)奏的一點經(jīng)驗與思考,僅代表個人觀點,歡迎交流探討~

在當(dāng)今數(shù)字時代,動效設(shè)計已然成為了產(chǎn)品和服務(wù)中不可或缺的一部分。

無論是手機APP、網(wǎng)頁界面還是智能設(shè)備,動效設(shè)計或是引導(dǎo)用戶操作的微小提示,或是增強用戶體驗的交互反饋,又或是塑造品牌形象的視覺元素,它們都以其獨特的方式,為用戶帶來更加直觀、生動的互動體驗,因此流暢的觀感體驗很重要。

動效設(shè)計中的節(jié)奏魔力

提到流暢度,那動效節(jié)奏的重要性不言而喻。

動效節(jié)奏,簡單來說是動態(tài)呈現(xiàn)中各個元素動作的速度和時長安排,它決定了動效的快慢、強弱、起伏和變化,從而影響著用戶的感知和情緒。

一個優(yōu)秀的動效設(shè)計,不僅要考慮單個元素的動效表現(xiàn),更要考慮整個界面的動效節(jié)奏,使界面動效更加自然、流暢,也更加符合用戶的心理預(yù)期,從而提升用戶體驗。

動效設(shè)計中的節(jié)奏魔力

所以,想入門動效領(lǐng)域并深耕,我認為深入理解動效節(jié)奏是尤為重要的,學(xué)會如何運用動效節(jié)奏來提升用戶體驗,讓用戶在享受科技帶來便捷的同時,也能感受到藝術(shù)的魅力。

一、動效設(shè)計基礎(chǔ)認知

1. 動效設(shè)計在用戶體驗中的價值

動效可以增強界面的可理解性,例如下圖中廣告推送,有一個手機圖標的旋轉(zhuǎn)動態(tài)示例,

動效設(shè)計中的節(jié)奏魔力

以及多多視頻模塊中的上滑操作指引等,幫助用戶更好地理解界面功能和操作方式,從而更有效地去使用應(yīng)用。

動效設(shè)計中的節(jié)奏魔力

動效可以提升界面的可用性,例如上傳文件的操作,通過提供及時的反饋和指引,降低用戶的學(xué)習(xí)成本和操作難度。

動效設(shè)計中的節(jié)奏魔力

動效還可以增加界面的吸引力,例如購物軟件中模擬實際鞋盒開箱的形式,展現(xiàn)鞋品,通過生動有趣的動效表現(xiàn),提升用戶的使用欲望和滿意度。

動效設(shè)計中的節(jié)奏魔力

2. 簡述動效設(shè)計的基本原理與最佳實踐

提到動效設(shè)計,了解其背后的基本概念和原則,才是賦予動效靈魂和意義的關(guān)鍵。

這里要提到三個關(guān)鍵詞:

1)首先是時間

時間在動效設(shè)計中扮演著至關(guān)重要的角色。它決定了動畫的快慢、停頓和節(jié)奏,從而影響用戶的情感體驗。

動效設(shè)計中的節(jié)奏魔力

例如,一個緩慢漸入的動畫可能傳達出優(yōu)雅、穩(wěn)重的感覺;

動效設(shè)計中的節(jié)奏魔力

而一個迅速閃現(xiàn)的動畫則可能帶來刺激、緊張的感受。

2)其次是空間

空間是指動畫發(fā)生和存在的虛擬環(huán)境。在動效設(shè)計中,空間的布局、層次和透視關(guān)系都至關(guān)重要。

它們不僅影響動畫的可視性和可讀性,還影響用戶的認知和行為。

動效設(shè)計中的節(jié)奏魔力

例如,合理的空間布局可以使用戶更容易理解和操作界面元素,而不合理的布局則可能導(dǎo)致用戶的困惑和誤操作。

3)最后是構(gòu)圖

構(gòu)圖是指動畫元素的排列組合和視覺平衡。

一個良好的構(gòu)圖可以突出重點、引導(dǎo)視線,并營造出和諧、統(tǒng)一的視覺效果。

相反,一個糟糕的構(gòu)圖可能會分散用戶的注意力,甚至引發(fā)視覺疲勞。

動效設(shè)計的目標不僅僅是實現(xiàn)技術(shù)上的可能性,更是為了創(chuàng)造出讓用戶愉悅、滿意且易于使用的體驗,在美感和技術(shù)要求之間尋找平衡點,是我認為需要不斷練習(xí),積累總結(jié)經(jīng)驗的。

二、關(guān)鍵要素:動效節(jié)奏

在動效設(shè)計中,能讓靜態(tài)元素動起來形成生動流暢的動態(tài)效果,需要用到兩大元素:關(guān)鍵幀與動效節(jié)奏。

1. 關(guān)鍵幀

關(guān)鍵幀代表了在特定時間點上某個參數(shù)的值。在動效制作過程中,通過設(shè)置關(guān)鍵幀,可以控制對象在不同時間點的狀態(tài),從而形成連續(xù)的動作。

動效設(shè)計中的節(jié)奏魔力

關(guān)鍵幀就像是動效世界里的路標,它標記了在動效呈現(xiàn)中某些重要時刻物體的樣子。比如說,我想讓一個球跳起來,那我就得告訴電腦,在開始的時候球在地上,然后在某個瞬間球在空中最高點,最后又回到地面;這些重要的時刻就是關(guān)鍵幀。

關(guān)鍵幀之間的變化可以是線性的,也可以是曲線的,后者可以創(chuàng)造出更為自然和復(fù)雜的動態(tài)效果。

2. 常見的四種動效節(jié)奏形式

線性或曲線變化,統(tǒng)稱動效節(jié)奏,是指在一定時間內(nèi),通過一系列有規(guī)律的動效元素的組合和排列所產(chǎn)生的節(jié)奏感。

常見的四種動效節(jié)奏形式有 勻速、緩入、緩出、緩動。

動效設(shè)計中的節(jié)奏魔力

1)勻速(Linear)

勻速運動指的是物體在動畫過程中速度保持不變的運動方式。這種節(jié)奏簡單直接,沒有加速或減速的過程。

動效設(shè)計中的節(jié)奏魔力

上面的小球彈跳呈現(xiàn)的效果,就是勻速運動,有些機械,缺乏實際場景中的動感。

在AE中,默認的菱形關(guān)鍵幀之間就是勻速運動,例如生活中常見的時鐘,上圖中鐘表秒針旋轉(zhuǎn)是平穩(wěn)、機械的,這就是一個典型的勻速運動。

2)緩入(Ease In)

緩入是指物體在動畫開始時速度較慢,隨著時間的推移逐漸加速到最大速度的運動方式。

動效設(shè)計中的節(jié)奏魔力

一般元素離開畫面或者物體加速階段使用,例如上圖中摩托車駛出畫面的部分、進度條加載緩慢到快速的節(jié)奏等,它可以增加動畫的真實感和生動性。

在AE中,以圓球為例,從空中下落的過程,就可以使用緩入的加速曲線;

動效設(shè)計中的節(jié)奏魔力

調(diào)出圖表編輯器,調(diào)節(jié)曲線弧度如圖「速度圖表」所示,使曲線開始時平緩,越靠近出點速度逐漸上升,完成加速運動,此時結(jié)尾有些生硬。

加一個小知識點:曲線調(diào)節(jié)有兩種形式,一種為速度圖表,一種為值圖表;

速度圖表顧名思義,看曲線的弧度,圖中球的開始入點曲線弧度較緩,結(jié)尾出點曲線斜度較大,則代表加速度節(jié)奏變化;

值圖表分別代表X,Y軸曲線變化,如圖中球的Y軸位置發(fā)生變化,因此對應(yīng)綠色線條的曲度變化是球體的動效節(jié)奏變化,下落過程中加速,則區(qū)別于前半段的直線,入點平滑,出點更陡峭。

3)緩出(Ease Out)

動效設(shè)計中的節(jié)奏魔力

緩出與緩入相反,是指物體在動畫結(jié)束時速度逐漸減慢直至停止的運動方式,如元素入畫、人物行走至停下等,它能給人一種平滑和自然的結(jié)束感,是先快后慢的減速運動。

動效設(shè)計中的節(jié)奏魔力

同樣以圓球為例,球落地后反彈的過程,就可以使用緩出的減速曲線;
調(diào)出圖表編輯器,調(diào)節(jié)曲線弧度如圖「速度圖表」所示,使曲線結(jié)束時平緩,調(diào)節(jié)出點的手柄桿,完成減速運動。

4)緩動(Ease In Ease Out)

緩動是最接近真實世界物體運動規(guī)律的一種方式,適用于大多數(shù)動態(tài)場景,尤其是那些需要表現(xiàn)自然、流暢動作的畫面呈現(xiàn)。

緩動曲線結(jié)合了緩入和緩出的特點,物體在動畫開始時速度緩慢上升,中間達到最高速度,最后在結(jié)束時速度逐漸降低。

動效設(shè)計中的節(jié)奏魔力

示例繼續(xù)完善小球的曲線節(jié)奏,我想讓它看起來更順滑、更有彈跳感覺,通過球的大小比例(縮放)的變化,增加模糊變化的細節(jié),這樣球跳起來的動作就會像真實世界里那樣,既有起跳的沖勁,又有落地的緩沖,整個過程更加生動有趣。

動效設(shè)計中的節(jié)奏魔力

在AE中,緩動曲線沒有具體的數(shù)值,多數(shù)時候需要結(jié)合不同場景表達,去嘗試不同的曲度形式,通過反復(fù)預(yù)覽檢驗,找到自己滿意、適合畫面感呈現(xiàn)的形式。

3. 刻意練習(xí)-節(jié)奏感積累

日常積累動效節(jié)奏,我會分析電影或MG動畫中的經(jīng)典鏡頭,比如角色走路、跑步的動作呈現(xiàn),元素的出入場變化,以及自然界中的運動現(xiàn)象,如樹葉飄落等。

動效設(shè)計中的節(jié)奏魔力

多做分鏡腳本的拆分練習(xí),多臨摹實踐,就可以逐漸掌握常見的運動規(guī)律,自己在做設(shè)計內(nèi)容時,也可以更清晰知道怎樣的節(jié)奏更適合當(dāng)下場景呈現(xiàn)。

三、結(jié)論

總的來說,創(chuàng)造流暢體驗對于動效設(shè)計來說還是很重要的,而要實現(xiàn)這一目標,掌握并靈活運用好動效節(jié)奏則是必不可少的手段之一。

萬變不離其宗,多看、多思考、多練習(xí),通過實踐去總結(jié)復(fù)盤規(guī)律、梳理SOP流程,整理出一套適合自己記憶、使用的方法論與行動標準,提高自己對動態(tài)的感知,以及節(jié)奏力的把控,也能有效提升工作效率。

「想不如做,知行合一」,想讓學(xué)到的知識和技巧,生長到自身,唯一要做的就是立馬行動!在做的過程中解決一個個卡點,迭代出更適合自己的方法。

作者:Shirley_雪

本文由 @Shirley_雪 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)

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

用戶體驗設(shè)計指南 - SUS系統(tǒng)可用性量表

杰睿

1. 什么是SUS ?

 

SUS 全稱 System Usability Scale ,系統(tǒng)可用性量表。SUS最初是Brooke于1986年編制,可以科學(xué)地量化用戶體驗,用于完成一系列任務(wù)場景后,對產(chǎn)品或系統(tǒng)整體宏觀的感知可用性測量。

0100e56128f98111013eaf70758e58.jpg

 

翻譯過后可以得到下面的中文表,參與者在使用產(chǎn)品后對每個題目下面打鉤來對產(chǎn)品進行5點評分。(小伙伴們可自行保存)

0123e1612a56f611013eaf70b3bda8.jpg

2. 問題組成

 

SUS提供整體可用性評估度量,由10個題目組成,奇數(shù)項為正面陳述,偶數(shù)項為反面陳述。

 

第4,5,10三項構(gòu)成的子量表為“有效性”(Effectiveness)&“易學(xué)性”(Learnability) ;第2,3,7,8四項構(gòu)成的子量表為“使用效率”(Use Efficiency)&“可用性”(Usability);第1,6,9三項構(gòu)成子量表“滿意度”(Satisfaction)。

 

01f755612a571a11013f47206091c4.jpg

 

3. 使用場景

 

SUS適用范圍廣泛,產(chǎn)品新舊版本迭代之間對比,同類型競品之間對比,同一產(chǎn)品不同終端之間對比均可使用。可采用線上線下問卷調(diào)研的方式,簡單高效的采集真實用戶反饋。避免在初期過早的關(guān)注細節(jié)。

 

01e19a612903c211013f4720d5a891.jpg

 

4. 如何使用

 

當(dāng)收集好用戶問卷反饋過后,步驟如下:

 

1. 對于奇數(shù)序號的問題,將其得分減1;(比如第1題分數(shù)為4,得分為4-1=3分)

2. 對于偶數(shù)序號的問題,將其得分被5減去;(比如第2題分數(shù)為3,得分為5-3=2分)

3. 將所有問題最后的得分加在一起,然后乘以2.5;(每個題目的得分范圍記為0~4,最大值為40,SUS可用性得分的范圍在0~100,換算后乘以2.5)

4. 計算出的結(jié)果即為產(chǎn)品的SUS可用性得分。

 

013b21612905f511013f4720e847c6.jpg

 

Tips 注意事項:

1. 填寫之前不要進行總結(jié)或討論;

2. 應(yīng)當(dāng)要求用戶快速完成各個題目,不要過多思考;

3. 第二題和第六題對于參與者可能難以理解,需要解釋清楚;

4. 如果用戶因為某些原因無法完成其中某個題目,就視為用戶在該題上選擇了中間值。

 

SUS分數(shù)等級與百分等級的區(qū)別:

 

012f56612908b011013eaf7049d2b6.jpg

 

我將其翻譯過后得到中文表,可以大體上感知得出的SUS分數(shù)對應(yīng)的用戶可接受范圍。

 

015028612c37a011013f47203f6873.jpg

 

更加細化的SUS用戶感知,可參照SUS分數(shù)曲線分級范圍表:

 

注意到這里SUS分數(shù)等級與百分等級的區(qū)別。對照SUS分數(shù)曲線分級范圍表,如果你的SUS分數(shù)為68,說明你的產(chǎn)品比市面上50%的產(chǎn)品可用性要好。也就是說這個產(chǎn)品的用戶體驗算是合格了,表明需要進行較小的改進。50%中值點對應(yīng)SUS分數(shù)68。((59-41)/ (71-65)= 3  故中值點為65+10/3≈68 ,68分是均值,因此對應(yīng)百分比是50%。)

 

012bc5612a4fcb11013eaf70950655.jpg

 

5. SUS的優(yōu)點

 

1. 量表公開免費,題目簡單,只需參與者打分,實施便捷,操作簡單;

2. 適用范圍廣泛,產(chǎn)品初期測試驗證,競品分析,新舊版本對比等等;

3. 研究證明SUS在樣本量有限時,可以最快達到效果,可信度系數(shù)高;

4. 快速宏觀有效區(qū)分可用系統(tǒng)(產(chǎn)品)和不可用系統(tǒng)(產(chǎn)品),避免在初期過早的關(guān)注細節(jié);

5. 當(dāng)團隊內(nèi)產(chǎn)生分歧時,SUS讓更多的人員參與代替少數(shù)意見領(lǐng)袖說了算的形式,定量不追求定性。

6. 小樣本量時依然呈現(xiàn)高度的內(nèi)部一致性,產(chǎn)生真實可靠的反饋結(jié)果。

016db6612c380411013eaf70cb6cd7.jpg

作者:設(shè)計師豆?jié){
鏈接:https://www.zcool.com.cn/article/ZMTI4NTgyMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

打造卓越用戶體驗的六大關(guān)鍵要素

杰睿

在數(shù)字產(chǎn)品設(shè)計日新月異的今天,打造卓越用戶體驗已成為產(chǎn)品成功的關(guān)鍵。這篇文章精準解析了UX設(shè)計的六大核心支柱,從用戶研究到無障礙設(shè)計,為讀者提供了全面且實用的設(shè)計框架。

開啟用戶體驗設(shè)計探索之旅,首要任務(wù)是全面掌握其核心構(gòu)成要素——這些是構(gòu)筑絕佳用戶體驗的基石需求。事實上,在蘋果、微軟和谷歌等設(shè)計推動型科技巨頭中,這些因素的關(guān)鍵性是不言而喻的,甚至因此催生了專屬職業(yè)與角色的誕生。在這六大核心維度中,有一個更是脫穎而出,以至于一個全新的職能部門因此得以形成。接下來,讓我們深入剖析這些零部件如何共同定義卓然出色的用戶體驗設(shè)計版圖及行業(yè)切入點。

在深入分析用戶體驗設(shè)計的六大核心要素之前,我們需要先厘清其核心內(nèi)涵。從本質(zhì)上看,用戶體驗設(shè)計是一門創(chuàng)造愉悅且功能強大的體驗藝術(shù),確保產(chǎn)品既具有效性又兼具高效性、易用性和用戶滿意度。它涵蓋了一個整體性的設(shè)計循環(huán),通過不同維度的優(yōu)化來最終實現(xiàn)這些目標。可以把用戶體驗設(shè)計比喻成一把“統(tǒng)籌性的大傘”,其下輻射的每個要素都是推動卓越體驗構(gòu)建的重要一環(huán)。本篇文章將沿著這把傘的思維體系,逐步探索這些不可或缺的構(gòu)建模塊及其影響力。

01 用戶研究

用戶研究(亦稱 UX 研究)之所以能在設(shè)計領(lǐng)域占據(jù)重要地位,其原因顯而易見——它是產(chǎn)品設(shè)計的一大核心要素。隨著其價值的日益凸顯,越來越多的企業(yè)開始設(shè)立專門的用戶研究團隊。這一趨勢背后的驅(qū)動力是什么?源于對用戶洞察的深入理解直接決定了能否創(chuàng)造出卓越的產(chǎn)品體驗。在探索方案的過程中,用戶研究永遠都是優(yōu)先級最高的起點。這個關(guān)鍵過程的核心在于定義所謂的“用戶”——通過全面梳理他們的使用體驗,挖掘其需求、期望與操作行為,從而描繪出清晰的用戶畫像。這正是用戶研究的精髓之所在。更具體地說,用戶研究是圍繞用戶的需求、目標、行為模式以及心理動機,所展開的系統(tǒng)化調(diào)研與分析。執(zhí)行用戶研究有多種專業(yè)化方法工具,包括深入訪談、結(jié)構(gòu)化調(diào)查、現(xiàn)場可視采樣以及定性和定量化的可用性評估測試,每一步都旨在深刻理解目標人群,優(yōu)化體驗閉環(huán)。

02 交互設(shè)計

交互設(shè)計是產(chǎn)品設(shè)計中的關(guān)鍵環(huán)節(jié),此階段負責(zé)精細化用戶與系統(tǒng)之間的互動路徑與體驗設(shè)計。設(shè)計師需要梳理并規(guī)劃用戶操作觸發(fā)的系統(tǒng)響應(yīng)——例如按鈕點擊后的動作反饋。從提示的生成到任務(wù)處理的閉環(huán),每一個交互流程都經(jīng)過精致打磨。對交互表現(xiàn)的設(shè)計需通過深度用戶研究與高頻次的可用性測試進行不斷優(yōu)化,以確保全流程交互體驗既順暢又高效。

03 信息架構(gòu)

我的清單中提到的第三項是信息架構(gòu),這是在設(shè)計過程中理解內(nèi)容與功能的關(guān)鍵環(huán)節(jié)。它的核心是對內(nèi)容和功能進行科學(xué)的分類組織和標記,以確保產(chǎn)品的功能與結(jié)構(gòu)清晰易懂,能夠有效地滿足不同用戶的認知需求。可以把信息架構(gòu)理解為產(chǎn)品的結(jié)構(gòu)藍圖,為用戶提供在界面元素間高效切換和操作的導(dǎo)引路徑。它的價值在于將內(nèi)容與功能資源以邏輯和體系化的方式呈現(xiàn)。那么如何精準定義哪些要素歸屬于頂層導(dǎo)航、次級導(dǎo)航或細化導(dǎo)航?此時,一種名為“卡片分類法”(Card Sorting)的用戶體驗研究方法便派上了用場,它幫助設(shè)計師優(yōu)化信息層級,制定更具洞察力和用戶思維的導(dǎo)航設(shè)計決策。

*卡片分類法:卡片分類法是一種用戶體驗研究方法,用于幫助設(shè)計師理解用戶如何組織和分類信息。參與者通過將內(nèi)容項(如網(wǎng)站頁面或功能)進行排序和分組,提供了關(guān)于信息架構(gòu)的見解。其主要步驟為:首先,每張卡片上寫一個內(nèi)容項;其次,招募目標用戶;再次,用戶根據(jù)理解將卡片分組并命名;最后,識別共同的分類方式。此方法有助于優(yōu)化網(wǎng)站和應(yīng)用的導(dǎo)航結(jié)構(gòu),提高用戶體驗。

04 用戶界面設(shè)計

接下來重點分析用戶界面設(shè)計環(huán)節(jié),也就是我們通常所提到的視覺設(shè)計,這是 UX 設(shè)計中至關(guān)重要的一環(huán),主要關(guān)注產(chǎn)品的視覺展現(xiàn)層。UI 設(shè)計師的職責(zé)在于打造具有吸引力且直觀自然的視覺體驗。他們通過對色彩體系、排版字體、圖形視覺以及插畫風(fēng)格的細膩打磨,為產(chǎn)品的整體視覺編碼賦予獨特且一致的品牌形象。

05 UX 寫作(微文案)

UX 寫作,亦稱微文案,是文案寫作領(lǐng)域下的一個細分學(xué)科,聚焦于數(shù)字產(chǎn)品中的文本設(shè)計。UX 寫作者的核心職責(zé)是優(yōu)化數(shù)字界面中的文案,不僅要貼合用戶需求,還要顯著增強整體用戶體驗。他們善于運用精準而貼近用戶心智的表達方式,撰寫既通俗易懂又情感共鳴強的界面文案,從而最大化提升用戶的可讀性與互動效率。

06 可訪問性

最后,我們需要聚焦于可訪問性——這是確保所有用戶(包括有特殊需求的群體)都能高效且無障礙地使用產(chǎn)品的核心要素。作為設(shè)計從業(yè)者,共情能力是我們設(shè)計哲學(xué)的重要基石。但這種共情不僅局限于通用用戶,還要涵蓋那些需要特殊支持的用戶群體。在每一次 UI 語義和交互設(shè)計中,我們必須以可訪問性優(yōu)先,確保無論用戶的能力如何,都能獲得最佳的可讀性和充分的視覺對比體驗,真正實現(xiàn)一視同仁的包容性設(shè)計。

作者:Abhi Chatterjee

譯者:李澤慧

審核:李澤慧

編輯:丁怡豪

本文由人人都是產(chǎn)品經(jīng)理作者【TCC翻譯情報局】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于 CC0 協(xié)議。

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

深入剖析交互狀態(tài):設(shè)計與體驗的關(guān)鍵

杰睿

對九類交互狀態(tài)的深入理解和不斷創(chuàng)新,將為產(chǎn)品設(shè)計帶來更大的提升空間,為用戶帶來更加卓越的體驗,推動產(chǎn)品在競爭激烈的市場中不斷發(fā)展和進步。

一、交互狀態(tài)的重要性

交互狀態(tài)在產(chǎn)品設(shè)計中起著至關(guān)重要的作用,它直接關(guān)系到用戶體驗和產(chǎn)品的可用性。良好的交互狀態(tài)設(shè)計能夠讓用戶在使用產(chǎn)品的過程中感受到便捷、高效和愉悅,從而提高用戶對產(chǎn)品的滿意度和忠誠度。

從用戶體驗的角度來看,交互狀態(tài)可以增強用戶參與感和控制感。例如,在人機交互設(shè)計中,互動性和反饋機制能夠讓用戶覺得他們對系統(tǒng)有一定的掌控能力。當(dāng)用戶進行操作時,系統(tǒng)能夠及時給予反饋,如按鈕按下后出現(xiàn)的狀態(tài)變化、鼠標懸停時的提示信息等,讓用戶清楚地知道他們的操作產(chǎn)生了什么效果。這種即時的反饋可以幫助用戶理解系統(tǒng)的運作邏輯,減少用戶的操作失誤,提升用戶的效率和滿意度。

在產(chǎn)品的可用性方面,交互狀態(tài)的設(shè)計也至關(guān)重要。例如,在電子產(chǎn)品設(shè)計過程中,實現(xiàn)人機交互可以為消費者提供良好的使用體驗。設(shè)計師需要考慮不同人群的需求,如設(shè)計操作簡單的老人機,以滿足老年人的使用需求。同時,將人機交互理念融入產(chǎn)品設(shè)計中,能夠提升消費者對產(chǎn)品的喜好程度,使設(shè)計出來的產(chǎn)品能夠滿足人們對電子產(chǎn)品設(shè)計的要求。

此外,交互狀態(tài)的設(shè)計還能夠影響產(chǎn)品的整體品質(zhì)。例如,在 B 端產(chǎn)品的 UI 設(shè)計中,深入了解用戶需求與場景,進行簡潔直觀的界面設(shè)計,可以提升產(chǎn)品的可用性。通過用戶研究方法,了解用戶的工作環(huán)境、使用習(xí)慣和設(shè)備網(wǎng)絡(luò)條件等,將用戶需求轉(zhuǎn)化為具體的設(shè)計元素和功能,為用戶提供更加貼合實際的使用體驗。

綜上所述,交互狀態(tài)在產(chǎn)品設(shè)計中具有重要的地位,它對用戶體驗和產(chǎn)品可用性有著重大的影響。產(chǎn)品開發(fā)者和設(shè)計師應(yīng)該充分重視交互狀態(tài)的設(shè)計,以提高產(chǎn)品的競爭力,在市場中脫穎而出。

二、九類交互狀態(tài)詳解

1. 加載相關(guān)

加載類型:除了電商 APP 和計算器應(yīng)用的不同加載方式外,一些社交平臺在加載用戶動態(tài)時也會采用類似的漸進式加載。當(dāng)用戶打開社交平臺,首先會看到最近的幾條動態(tài),隨著用戶不斷下拉刷新,更多的動態(tài)內(nèi)容逐步加載出來。這樣既保證了用戶能夠快速看到部分內(nèi)容,又不會因為一次性加載過多數(shù)據(jù)而導(dǎo)致等待時間過長。

加載狀態(tài):在加載狀態(tài)中,不同的產(chǎn)品會有不同的表現(xiàn)形式。例如,一些在線學(xué)習(xí)平臺在加載課程視頻時,除了會有旋轉(zhuǎn)的加載動畫外,還會顯示加載進度條,讓用戶清楚地知道視頻加載的進度。如果加載成功,會有一個短暫的提示音,增強用戶的感知。而如果加載失敗,除了提示用戶檢查網(wǎng)絡(luò)連接外,還會提供一些常見問題的解決方案,如清理緩存、更換網(wǎng)絡(luò)環(huán)境等。

中斷:中斷情況在實際應(yīng)用中較為復(fù)雜。以在線辦公軟件為例,如果在編輯文檔過程中出現(xiàn)網(wǎng)絡(luò)中斷,軟件會自動保存當(dāng)前文檔的進度,以防止數(shù)據(jù)丟失。同時,會提示用戶網(wǎng)絡(luò)中斷,并嘗試重新連接。如果長時間無法連接,用戶可以選擇將文檔保存到本地,待網(wǎng)絡(luò)恢復(fù)后再進行上傳。

2. 特殊模式

深度 / 夜間模式:除了閱讀類應(yīng)用,一些視頻播放平臺也提供夜間模式。在夜晚觀看視頻時,開啟夜間模式可以降低屏幕亮度,減少對眼睛的刺激。同時,夜間模式下的界面顏色通常會更加柔和,營造出舒適的觀看氛圍。

存在沉浸模式插件:在一些在線教育平臺中,也會有類似沉浸模式的功能。當(dāng)學(xué)生進入課程學(xué)習(xí)時,平臺會自動隱藏?zé)o關(guān)的通知和廣告,讓學(xué)生專注于學(xué)習(xí)內(nèi)容。同時,學(xué)生可以通過特定的快捷鍵退出沉浸模式,方便隨時查看其他信息。

3. 操作相關(guān)

輸入:除了即時通訊軟件,一些辦公軟件在輸入方面也有很多優(yōu)化。例如,在文檔編輯軟件中,當(dāng)用戶輸入一些特定的關(guān)鍵詞時,軟件會自動彈出相關(guān)的文檔模板或格式設(shè)置選項,提高用戶的輸入效率。

點擊:在電商平臺的商品詳情頁面,點擊商品圖片通常會放大顯示,讓用戶更清楚地看到商品的細節(jié)。同時,點擊購買按鈕后,會有一個短暫的確認彈窗,讓用戶再次確認購買信息,避免誤操作。

重復(fù)點擊 / 惡意操作:在一些金融類應(yīng)用中,對于重復(fù)點擊或惡意操作的防范更加嚴格。例如,在股票交易軟件中,如果用戶連續(xù)多次提交相同的交易指令,系統(tǒng)會自動鎖定該用戶的交易功能,并提示用戶聯(lián)系客服解決問題。

4. 限制相關(guān)

極值:在旅游預(yù)訂平臺上,用戶在選擇酒店價格區(qū)間時,系統(tǒng)也會進行極值限制。價格下限通常為平臺上的最低價格,價格上限則會根據(jù)當(dāng)?shù)鼐频甑氖袌鰞r格和用戶的搜索歷史進行動態(tài)調(diào)整,確保用戶能夠得到合理的搜索結(jié)果。

邊界:在一些圖形設(shè)計軟件中,除了畫筆工具的邊界限制,其他工具也有類似的限制。例如,當(dāng)用戶使用裁剪工具時,裁剪區(qū)域不能超出畫布的范圍,否則無法進行裁剪操作。

時間:在在線考試系統(tǒng)中,時間限制尤為重要。考試開始前,考生只能看到考試的相關(guān)信息和注意事項,無法進入答題頁面。考試開始后,系統(tǒng)會精確計時,一旦考試時間結(jié)束,答題頁面會自動提交,無法再進行答題。

5. 網(wǎng)絡(luò)相關(guān)

網(wǎng)絡(luò)中斷:在在線游戲中,網(wǎng)絡(luò)中斷會對玩家的游戲體驗產(chǎn)生很大影響。當(dāng)網(wǎng)絡(luò)中斷時,游戲會自動暫停,并提示玩家網(wǎng)絡(luò)中斷。如果玩家在網(wǎng)絡(luò)中斷前已經(jīng)保存了游戲進度,那么在網(wǎng)絡(luò)恢復(fù)后可以繼續(xù)游戲;如果沒有保存進度,可能會丟失部分游戲數(shù)據(jù)。

信號不佳 / 不穩(wěn)定:在視頻會議軟件中,當(dāng)網(wǎng)絡(luò)信號不佳時,軟件會自動降低視頻的分辨率和幀率,同時關(guān)閉音頻中的一些高級功能,如降噪和回聲消除,以保證會議的基本溝通需求。

流量形式切換:在一些音樂播放軟件中,用戶可以根據(jù)自己的網(wǎng)絡(luò)環(huán)境手動切換流量形式。例如,在 Wi-Fi 環(huán)境下,用戶可以選擇自動播放高清音樂視頻;而在移動數(shù)據(jù)環(huán)境下,用戶可以選擇只播放音頻,以節(jié)省流量。

6. 內(nèi)容相關(guān)

沒有內(nèi)容:在在線文檔協(xié)作平臺中,如果一個文檔沒有內(nèi)容,系統(tǒng)會提示用戶 “此文檔為空,請?zhí)砑觾?nèi)容”,并提供一些常用的文檔模板供用戶選擇,方便用戶快速創(chuàng)建內(nèi)容。

敏感 / 違規(guī)內(nèi)容:在電商平臺上,對于商品描述中的敏感或違規(guī)內(nèi)容,系統(tǒng)會進行嚴格的審核。如果發(fā)現(xiàn)違規(guī)內(nèi)容,商品會被下架,并通知賣家進行整改。同時,平臺會對賣家進行警告,嚴重的可能會關(guān)閉賣家的店鋪。

7. 站外內(nèi)容相關(guān)

站外內(nèi)容:在一些知識分享平臺中,當(dāng)用戶點擊站外鏈接時,平臺會提示用戶 “該鏈接為站外內(nèi)容,請注意安全”,并提供一個返回平臺的快捷按鈕,方便用戶隨時返回。同時,平臺會對站外鏈接進行安全檢測,確保鏈接的合法性和安全性。

8. 設(shè)備相關(guān)

橫豎屏:在一些圖片編輯軟件中,橫豎屏切換會影響用戶的操作體驗。當(dāng)用戶將手機從豎屏切換到橫屏?xí)r,軟件會自動調(diào)整界面布局,將工具菜單和編輯區(qū)域分別放置在屏幕的兩側(cè),方便用戶進行操作。而當(dāng)用戶將手機從橫屏切換回豎屏?xí)r,軟件會恢復(fù)到原來的布局。

分辨率:在一些游戲開發(fā)中,開發(fā)者會根據(jù)不同設(shè)備的分辨率進行優(yōu)化。例如,在高分辨率的設(shè)備上,游戲畫面會更加細膩,特效也會更加豐富;而在低分辨率的設(shè)備上,游戲會自動降低畫質(zhì),以保證游戲的流暢運行。

清晰度:在一些在線視頻教育平臺中,清晰度的選擇會影響用戶的學(xué)習(xí)體驗。在網(wǎng)絡(luò)條件好的情況下,用戶可以選擇高清或超清的視頻清晰度,以便更清楚地看到教學(xué)內(nèi)容;而在網(wǎng)絡(luò)條件差的情況下,用戶可以選擇標清或流暢的清晰度,以保證視頻的播放流暢度。

不同版本:在一些軟件的不同版本中,功能和界面會有所不同。例如,在一款繪圖軟件的專業(yè)版中,會提供更多的高級功能和工具,而在免費版中,功能會相對較少。同時,軟件會在界面上明確標識出不同版本的特點和優(yōu)勢,方便用戶根據(jù)自己的需求進行選擇。

硬件調(diào)用:在一些智能家居控制軟件中,當(dāng)用戶需要調(diào)用攝像頭進行監(jiān)控時,軟件會彈出請求授權(quán)的提示框。在獲得用戶授權(quán)后,軟件會提供實時監(jiān)控畫面,并支持遠程控制攝像頭的角度和焦距。

硬件聯(lián)動:在一些智能辦公場景中,硬件聯(lián)動可以提高工作效率。例如,當(dāng)用戶在會議室中使用智能投影儀時,投影儀可以與會議室的燈光和音響系統(tǒng)聯(lián)動,根據(jù)投影內(nèi)容自動調(diào)整燈光亮度和音響音量。

9. 角色相關(guān)

未登錄 / 已登錄:在一些在線教育平臺上,未登錄用戶只能瀏覽部分公開的課程內(nèi)容,無法進行課程報名和學(xué)習(xí)進度跟蹤。而已登錄用戶可以享受更多的服務(wù),如個性化課程推薦、學(xué)習(xí)記錄保存等。

新用戶 / 老用戶:對于新用戶,一些在線購物平臺會提供新人專享優(yōu)惠券和折扣,幫助新用戶快速熟悉平臺的購物流程。對于老用戶,平臺會根據(jù)他們的購買歷史和瀏覽記錄,為他們推薦個性化的商品和促銷活動。

游客賬號:在一些在線音樂平臺中,游客賬號可以讓用戶試聽部分歌曲,但無法下載和收藏歌曲。當(dāng)游客想要享受更多功能時,可以通過注冊賬號成為正式用戶。

普通 / 會員賬號:以在線閱讀平臺為例,會員用戶可以享受無廣告閱讀、優(yōu)先閱讀新書等特權(quán)。同時,平臺會在會員專屬內(nèi)容上進行明顯標識,吸引普通用戶升級為會員。

內(nèi)網(wǎng) / 外網(wǎng)賬號:在一些企業(yè)內(nèi)部的項目管理軟件中,內(nèi)網(wǎng)賬號可以訪問企業(yè)內(nèi)部的項目信息和文件,外網(wǎng)賬號則只能查看一些公開的項目進度和報告。在設(shè)計這種賬號體系時,軟件會明確區(qū)分內(nèi)網(wǎng)和外網(wǎng)賬號的權(quán)限,確保企業(yè)信息的安全。

管理員賬號:在一些社區(qū)論壇中,管理員賬號可以對用戶的發(fā)言進行審核和管理,維護社區(qū)的秩序。同時,管理員賬號還可以進行系統(tǒng)設(shè)置和插件管理,提升論壇的功能和性能。

三、總結(jié)與展望

通過對九類交互狀態(tài)的深入分析,我們可以清楚地看到交互狀態(tài)在產(chǎn)品設(shè)計中的重要性。無論是加載相關(guān)、特殊模式,還是操作相關(guān)、限制相關(guān)等各個方面,交互狀態(tài)都直接影響著用戶對產(chǎn)品的使用體驗和滿意度。

例如,在加載相關(guān)方面,合理的加載類型和狀態(tài)顯示能夠減少用戶的等待焦慮,中斷處理機制則能在意外情況下最大程度地保護用戶數(shù)據(jù)和操作進度。在特殊模式中,深度 / 夜間模式和沉浸模式插件為用戶提供了更加舒適和專注的使用環(huán)境。操作相關(guān)的輸入、點擊和防范重復(fù)點擊 / 惡意操作等設(shè)計,確保了用戶操作的準確性和安全性。限制相關(guān)的極值、邊界和時間限制,使得產(chǎn)品的使用更加規(guī)范和合理。網(wǎng)絡(luò)相關(guān)的處理能夠在不同網(wǎng)絡(luò)狀況下為用戶提供盡可能好的體驗。內(nèi)容相關(guān)的處理確保了用戶在面對不同內(nèi)容情況時都能得到恰當(dāng)?shù)囊龑?dǎo)和提示。站外內(nèi)容相關(guān)的設(shè)計保障了用戶在訪問外部鏈接時的安全。設(shè)備相關(guān)的橫豎屏、分辨率、清晰度、不同版本、硬件調(diào)用和聯(lián)動等設(shè)計,適應(yīng)了不同設(shè)備和用戶需求。角色相關(guān)的不同狀態(tài)設(shè)計,為不同類型的用戶提供了個性化的服務(wù)和體驗。

展望未來,隨著科技的不斷進步,交互狀態(tài)的設(shè)計也將不斷發(fā)展和創(chuàng)新。一方面,人工智能、大數(shù)據(jù)等技術(shù)的應(yīng)用將使交互狀態(tài)更加智能化和個性化。例如,通過分析用戶的使用習(xí)慣和偏好,自動調(diào)整加載策略、推薦適合的操作模式等。另一方面,虛擬現(xiàn)實、增強現(xiàn)實等新興技術(shù)的發(fā)展將為交互狀態(tài)帶來全新的體驗。例如,在虛擬現(xiàn)實環(huán)境中的交互狀態(tài)設(shè)計將更加注重沉浸感和自然交互。同時,隨著物聯(lián)網(wǎng)的發(fā)展,硬件之間的聯(lián)動將更加緊密和智能,為用戶提供更加便捷和高效的服務(wù)。

本文由 @用戶體驗王叔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)

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

交互設(shè)計:理解用戶思維,創(chuàng)造價值

杰睿

 

在交互設(shè)計的范疇里,對用戶的深入研究能夠為設(shè)計師提供關(guān)鍵的解決問題的參考依據(jù)。本文旨在運用一些成熟的方法,助力新人設(shè)計師更深入地理解用戶,拓寬認知視野,進而創(chuàng)造出更多具有價值的設(shè)計。

在設(shè)計的廣袤領(lǐng)域中,對于眾多初入行業(yè)的設(shè)計新人來說,設(shè)計工作常常被誤解為純粹主觀且感性的行為。

他們往往認為個人對美觀的評判即是設(shè)計的全部要義,似乎用戶理應(yīng)沉浸于設(shè)計師所營造的美感之中。然而,設(shè)計的本質(zhì)遠非如此表面。

實際上,設(shè)計是一項通過精心設(shè)想和精確計算來創(chuàng)造價值的工作,其真正的意義聚焦于是否具有價值以及能否切實解決特定的問題。

一、錯誤判斷背后的深度思考

首先,讓我們從一道看似簡單的題目開始:

一雙球鞋和一個籃球共計 1100 元,球鞋比籃球貴 1000 元,那么這個籃球究竟值多少錢?

許多人可能會在瞬間給出 100 元的答案,但經(jīng)過仔細斟酌后會發(fā)現(xiàn)正確答案其實是 50 元。

這種錯誤判斷的根源在于大多數(shù)人所具有的兩種思考模式,即快思考和慢思考。它們也被稱為“無意識思維和有意識受控思維”“感性和理性”等不同的表述方式。

每個人都同時擁有這兩種思考方式,然而通常情況下,慢思考會在接收快思考的估計和決策之后才開始啟動。人類在漫長的生存歷程中,不斷地處理著各種各樣的問題,有復(fù)雜的難題,也有相對簡單的情況。快思考是對眾多事情給出下意識的回應(yīng),是一種未經(jīng)充分大腦思考的快速處理方式,其主要目的在于降低大腦的能量消耗。人類作為一種善于尋找規(guī)律的生物,快思考往往在以往的經(jīng)驗中迅速找尋答案。只有當(dāng)問題獲得反饋或者進入需要慢思考的情境時,人們才會察覺快思考中存在的疏漏。例如,我們時常會在未經(jīng)深思熟慮的情況下,脫口而出對某些問題的回答,這正是快思考在發(fā)揮作用。

二、剖析用戶的感性與理性

正如前文所述,大多數(shù)人同時具備快思考和慢思考兩種模式,所以在未經(jīng)特殊訓(xùn)練的情況下,大多數(shù)用戶也同樣兼具感性和理性。在大多數(shù)情形下,用戶帶著感性的心態(tài)而來,只有當(dāng)遭遇問題或者涉及自身切實利益時,才會啟動慢思考,從而變得理性。對于商業(yè)領(lǐng)域而言,更傾向于快思考的用戶。

因為快思考會帶來感性和沖動,促使用戶迅速做出決策。這也正是為什么許多銷售人員熱衷于趁熱打鐵,讓用戶在快思考的狀態(tài)下被感性和沖動所支配,進而快速完成交易。在各類電商以及活動類的運營活動中,精心營造氛圍的目的就是期望用戶在快思考的時候就完成決策,避免用戶進入慢思考狀態(tài)后因猶豫不決而影響決策的達成。

三、讓用戶持續(xù)保持感性的深度策略

在交互設(shè)計中,有以下更為深入的常見做法可以讓用戶持續(xù)保持感性:

1、顯著地標識狀態(tài)與當(dāng)前進度

不僅僅是簡單地顯示狀態(tài)和進度,更要通過巧妙的設(shè)計讓用戶在第一時間就能直觀地理解其含義。例如,使用動態(tài)的進度條,配合清晰的數(shù)字顯示和簡潔的文字說明,讓用戶不僅知道自己所處的位置,還能預(yù)估完成任務(wù)所需的時間。同時,根據(jù)不同的進度階段,采用不同的顏色或圖標進行區(qū)分,增強用戶的視覺感知和心理預(yù)期。

在游戲設(shè)計中,常見的經(jīng)驗條就是一個很好的例子。玩家可以通過經(jīng)驗條的變化,清晰地了解自己距離升級還有多遠,這種明確的進度展示能夠激發(fā)玩家繼續(xù)努力的動力,保持他們在游戲中的投入感。

2、引導(dǎo)用戶完成他們的目標

引導(dǎo)不僅僅是提供方向,更要深入理解用戶的心理需求和行為模式,以更加個性化的方式引導(dǎo)用戶。通過分析用戶的歷史行為數(shù)據(jù)和偏好,為用戶量身定制引導(dǎo)路徑。例如,在在線學(xué)習(xí)平臺上,根據(jù)用戶的學(xué)習(xí)進度和能力水平,為其推薦適合的課程和學(xué)習(xí)資源,引導(dǎo)用戶逐步實現(xiàn)學(xué)習(xí)目標。

利用智能助手或虛擬角色進行引導(dǎo),增加互動性和趣味性。例如,一些購物 APP 中的虛擬導(dǎo)購員,可以根據(jù)用戶的瀏覽記錄和購買意向,為用戶提供個性化的購物建議和推薦商品,讓用戶在購物過程中感受到貼心的服務(wù)和引導(dǎo)。

3、明確無誤地告知用戶想了解的信息

信息的傳達要做到準確、簡潔、全面。除了基本的產(chǎn)品特點、功能和價格等信息外,還應(yīng)提供用戶可能關(guān)心的其他細節(jié)。例如,在電子產(chǎn)品的介紹頁面,除了列出產(chǎn)品的技術(shù)參數(shù)外,還可以提供使用教程、常見問題解答、用戶評價等內(nèi)容,讓用戶能夠全面了解產(chǎn)品,做出更明智的決策。

采用多種信息傳達方式,滿足不同用戶的需求。例如,對于視覺型用戶,可以提供圖片、視頻等直觀的信息展示;對于聽覺型用戶,可以提供語音介紹;對于閱讀型用戶,可以提供詳細的文字說明。同時,利用信息分層和漸進式披露的方式,讓用戶可以根據(jù)自己的需求逐步獲取更深入的信息。

4、不要讓用戶去診斷問題

系統(tǒng)應(yīng)具備強大的自我診斷和故障排除能力,在問題出現(xiàn)的第一時間自動檢測并提供解決方案。例如,當(dāng)軟件出現(xiàn)故障時,系統(tǒng)可以自動彈出錯誤提示窗口,同時提供可能的解決方案,如重新啟動軟件、檢查網(wǎng)絡(luò)連接等。用戶只需按照提示進行操作,無需自己去尋找問題所在。

建立完善的用戶反饋機制,及時收集用戶遇到的問題,并進行快速響應(yīng)和解決。例如,在 APP 中設(shè)置反饋入口,用戶可以隨時提交問題和建議,開發(fā)團隊可以及時跟進處理,并將處理結(jié)果反饋給用戶,增強用戶的信任感和滿意度。

5、盡量減少設(shè)置的數(shù)量和復(fù)雜度

進行深入的用戶需求分析,去除不必要的設(shè)置選項,簡化操作流程。例如,在智能家居設(shè)備的設(shè)置中,通過智能化的默認設(shè)置和自動配置功能,減少用戶的手動操作。同時,對于一些復(fù)雜的設(shè)置,可以采用逐步引導(dǎo)的方式,讓用戶在需要的時候再進行深入設(shè)置。

采用可視化的設(shè)置界面,讓用戶能夠直觀地了解設(shè)置選項的作用和效果。例如,在圖像編輯軟件中,通過實時預(yù)覽功能,讓用戶可以在調(diào)整設(shè)置參數(shù)的同時看到效果的變化,從而更加方便地進行設(shè)置。

6、讓用戶感覺而不是去計算

設(shè)計要注重用戶的直覺和感受,通過巧妙的視覺設(shè)計、交互反饋和情感化元素,讓用戶在無需進行復(fù)雜計算的情況下就能做出決策。例如,在酒店預(yù)訂網(wǎng)站上,通過展示酒店的圖片、評價和星級等信息,讓用戶能夠直觀地感受酒店的品質(zhì)和舒適度,從而更容易做出選擇。

利用大數(shù)據(jù)和人工智能技術(shù),為用戶提供個性化的推薦和決策支持。例如,音樂播放 APP 根據(jù)用戶的聽歌歷史和偏好,為用戶推薦符合其口味的音樂,讓用戶無需花費時間去搜索和篩選。

7、讓描述更貼近用戶

深入了解用戶的語言習(xí)慣和文化背景,使用用戶熟悉的詞匯和表達方式進行描述。例如,在面向年輕人的產(chǎn)品中,可以采用流行的網(wǎng)絡(luò)語言和表達方式,增強用戶的認同感和親近感。在面向不同地區(qū)的用戶時,要考慮到當(dāng)?shù)氐奈幕町悾捎煤线m的語言和表達方式。

進行用戶測試和反饋收集,不斷優(yōu)化描述內(nèi)容。邀請用戶對產(chǎn)品的描述進行評價和建議,根據(jù)用戶的反饋進行調(diào)整和優(yōu)化,確保描述內(nèi)容能夠準確傳達產(chǎn)品的特點和優(yōu)勢,同時符合用戶的需求和期望。

8、在需要計算的內(nèi)容提前幫用戶計算好

利用自動化計算和智能算法,為用戶提供準確、及時的計算結(jié)果。例如,在理財 APP 中,自動計算用戶的收益和風(fēng)險,為用戶提供投資建議。在購物網(wǎng)站上,自動計算商品的總價、優(yōu)惠金額和運費等信息,讓用戶清楚知道自己需要支付的費用。

提供多種計算方式和比較工具,讓用戶可以根據(jù)自己的需求進行選擇。例如,在房貸計算器中,提供等額本金和等額本息兩種還款方式的計算結(jié)果,讓用戶可以比較不同還款方式的優(yōu)缺點,做出更合適的選擇。

9、用情感帶給用戶細微的感受

通過情感化設(shè)計,觸動用戶的內(nèi)心深處,建立與用戶的情感連接。例如,在社交 APP 中,通過溫馨的提示和問候,讓用戶感受到關(guān)懷和溫暖。在紀念日或特殊節(jié)日,為用戶送上個性化的祝福和禮物,增強用戶的忠誠度。

利用故事和場景化設(shè)計,讓用戶在使用產(chǎn)品的過程中產(chǎn)生情感共鳴。例如,在旅游 APP 中,通過展示美麗的風(fēng)景圖片和用戶的旅行故事,激發(fā)用戶的旅行欲望。在產(chǎn)品介紹中,以故事的形式講述產(chǎn)品的誕生和發(fā)展歷程,讓用戶更加了解產(chǎn)品的背后故事,增強用戶的認同感。

四、設(shè)計的價值與目的之深度探討

許多新人設(shè)計師在初期往往喜歡站在個人和美學(xué)的角度來看待自己的設(shè)計。然而,隨著設(shè)計經(jīng)驗的不斷積累和對行業(yè)的深入理解,他們會逐漸認識到有價值、能解決問題才是人類發(fā)展的核心目的。在市場上存在眾多同類型產(chǎn)品都具有價值、能解決問題的情況下,才需要通過設(shè)計出不同的差異點來脫穎而出。但始終要牢記的前提是設(shè)計必須具有價值、能解決問題,一旦拋棄了這個大前提,任何設(shè)計都會顯得空洞、索然無味。

設(shè)計與藝術(shù)雖然有一定的關(guān)聯(lián),但它們并不是一回事。設(shè)計更注重實用性和功能性,以滿足用戶的需求和解決實際問題為主要目標。而藝術(shù)則更強調(diào)審美價值和自我表達,追求的是情感的共鳴和創(chuàng)造力的展現(xiàn)。設(shè)計師需要在設(shè)計過程中平衡好實用性和美觀性,既要確保設(shè)計能夠解決問題,又要讓設(shè)計具有一定的審美價值,從而提升用戶的體驗和滿意度。

總之,交互設(shè)計要深入理解用戶的思維方式,通過更為深入和有效的方法讓用戶持續(xù)保持感性,從而提高用戶的滿意度和忠誠度。同時,設(shè)計師要時刻牢記設(shè)計的價值和目的,不斷創(chuàng)造有價值、能解決問題的設(shè)計作品,為人類的發(fā)展和進步做出貢獻。

以上觀點僅代表個人看法,如有不對之處,歡迎在評論區(qū)指正交流。謝謝!

本文由 @用戶體驗王叔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)

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

你的“優(yōu)秀”設(shè)計,可能正在摧毀用戶價值

杰睿

多數(shù)產(chǎn)品經(jīng)理總是認為很專業(yè),總會有一些異想天開的想法;殊不知我們不少自以為是的“優(yōu)秀”設(shè)計,并不符合用戶使用場景,還可能摧毀用戶價值。就像本文列舉的這幾個案例,你有注意到嗎?

產(chǎn)品經(jīng)理的專業(yè)視角與用戶視角,如同孿生兄弟,外表相似但內(nèi)在迥異。

有時我們說誰的產(chǎn)品專業(yè)能力過硬,可能是一句褒獎的話。但專業(yè)能力若不能融合專家視角與用戶視角,便可能被視為局限而非優(yōu)點。

張小龍說自己可以很快變小白,而馬化騰卻可以“一秒變小白”。

所謂“一秒變小白”是指快速從專業(yè)視角切換到用戶視角,確保在設(shè)計產(chǎn)品和評估用戶價值時,避免陷入專家思維,無意中損害用戶價值

一、那些“優(yōu)秀”的設(shè)計,正在摧毀你上廁所的體驗

兩年前,我?guī)е鴰讉€“朋友”坐飛機回云南老家,到達長水機場后,準備去上廁所。其中一位女性朋友,徑直走進男廁所,直至上完廁所出來后,我們提醒她才“恍然大悟”——進錯了廁所。

究其原因就在于一個“設(shè)計”:女廁所圖標設(shè)計不明確,導(dǎo)致誤解。

目前在機場、商場(尤其是高級商場)、寫字樓等場所,設(shè)計者都采取一種精簡設(shè)計方案,他們追求簡潔的設(shè)計感。即只有一個非常簡潔的圖標,有的是男和女的人物圖標,有的是煙斗和高跟鞋等。總之,不會有任何一個漢字(或英文)描述。

好像一旦圖標旁寫上“男廁”、“女廁”后,它們就變成了一種“土”、“low”的設(shè)計方案。

同一個空間內(nèi),不僅僅是廁所圖標,還有扶梯、直梯、貨梯、嬰幼兒室、母嬰室等各類圖標,甚至有時它們會同時出現(xiàn)在一個引導(dǎo)牌,讓你真正玩一把“猜猜猜”的圖像游戲。

結(jié)果是:你無法快速找到圖標;找到后,你需要仔細辨認以及“揣摩”圖標的含義,避免走錯;直至你走錯后,才能“吃一塹,長一智”

同時,某些商場或?qū)懽謽堑南词峙_,為了追求設(shè)計感以及合理利用空間,把洗手液跟紙抽“融入”到鏡面里,表面看確實簡潔,是一種優(yōu)秀設(shè)計方案。

但當(dāng)你伸手接洗手液洗手時,卻無法精準對接,需要反復(fù)嘗試2-3次。沒接到的洗手液,自然流就流落到洗手臺之上。

結(jié)果是:用戶體驗差,浪費洗手液,增加清潔成本

保潔阿姨發(fā)現(xiàn)這個問題后,最后的解決方案就是:在洗手臺旁邊,直接放了一個自助式的洗手液。至此,那個“優(yōu)秀”的設(shè)計方案,從此成為了擺設(shè)。

你自以為的優(yōu)秀設(shè)計,往往卻摧毀了用戶的價值。它肯定不是你的初心,而是你的專業(yè)視角所致,卻忽略了用戶視角(尤其是小白用戶視角)。

二、那些“優(yōu)秀”設(shè)計,正在讓用戶“不明所以”,甚至“不知所措”

如下圖所示,用戶對發(fā)放工資條時,選擇方案的設(shè)計進行了“吐槽”。一般默認勾選時,顯示一個多選框,勾選即選中,反之不選,而設(shè)計升級后,期望讓選中效果更明顯,去掉勾選框,點擊列表選中,再次點擊取消。

結(jié)果是:用戶不知道如何勾選,“優(yōu)秀”設(shè)計摧毀了用戶體驗。

我們再看一個例子。

如下圖所示,它們都是新建班次的設(shè)置頁面,核心是約定員工的上下班時間跟打卡范圍,但它們代表兩種不同的設(shè)計風(fēng)格。

方案1采用平鋪直敘的用戶語言風(fēng)格,以對話感設(shè)計頁面元素,旨在增強用戶互動體驗,但可能導(dǎo)致信息顯示冗余。比如最早可提前x分鐘打卡,晚于x分鐘打卡記為遲到;

方案2采用簡潔設(shè)計,避免冗余文字,以簡潔頁面提升視覺效果,但可能增加用戶理解和使用難度(就像廁所圖標的設(shè)計一樣)。比如上班卡當(dāng)天5:00-當(dāng)天12:00,用戶自行設(shè)置取卡范圍。

三、如何避免讓“優(yōu)秀”設(shè)計無意損害用戶價值?

第一,認知層面。產(chǎn)品經(jīng)理的專業(yè)能力體現(xiàn)在創(chuàng)造用戶價值和商業(yè)價值,而非局限于單一專業(yè)領(lǐng)域。這種能力需同時滿足專業(yè)人士和小白用戶的需求,否則不能稱之為真正的專業(yè)能力

第二,設(shè)計語言。采用用戶語言/自然語言作為設(shè)計語言,而不是設(shè)計師或產(chǎn)品經(jīng)理的“專業(yè)”語言。比如晚于30分鐘打卡記為遲到,就好于“豁免30分鐘”;最早可提前120分鐘打卡,最晚可延后120分鐘打卡,就好于“上班卡范圍:當(dāng)天6:00-10:00”。

第三,設(shè)計“潛規(guī)則”。遵循行業(yè)“潛規(guī)則”設(shè)計,避免過度自我創(chuàng)造(或創(chuàng)新),導(dǎo)致傷害了用戶價值。比如單選、多選、開關(guān)等設(shè)計要素,遵循成熟的設(shè)計方式,而不是非要“獨樹一幟”。

四、彩蛋:如何解決家長帶異性子女上廁所?

我們在商場、機場等,比較常見的解決方案是:提供一個間親子衛(wèi)生間。

哈爾濱江北商場提供了一種創(chuàng)新的解決方案。即:在正常男女廁所旁邊,新建了一個開放式的兒童廁所,配備了男孩和女孩專用的小便池及兒童洗手臺。

既解決了家長帶異性子女上廁所的難題,也方便了兒童獨立使用,體現(xiàn)了對兒童和家長需求的細致考慮,這是真正用戶視角下的產(chǎn)品設(shè)計。

專欄作家

邢小作,微信公眾號:產(chǎn)品方法論集散地,人人都是產(chǎn)品經(jīng)理專欄作家。一枚在線教育的產(chǎn)品,關(guān)注互聯(lián)網(wǎng)教育,喜歡研究用戶心理。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

【交互設(shè)計】小白必看!手把手教你優(yōu)化設(shè)計原則

杰睿

在當(dāng)今數(shù)字化時代,交互設(shè)計不僅是產(chǎn)品成功的關(guān)鍵因素之一,更是連接用戶與產(chǎn)品之間的橋梁。交互設(shè)計的原則和方法雖然眾多,但本文將聚焦于產(chǎn)品交互設(shè)計的內(nèi)在邏輯和基本原理,探討什么樣的設(shè)計才是優(yōu)秀的,如何衡量其效果。

首先,我們需要明確“產(chǎn)品交互設(shè)計”的定義。產(chǎn)品交互設(shè)計是為了達成特定產(chǎn)品目標而進行的用戶與產(chǎn)品之間的交互流程設(shè)計和反饋設(shè)計。換句話說,它不僅關(guān)注用戶如何使用產(chǎn)品,還關(guān)注產(chǎn)品如何有效地反饋給用戶。值得注意的是,產(chǎn)品交互設(shè)計是圍繞產(chǎn)品目標展開的,而非單純圍繞用戶展開,用戶在這一過程中只是間接的服務(wù)對象。

這種思維方式可能與許多人的初始認知有所不同。以宜家家居為例,作為一家大型購物中心,宜家并不希望用戶能迅速找到想要的產(chǎn)品,而是希望用戶能在其店內(nèi)多做體驗。盡管這種迂回而漫長的購物路徑可能讓人感到煩惱,但用戶卻很少對此抱怨。這正是成功的產(chǎn)品交互設(shè)計的體現(xiàn):雖然交互流程可能令人困擾,但良好的交互反饋(如各類家具的試用體驗)卻能讓用戶感到滿意。

一、用戶體驗流程設(shè)計

產(chǎn)品交互設(shè)計的核心在于用戶體驗流程的設(shè)計。這一理念強調(diào),交互設(shè)計并非簡單的按鈕、彈窗或功能的堆砌,而是為了實現(xiàn)產(chǎn)品目標而有意設(shè)計的用戶與產(chǎn)品的互動流程。在這個過程中,每一個交互環(huán)節(jié)都旨在滿足用戶需求,同時實現(xiàn)產(chǎn)品的獲益目標。這種獲益不一定是金錢上的,可能還包括用戶的關(guān)注度和忠誠度。

尼爾森可用性原則專業(yè)描述:

尼爾森可用性原則由人機交互學(xué)博士Jakob Nielsen提出,包括狀態(tài)可見性原則、貼近用戶真實環(huán)境原則、自由控制原則、一致性和標準化原則、防錯原則等。這些原則提供了一套評估用戶體驗好壞的標準,幫助設(shè)計師和產(chǎn)品經(jīng)理進行自查和優(yōu)化

理論支撐:

用戶體驗地圖是一種以用戶為中心的可視化工具,用于描述和展示用戶在使用產(chǎn)品、服務(wù)或系統(tǒng)的過程中的整體體驗和情感變化。它通過講故事的方式,描述用戶參與服務(wù)過程中的體驗變化,并通過可視化的方式將信息予以呈現(xiàn)。用戶體驗地圖關(guān)注用戶的行為接觸點、情緒曲線、痛點和機會點,幫助團隊更好地理解用戶需求,從而優(yōu)化產(chǎn)品設(shè)計

案例分析:

Netflix:Netflix通過用戶體驗地圖分析用戶觀看習(xí)慣,發(fā)現(xiàn)用戶在選擇觀看內(nèi)容時往往會感到選擇困難。為此,Netflix優(yōu)化了推薦算法,提供個性化的內(nèi)容推薦,顯著提升了用戶的觀看體驗和滿意度。

二、與用戶相互理解

交互設(shè)計的成功在于與用戶的有效溝通。正如俞軍所說,“產(chǎn)品經(jīng)理就是以產(chǎn)品當(dāng)筆,與世界對話”。在設(shè)計過程中,理解用戶的需求和情感是至關(guān)重要的。

理解用戶的方法

  1. 角色扮演:設(shè)計師假裝自己是用戶,真實體驗產(chǎn)品的使用流程,以此理解用戶的真實想法和需求。
  2. 用戶訪談:通過與真實用戶的對話,了解他們使用同類產(chǎn)品的目的、想法和感受,識別最需要優(yōu)化的環(huán)節(jié)。
  3. 特征抽取:分析目標用戶的特征(如年齡、性別、心理特征等),從中推導(dǎo)出用戶的體驗需求。
  4. 數(shù)據(jù)分析:利用數(shù)據(jù)分析工具,識別用戶在使用過程中的行為模式,幫助設(shè)計師更好地理解用戶需求。

KANO模型:由東京理工大學(xué)教授狩野紀昭(Noriaki Kano)發(fā)明,是一種對用戶需求進行分類和優(yōu)先排序的方法論。它將用戶需求分為基本型需求、期望型需求和興奮型需求,幫助企業(yè)識別不同層次的用戶需求,從而優(yōu)化產(chǎn)品功能。

馬斯洛需求層次理論專業(yè)描述: 馬斯洛需求層次理論由心理學(xué)家亞伯拉罕·馬斯洛提出,將人類的需求劃分為五個主要層次,從最基本的生理需求到最高層次的自我實現(xiàn)需求逐級遞增。理解這些層次的需求有助于揭示人們行為的驅(qū)動力及其生活的主要動機。

案例分析:

Dropbox:在早期,Dropbox通過用戶訪談和數(shù)據(jù)分析了解用戶對文件共享的需求,發(fā)現(xiàn)用戶希望能夠輕松分享文件而不必擔(dān)心復(fù)雜的設(shè)置。基于這些反饋,Dropbox簡化了分享流程,使得用戶可以一鍵分享文件,極大提升了用戶體驗。

三、讓用戶理解我們的設(shè)計

設(shè)計的最終目標是讓用戶理解我們的意圖。如果用戶無法理解設(shè)計表達,那么所有的努力都將付諸東流。為了實現(xiàn)這一目標,我們需要遵循以下原則:

1. 按照用戶的思維習(xí)慣設(shè)計:設(shè)計應(yīng)符合用戶的思維邏輯。例如,用戶在使用某些功能時,往往會根據(jù)自己的經(jīng)驗進行操作,設(shè)計應(yīng)當(dāng)順應(yīng)這種習(xí)慣。
2. 使用用戶的習(xí)慣性語言:設(shè)計中使用用戶熟悉的術(shù)語和表達方式,以降低理解成本。例如,針對不同文化背景的用戶,設(shè)計語言和符號應(yīng)有所不同。
3. **提供足夠的提示**:在設(shè)計中加入必要的提示和指導(dǎo),幫助用戶理解如何使用產(chǎn)品。例如,在注冊界面中,確保用戶能夠清晰地看到同意《用戶協(xié)議》的選項。

案例分析:

Slack:Slack在設(shè)計其用戶界面時,充分考慮了用戶的習(xí)慣性語言和操作邏輯,使用了直觀的圖標和清晰的提示,幫助用戶快速上手。用戶在使用Slack時,能夠輕松找到所需功能,極大提升了用戶的滿意度。

四、讓用戶感覺越簡單越好

簡潔性是交互設(shè)計的重要原則,但這并不意味著界面內(nèi)容越少越好,而是要讓用戶在使用過程中感到輕松和自然。簡潔的設(shè)計應(yīng)當(dāng)幫助用戶快速實現(xiàn)目標,而不是讓他們感到困惑。

實現(xiàn)簡潔性的策略

  1. 提供捷徑:例如,在電商平臺上,允許用戶直接下單而不必經(jīng)過購物車,減少不必要的步驟。
  2. 減少深層思考:設(shè)計應(yīng)避免復(fù)雜的設(shè)置,讓用戶能夠快速上手。例如,工具類產(chǎn)品應(yīng)盡量簡化操作流程,讓用戶能夠迅速完成任務(wù)。

理論支撐:

諾曼的交互設(shè)計基本原則:諾曼提出的示能、意符、映射、反饋和概念模型等原則,為設(shè)計師提供了清晰的指導(dǎo),幫助他們創(chuàng)造出用戶友好的設(shè)計。

案例分析:

蘋果公司:蘋果在其產(chǎn)品設(shè)計中始終堅持簡潔性原則,通過直觀的界面和簡單的操作流程,使用戶能夠輕松上手。無論是iPhone的操作系統(tǒng),還是Mac的桌面環(huán)境,用戶都能快速找到所需功能,享受流暢的使用體驗。

五、讓用戶最終感到滿意

用戶體驗的“峰-終”值原理表明,用戶的整體滿意度并不取決于每個環(huán)節(jié)的完美,而是關(guān)鍵時刻的滿意度。因此,設(shè)計師應(yīng)關(guān)注用戶在使用過程中的高峰體驗和結(jié)束體驗。

實現(xiàn)用戶滿意度的策略:

  1. 控制體驗差的設(shè)計:確保所有體驗不超過用戶的預(yù)期底線,避免給用戶帶來負面體驗。
  2. 超越用戶的預(yù)期:在產(chǎn)品的優(yōu)勢和亮點方面,努力超越用戶的期望,提供驚喜。
  3. 優(yōu)化離開觸點:確保用戶在離開產(chǎn)品時感到滿意,即使在使用過程中有些環(huán)節(jié)不盡如人意。

案例分析:

Zappos:Zappos以其卓越的客戶服務(wù)而聞名,尤其是在處理退貨和客戶投訴時。他們確保用戶在購買后無論遇到什么問題,都能得到及時和滿意的解決,從而提升了用戶的整體滿意度。

總結(jié)

綜上所述,產(chǎn)品交互設(shè)計的基本原則在于將設(shè)計視為一個整體流程,深入理解用戶,確保設(shè)計能夠被用戶理解,并讓用戶感到簡單和愉悅。最終,設(shè)計的成功與否應(yīng)通過是否幫助實現(xiàn)產(chǎn)品目標來衡量。通過不斷迭代和優(yōu)化,我們可以創(chuàng)造出既滿足用戶需求又推動產(chǎn)品發(fā)展的優(yōu)秀交互設(shè)計。設(shè)計師在這一過程中,應(yīng)始終保持對用戶的敏感度,關(guān)注用戶的反饋,以確保設(shè)計始終圍繞用戶的真實需求展開。

作者:海鮮不設(shè)計,微信公眾號:海鮮不設(shè)計

本文由 @海鮮不設(shè)計 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

引導(dǎo)式設(shè)計原則及應(yīng)用方式交互探索

杰睿

大部分APP都會有引導(dǎo)設(shè)計,以幫助新人快速上手。那你知道這些引導(dǎo)設(shè)計有哪些要求和方法嗎?這篇文章,我們看看作者整理的五種類型,你們用的是哪一種呢?

一、設(shè)計原則

  • 簡潔性:內(nèi)容簡潔明了,避免過多的文字和復(fù)雜的概念,重點突出產(chǎn)品的核心功能和關(guān)鍵操作;
  • 直觀性:采用直觀的視覺設(shè)計和交互方式,如圖片、圖標、動畫等,讓用戶能夠快速理解引導(dǎo)信息并進行相應(yīng)操作;
  • 漸進性:按照用戶的認知和操作流程,逐步展開引導(dǎo)內(nèi)容,避免信息的復(fù)雜造成過多干擾;
  • 互動性:增加互動元素,如點擊、滑動、輸入等,讓用戶積極參與到新手引導(dǎo)過程中,提高用戶的注意力和學(xué)習(xí)效果;
  • 友好性:支持可跳過,為有經(jīng)驗或急于使用產(chǎn)品的用戶提供跳過新手引導(dǎo)的選項,尊重用戶的自主選擇。

二、引導(dǎo)方式

1. 遮罩式(蒙層引導(dǎo))

1)定義

蒙層引導(dǎo)的特點是讓用戶將注意力聚焦到被圈定的某個特定功能上,不被其他內(nèi)容干擾;

通常出現(xiàn)在用戶首次操作時做全局引導(dǎo),也會在產(chǎn)品的各個功能點等待用戶的觸發(fā);根據(jù)內(nèi)容一次顯示一個或多個提示;

2)組成結(jié)構(gòu)

黑色蒙層+高亮內(nèi)容+內(nèi)容介紹(圖文/視頻)+操作引導(dǎo);

3)使用規(guī)則

分為單頁面功能引導(dǎo)和多頁面多功能引導(dǎo),單頁面引導(dǎo)全局信息量不能過多;多頁面引導(dǎo)控制在5步以內(nèi),提示契機保證用戶需要的時候出現(xiàn),不做過多干擾;

4)使用場景

分類場景:展示新產(chǎn)品/功能特色介紹(新功能上新的告知、特色重點功能宣傳)、產(chǎn)品/功能更新迭代(說明界面中功能位置的改動、服務(wù)內(nèi)容的變動等)、操作行為引導(dǎo)(講解操作方式、體現(xiàn)特定的手勢交互劃分說明界面的整體結(jié)構(gòu));

2. 開屏引導(dǎo)

1)定義

引導(dǎo)頁出現(xiàn)在用戶首次打開APP的時,在用戶使用產(chǎn)品前先給用戶營造好產(chǎn)品的基調(diào)和氛圍,宣傳產(chǎn)品功能和亮點或告知用戶最核心的操作方式;

基本上由3-5個頁面組成,保證能帶給用戶新鮮感和吸引他們的注意力,否則對用戶來說反而是干擾,只會直接選擇快速劃過;

2)組成結(jié)構(gòu)

文字介紹+圖片介紹+操作引導(dǎo);

3)使用規(guī)則

引導(dǎo)頁最多不超過5頁;圖片介紹表達簡單且符合真實的使用場景;盡量明確的操作引導(dǎo)查看下一步的操作,

4)使用場景

用戶首次啟動APP,全局展示APP的整體功能架構(gòu)和大的功能模塊分類

3. 彈窗引導(dǎo)

1)定義

用戶進入使用某功能或某交互方式變化時,彈出彈窗予以解釋并介紹相應(yīng)的操作,屬于即時的強提醒方式;

彈窗引導(dǎo)更重,阻斷行更強,需考慮使用的場景和傳達內(nèi)容的重要程度;

2)組成結(jié)構(gòu)

彈窗+圖/文信息+操作按鈕;

3)使用規(guī)則

更多使用于單項服務(wù)的介紹;彈窗內(nèi)盡可能以圖文方式介紹,避免大片文字,內(nèi)容清晰明確,操作按鈕指代清晰;

4)使用場景

告知用戶有新功能上線(如何找到新功能、新功能如何使用,并提供直接鏈接跳轉(zhuǎn)去對應(yīng)服務(wù))、變更功能提醒(功能變更后提示去哪找到)、告知用戶一些隱藏菜單的內(nèi)容(引導(dǎo)用戶使用)、以及查看/點擊等交互操作變更等;

4. 氣泡/浮層引導(dǎo)

1)定義

同樣是作為即使提醒的方式,作為引導(dǎo)提示、提醒提示、解釋提示,讓用戶快速了解此服務(wù)/功能的內(nèi)容

氣泡屬于輕量級的提示方式,打斷感弱,內(nèi)容傳遞量不大但聚焦;

2)組成結(jié)構(gòu)

彈窗+圖文信息+操作按鈕;

3)使用規(guī)則

彈窗內(nèi)盡可能以圖文方式介紹,避免大篇文字,內(nèi)容明確,操作按鈕指代清晰;

4)使用場景

聚焦在單一功能場景,更貼近某個服務(wù)的引導(dǎo)和告知,告知用戶有新功能上線、引導(dǎo)用戶使用、或告知用戶一些隱藏菜單的內(nèi)容,當(dāng)前提示內(nèi)容較為重要,且內(nèi)容較多,建議使用彈窗。

5. 操作引導(dǎo)

1)定義

操作式引導(dǎo)會結(jié)合產(chǎn)品實際使用場景,一步一步地引導(dǎo)你進行操作,鼓勵用戶參與其中

這種方式很容易讓用戶沉浸其中、快速學(xué)習(xí),并且因為有及時的操作反饋,所以用戶很容易獲得強烈的成就感;

2)組成結(jié)構(gòu)

內(nèi)容介紹+引導(dǎo)內(nèi)容+操作引導(dǎo)

3)使用規(guī)則

操作引導(dǎo)突出且明確指示出操作的方式,否則用戶很容易因為操作失敗的挫敗感而放棄;保持內(nèi)容與操作的親密性;操作成功后及時給予反饋。

4)使用場景

多應(yīng)用在工具類產(chǎn)品和游戲:比如養(yǎng)雞活動、拼多多的種農(nóng)作物、螞蟻森林種樹等最開始使用此功能時,或者很久未進入的用戶下次進入;

本文由 @宮宮宮宮 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

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

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yn-ups.com

存檔