日本阿v片在线播放免费,成人国产片视频在线观看,日韩黄片毛片在线观看,一区亚洲电影,琪琪秋霞午夜av影视在线,中文字幕在线视频不卡,最新大伊香蕉精品视频在线,亚洲AV无码日韩一区二区乱

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

      2025-4-3    清陽

      在互聯(lián)網(wǎng)領(lǐng)域中,人機(jī)之間的互動過程就是交互。交互也有一些可預(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. 簡化問題:用模式來解決問題,意味著它不再是一團(tuán)亂麻,成為了可分割的部分,原來苦惱的事,現(xiàn)在輕松搞定;
      4. 識別規(guī)律:當(dāng)你摸清了模式的現(xiàn)象規(guī)律,就像旅游帶著地圖,走到哪里都不慌;
      5. 提高效率:把模式進(jìn)行泛化使用,可以大大提高你的工作產(chǎn)出,蓋章可比畫圖快太多了;
      6. 組合創(chuàng)新:試著把你學(xué)會的各種模式,打亂排序、重新組合,說不定會拼出一些新玩意;
      7. 預(yù)測未來:搞懂了特定領(lǐng)域的模式,意味著你熟知并能運用自如,自然而然學(xué)會了推演未來。

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

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

      什么是交互?

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

      我還提煉了 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)航模式有按鈕組合、標(biā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)建,例如淘寶下單時,你新增了一個收貨地址。

      打開美團(tuán)叫個外賣,整個訂單創(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ī)律。——好夕雷

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

      模式運用在產(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.jjddy.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í)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan

      日歷

      鏈接

      個人資料

      存檔