<strike id="g3zqm"></strike>

      <cite id="g3zqm"></cite>

        <tr id="g3zqm"><center id="g3zqm"></center></tr>
        <pre id="g3zqm"><sup id="g3zqm"></sup></pre>
        <li id="g3zqm"></li>
      1. 少妇高潮激情一区二区三,免费av深夜在线观看,亚洲狼人久久伊人久久伊,久久精品人人做人人爽电影蜜月,黄色特级片一区二区三区,欧美日韩在线亚洲二区综二,极品少妇无套内射视频,日本极品少妇videossexhd

        首頁

        蘭亭秒微|設計師創意構思的技巧與方法

        濤濤 設計思維

        本文專為蘭亭秒微設計團隊打造,聚焦設計創意從 0 到 1 的生成邏輯,用可落地、可復制的方法,解決日常創意瓶頸、靈感枯竭、方案同質化問題,幫助團隊穩定輸出高質量視覺與創意方案。

        蘭亭妙微|打破常規的 UI 設計表達 ——10 種創新思路與實戰應用

        濤濤 設計思維

        在同質化嚴重的 UI 設計領域,產品想要脫穎而出,不僅要滿足基礎功能,更要通過打破常規的視覺與交互表達,打造差異化體驗、強化品牌記憶、提升用戶停留時長。蘭亭妙微深耕政企、工業、教育、醫療、消費產品等多領域 UI/UX 設計,結合大量落地項目,提煉出 10 種可直接復用的創新設計思路,幫你跳出固化思維,做出更有質感、更有溫度的界面。

        蘭亭妙微|UI 設計中高飽和亮色的應用與克制

        濤濤 設計思維

        北京蘭亭妙微(藍藍設計)深耕 UI/UX 設計十六年,服務航天、金融、醫療、工業監控、大數據平臺等多領域政企客戶,在 B 端系統、C 端產品、可視化大屏中,對高飽和亮色的運用形成了成熟的實踐體系。本文結合蘭亭妙微項目經驗,拆解亮色在 UI 中的價值、風險與落地規范,為商業產品提供可復用的設計思路。

        外賣平臺搜索功能設計核心總結

        清陽 設計思維

        蘭亭妙微UI設計公司,以美團、餓了么、大眾點評為案例,分析外賣平臺搜索功能的價值、類型與設計方法,提煉出打造優質搜索體驗的核心要點。

        一、搜索的核心意義

        image.png

        1. 高效找餐:幫有明確需求的用戶快速檢索,節省時間、提升點餐效率。
        2. 引導消費:用熱詞、推薦等引導無目標用戶,創造消費、促進下單。
         

        二、主流平臺搜索類型特點

        image.png

        1. 入口:統一用搜索框,保證高曝光。
        2. 模式:美團 / 餓了么 = 全量模糊搜索;大眾點評 = 城市定向搜索。
        3. 功能:餓了么 / 大眾點評帶掃一掃,支持二維碼快速找品。
        4. 引導:美團 / 餓了么用大色塊按鈕;美團加搜索標簽刺激轉化。
         

        三、四大設計原則

        1. 場景預熱:搜索前用輪播熱詞、運營活動、IP 動態對話引導。image.png
        2. 貼心引導:提供歷史搜索、搜索發現、熱榜,縮小范圍、展示權益。

          image.png

        3. 預期管理:實時聯想關鍵詞,展示商家 / 商品 / 優惠,減少無效操作。

          image.png

        4. 細致分類:結果分層歸類,搭配榜單與筆記,方便篩選避坑。

          image.png

         

        四、總結

        外賣搜索要圍繞效率、引導、體驗打磨細節,借鑒優秀競品設計,打造流暢流程,提升用戶留存。
         

        蘭亭妙微(藍藍設計)m.hengshangtqd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

         

        image.png

        10個產品細節剖析,看看高手如何做溫度的設計!

        清陽 設計思維

        隨著互聯網產品的不斷發展,在生活和工作的方方面面都有非常多的產品普及,用戶的選擇性更多了。想要打動用戶,就要拿出更優質的服務和差異化的產品,當產品和服務拉不開差距的時候,產品設計的體驗感變得至關重要了。

        為了提升用戶體驗度,做出有溫度的設計才能打動用戶,蘭亭妙微UI設計公司相信這些案例可以帶給你一些啟發。

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

        image.png

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

        2. 熱點主題化:借勢營造沉浸式氛圍

        image.png

        蹭熱點不只是營銷手段,更是視覺與體驗的氛圍升級
         
        • 麥當勞 App 頻繁推出品牌聯名主題,將界面背景、插畫、圖標全面貼合聯名風格,整體統一且辨識度極強。
        • 從視覺到交互完整落地熱點氛圍,讓用戶感受到新鮮感與品牌趣味。
         

        3. 情感化動態:讓打卡更有儀式感

        image.png

        線下到店打卡的核心是參與感與真實感,動態設計能強化這兩點。
         
        • 大眾點評打卡采用 IP 角色 + 定位符號動畫,清晰傳遞 “真實到店” 的含義。
        • 流暢動效提升操作愉悅度,讓簡單打卡變成有情緒反饋的小儀式。
         

        4. 應景天氣設計:把自然氛圍搬進產品

        image.png

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

        5. 品牌化刷新:讓基礎操作貼合產品特質

        image.png

        下拉刷新是高頻操作,貼合產品屬性的趣味動效,能大幅提升記憶點。
         
        • 當當 App 將刷新設計為 “開書→翻頁” 動畫,完美契合圖書平臺定位。
        • 把通用操作變成品牌小彩蛋,枯燥動作也變得有趣。
         

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

        image.png

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

        7. 多元頭像預設:降低設置門檻,強化 IP

        image.png

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

        8. 點亮城市足跡:用成就感驅動用戶

        image.png

        旅行、出行類產品的核心情感是探索欲與成就感
         
        • 高德地圖首次抵達新城市會自動彈出歡迎提示,并點亮城市足跡。
        • 用輕量玩法帶來即時成就感,激發用戶探索更多地點。
         

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

        image.png

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

        10. 多感官趣味:視覺 + 觸覺打造沉浸互動

         
        隨著交互技術成熟,多維感官體驗成為新趨勢。
         
        • 馬蜂窩 AI 幫手 “十一實況” 結合重力感應,旋轉手機即可觸發場景變化。
        • 從視覺延伸到觸覺,讓互動更真實、更有探索樂趣。

           

        蘭亭妙微(藍藍設計)m.hengshangtqd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

         

        image.png

        B端產品體驗調研中,設計驗證怎么做?

        清陽 設計思維

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

        在日常的 B 端產品調研支持過程中,我們研究員經常會遇到這樣的場景:

        “你們幫我看看,產品方案滿不滿足用戶需求?功能符不符合用戶預期?”

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

        “你們多找一些用戶驗證一下 demo 方案行不行…”

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

        首先,我們先來了解什么是產品可用性測試?

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

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

        可用性測試主要用于驗證產品的可用性,該方法能夠幫助產品同學和設計同學了解在實際使用情境中該設計方案(概念或創意)的質量(評估是否可用/是否有效/用戶是否滿意),并在測試結果的基礎上進行改進。

        換句話說,可用性測試是觀察有代表性的用戶,讓用戶完成產品中的各項任務,了解用戶如何使用產品,界定出可用性問題并解決這些問題,讓業務、產品、設計、研發等上下游角色盡快對產品方案達成共識并積極優化產品體驗。

        image.png

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

        1. 了解用戶如何與產品進行交互;
        2. 了解用戶是否能夠完成指定任務;
        3. 了解用戶需要多久才能完成指定任務;
        4. 了解用戶對本品和競品的滿意度;
        5. 明確產品存在哪些需要優化的可用性問題;
        6. 明確產品可用性情況及是否符合上線目標;
        7. 讓產設研團隊在開發上線前發現問題并解決。

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

        在實際項目執行中,我們通常會在幾個特定階段去進行產品可用性測試,不同階段采取的調研方式也有所不同,所關注的內容亦隨之變化。

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

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

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

        image.png

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

        image.png

        STEP1:設計任務

        可用性測試的基礎是任務,任務測試內容的好壞是能夠對測試結果的準確性有直接影響的。因此在招募用戶之前,需要對測試的產品方案進行任務設計。比如,測試商家在 B 端營銷系統報名營銷活動流程方案的任務可以是:報名一場雙 11 大促活動。

        在設計比較合適的測試任務時需要注意以下幾點:

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

        STEP2:招募用戶

        在招募用戶環節,最重要的是樣本數量的確定。在實際的可用性測試中,我們常常被產品同學或設計同學問到:

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

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

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

        image.png

        當然在實際執行中也會存在一些局限性,比如只能發現問題數量,但無法確定發現問題的嚴重程度,因此還是需要從實際情況比如測試任務的復雜程度、人力資源的投入程度等等來確定招募樣本數量。

        STEP3:前期準備

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

        image.png

        STEP4:試點測試

        試點前測的目的是針對整個測試流程和提綱進行測試,便于前置發現流程和提綱中存在的問題,及時優化,避免造成真實測試用戶的資源浪費。試點前測需要注意:

        1. 訪談提綱的話術表達和任務流程的設計,是否能夠準確讓用戶理解?
        2. 提綱內容是否透露了操作步驟,用戶是否很快完成任務?
        3. 時間安排是否合理,用戶是否可以在規定時間內完成任務?
        4. 任務流程安排是否合理,用戶是否感到疑惑?

        STEP5:觀察訪談

        在觀察測試中,需要檢查用戶任務目標和心理認知是否可以順利執行下一步操作,以此來發現可用性問題,因此我們要對以下問題做到心中有數:

        image.png

        在事后訪談中,有以下幾點小小訪談 tips:

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

        STEP6:分析報告

        一般情況下,可用性報告的內容主要包含以下三方面:

        1. 研究概述:測試目標、樣本描述、研究方法等。
        2. 問題解讀:問題描述、原因解讀、嚴重程度及影響范圍評估、數據結果等。
        3. 解決應對:建議的解決方案。

        最后的話

        好的產品設計應當滿足以下特征:可用性、易用性、好用性且具有吸引力。每個特征都是為了能讓產品站穩腳跟而存在的,倘若想要讓產品功能最終具備這些特征屬性,就離不開產品可用性測試的過程。

        而且一個產品設計方案在沒有經過用戶驗證的情況下,容易在實際上線使用后出現一些隱性風險。而前置的設計驗證,在一定程度上可以輔助我們產品功能在上線前發現問題,改進設計。

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

        轉載:優設

        蘭亭妙微(藍藍設計)m.hengshangtqd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

         

        image.png

        教科書級干貨!6招蘭亭妙微UI設計公司,帶你玩轉情感化設計

        清陽 設計思維

        過去十幾年,數字產品設計的核心一直是能用、穩定、無障礙,但如今功能同質化嚴重,情感體驗成為產品決勝關鍵
         
        C 端用戶追求 “用得開心”,加載動畫、趣味細節都能提升好感;B 端用戶需要 “用得舒服”,簡潔界面、貼心反饋能緩解工作疲憊。
         
        情感化設計不是單純美化界面,而是用設計觸發正向情緒,建立用戶與產品的情感連接,最終提升滿意度與忠誠度。蘭亭妙微UI設計公司帶您一起看。

        image.png

        一、什么是情感化設計

        image.png

         
        情感化設計是以激發用戶積極情緒為核心的設計理念,超越基礎功能與可用性,讓用戶在使用中產生愉悅、安心、被重視的感受。
         
        它基于唐納德?A?諾曼的三層情感模型,覆蓋用戶全體驗鏈路:
         

        1. 本能層(視覺感官)

        image.png

        第一眼視覺沖擊,直接影響初始好感。
         
        • C 端:美團橙黃色傳遞溫暖食欲感
        • B 端:Notion 低飽和色系降低信息壓迫感
         

        2. 行為層(操作交互)

         

        image.png

        操作流暢度與即時反饋,決定使用舒適度。
         
        • C 端:淘寶購物車動效、點擊反饋
        • B 端:360 安全衛士查殺流暢動畫
         

        3. 反思層(品牌記憶)

        image.png

         
        使用后的長期感受,塑造品牌忠誠度。
         
        • C 端:網易云音樂年度聽歌報告
        • B 端:Slack 年度團隊感謝動畫
         

         

        二、UI 情感化設計發展三階段

         
        1. 功能導向期:以技術為中心,僅滿足基礎使用,用戶適配系統image.png
        2. 體驗興起期:關注可用性,界面更直觀易用

          image.png

        3. 情感化階段:以用戶情感為核心,打造有溫度的體驗image.png

         

         

         

        三、為什么要做情感化設計

         
        人類決策由情緒驅動,大腦杏仁核、前額葉皮層等區域負責情感處理,多巴胺、血清素直接影響愉悅感。
         

        image.png

        情感化設計能:
         

         

        • 觸發用戶正向行為,降低心理防線
        • 建立品牌認同與身份歸屬感
        • 實現用戶體驗與產品價值的雙贏
         

         

        四、情感化設計三大核心要素

        image.png

         

        1. 視覺設計:用美學傳遞情緒

         
        • 色彩:藍色 = 信任、紅色 = 熱情、黃色 = 活力,精準匹配情緒image.png
        • 排版布局:簡潔對稱 = 平靜舒適,雜亂無章 = 焦慮煩躁image.png
        • 動畫過渡:輕量動效緩解等待焦慮,提升操作愉悅感image.png
         

        2. 交互設計:用細節傳遞關懷

         
        • 微交互:按鈕反饋、懸停變化、加載動畫,體現設計用心image.png
        • 個性化:基于用戶行為定制推薦,讓用戶感到被理解image.png
         

        3. 內容語言:用語氣拉近距離

        • 語氣適配:幽默親切 or 專業嚴謹,匹配產品調性image.png
        • 正向引導:錯誤提示安撫、成功操作鼓勵,減少用戶挫敗感image.png
         

         

        五、情感化設計的價值(C 端 + B 端)

         

        對 C 端產品:拉近距離,提升粘性

         

        image.png

        • 降低使用門檻,擬人化設計減少操作挫敗感
        • 強化用戶認同,契合審美與情感偏好
        • 促進轉化傳播,激發分享欲與復購
         

        對 B 端產品:提升效率,優化協作

         
        • 緩解工作壓力,簡化流程、清晰反饋減少焦慮image.png
        • 增強團隊協作,正向激勵提升參與感image.png
        • 降低落地阻力,人性化設計減少員工抵觸image.png
         

         

        六、6 招落地情感化設計(核心實操)

         
        1. 視覺輕量化:低飽和配色、留白設計,減少視覺疲勞
        2. 微交互精細化:操作必有反饋,加載、點擊、錯誤狀態全覆蓋
        3. 文案人性化:拒絕生硬提示,用親切、鼓勵的語言溝通
        4. 場景適配化:C 端做節日皮膚、個性化內容;B 端做高效流程、簡潔界面
        5. 反饋即時化:任務完成、流程卡點及時提示,給用戶掌控感
        6. 迭代動態化:通過用戶調研與數據反饋,持續優化情感體驗

         

         

         

        結尾總結

         
        情感化設計不只是好看的插畫、動效,而是覆蓋視覺、交互、文案的全維度體驗設計。
         
        它把冰冷的功能,變成懂用戶、有溫度的產品,讓 C 端用戶愛上使用,讓 B 端用戶高效舒適。
         
        做好情感化設計,需要產品、設計、研發多方協作,以用戶為中心,持續迭代優化。
        轉載:優設

        蘭亭妙微(藍藍設計)m.hengshangtqd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

         

        image.png

        B 端表單設計(上)優化版|清晰、好讀、可直接落地

        清陽 設計思維

        在B端產品設計中,表單作為核心數據錄入與交互載體,其設計的合理性直接影響產品效率與用戶體驗,蘭亭妙微ui設計公司在長期服務B端客戶的過程中發現,許多產品因表單設計不規范、邏輯混亂,導致用戶填寫效率低、錯誤率高,甚至放棄操作。基于此,結合蘭亭妙微ui設計團隊的實戰經驗,我們保留核心干貨,修正設計誤區,梳理清晰邏輯,打造一份可直接落地、適合設計師快速查閱的B端表單設計指南,助力更多產品打造高效、易用的表單體驗。
         

        一、開篇:B端表單到底是什么?

        表單是B端產品核心數據錄入載體,本質是把線下紙質單據搬到線上,適配電腦/移動端操作習慣。核心目標:降低填寫成本、減少錯誤、提升效率、提高完成率。

        image.png

        二、表單三大設計原則

        1. 表意明確:用對組件:日期用DatePicker、數字用InputNumber,不混用、不誤導。
        2. 簡潔高效:信息獲取快、錄入操作快;視覺清爽,不堆砌。
        3. 安全容錯:操作前:清晰提示輸入規則;操作中:實時校驗、自動糾錯;操作后:草稿保存、二次確認防誤操作。

        三、表單基礎構成(必掌握)

        基礎表單 = 標簽 + 表單域 + 提示信息 + 操作按鈕;高階表單 = 基礎 + 校驗提示/幫助提示/占位符/動態增減。

        image.png

        1. 標簽布局(4種,效率排序)

        效率:頂對齊 > 右對齊 > 左對齊 > 內部標簽
        • 頂對齊標簽:速度最快(50ms定位)、瀏覽填寫雙快、省橫向、占縱向。? 適用:追求快速填寫、標簽長短不一、延展性要求高。

          image.png

        • 右對齊標簽:填寫快、省縱向、閱讀稍慢。? 適用:要屏效+要速度,標簽長度差異小。image.png
        • 左對齊標簽:閱讀穩、填寫慢、省縱向。? 適用:復雜/敏感信息、需要用戶仔細核對(如注冊)。

          image.png

        • 內部標簽:省空間、輸入后消失易遺忘。? 適用:移動端極簡表單(≤2項),不建議PC端大量使用。

           

        2. 必填/選填標記規則(統一最關鍵)

        image.png

        • 全必填:可統一不標,保持全局一致即可
        • 必+選混合:只標必填* 或 只標選填,二選一并貫穿全站
        • 星號位置:建議放標簽左側,一眼掃完必填項

        3. 表單域(輸入核心)

        image.png

        包含:輸入框、選擇器、時間選擇器、數值選擇器、上傳。
        設計要點:
        • 寬度與輸入內容匹配:長度暗示輸入量(建議用80/120/160/240/400這5檔)
        • 提供合理默認值:減少選擇負擔,提升填寫速度
        • 提示文案:有用、具體,不寫“正確但無用”的話

        4. 操作按鈕

        image.png

        • 彈窗表單:按鈕底部居右(確認在最右)
        • 頁面長表單:按鈕居中(減少操作距離)
        • 閱讀順序:右上角/右下角 → 從右往左;表單內 → 從左往右

        四、表單4種布局類型

        1. 基礎表單:表單項≤7個、結構簡單,直接單列/雙列排布。

          image.png

        2. 錨點定位表單:內容極多、縱向超長、各組強關聯,用錨點快速跳轉。

          image.png

        3. 標簽頁(Tab)表單:內容多、各組無強關聯,用Tab分組隔離。

          image.png

        4. 分步(Steps)表單:有先后邏輯順序,給用戶進度預期。

          image.png

        五、表單5種交互形式(按內容量排序)

        內容由少到多:氣泡卡片 → 原位編輯 → 彈窗 → 抽屜 → 頁面跳轉
        1. 氣泡卡片 Popover:輕描述、輕操作,不打斷流程。

          image.png

        2. 原位編輯:展示即編輯,回車保存,極簡錄入。

          image.png

        3. 彈窗 Modal:不離開當前頁,承載簡單表單。

          image.png

        4. 抽屜 Drawer:側邊滑入,可多層,適合中量內容。

          image.png

        5. 頁面跳轉:最通用,適合復雜、長表單,必打斷當前流程。image.png

          蘭亭妙微(藍藍設計)m.hengshangtqd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

           

          image.png

        蘭亭妙微:UI 設計中的色彩運用法則與實戰實踐

        濤濤 設計思維

        色彩是 UI 設計的靈魂,它并非單純的視覺裝飾,而是傳遞品牌情緒、引導用戶行為、強化設計質感的核心語言。蘭亭妙微深耕 UI/UE 設計領域十六載,始終將色彩運用作為設計體系的核心環節,在工業制造、醫療健康、財稅金融、航天軍工等垂直領域,將色彩理論、色彩心理學與行業場景深度融合,形成了一套 “理論落地 + 行業適配 + 用戶感知” 的色彩運用方法論。從色彩比例的精準把控到色彩情緒的精準傳遞,從自然靈感的汲取到實用工具的高效運用,蘭亭妙微讓每一種色彩的選擇都有邏輯、有溫度、有價值,讓色彩成為連接品牌與用戶的無聲橋梁。

        如何做好B端產品的競品分析?

        清陽

        競品分析作為日常工作中常用的基礎能力,在 C 端和 B 端兩種截然不同的產品形態下需要面對的難點也是不盡相同的。那么作為面向企業、公司的 B 端產品,在做競品分析時的流程以及側重方向上都有哪些特點呢?蘭亭妙微UI設計公司將從產品差異等幾個方向為大家分享一下自己的思考和總結,以期能夠提供參考和建議。

        “競品分析”我們從字面上理解,就是對現有的以及潛在的競爭產品的優劣進行分析和總結。用以了解市場行情及自身產品的定位,發現新的市場機會,探索產品迭代的有效策略。在正式介紹 B 端競品分析的經驗和思路之前,想先簡單介紹一下 C 端產品和 B 端產品的差異點,也能更好的理解 B 端產品的特性。

        一、先搞懂:B 端 vs C 端 核心差異

        image.png
        B 端產品面向企業 / 組織,強調效率、流程、合規;C 端面向個人用戶,強調體驗、流量、轉化。兩者做競品分析的思路完全不同。
         
        表格
         
         
         
        對比維度 B 端產品 C 端產品
        用戶 企業客戶、組織角色(管理者 / 員工) 海量個人用戶
        場景 辦公場景、工作流程、時間固定 生活場景、碎片化、強私人屬性
        設計 重流程、效率、穩定性 重體驗、細節、拉新留存
        競品 公開度低、同質化低、難體驗 公開易找、同質化高、易體驗
        盈利 定制化報價、按年 / 模塊收費 明碼標價、會員 / 廣告 / 電商
         
        B 端競品分析兩大難點
         
        1. 競品難找、信息不透明
        2. 產品難試用、核心功能不開放
         

         

        二、第一步:明確分析目的 + 搭建分析框架

        image.png

        做競品分析前,先定目標,避免盲目對比。
         

        1. 分析目的(二選一為主)

         
        • 戰略層:對比市場定位、定價、客戶群、產品矩陣、服務模式
        • 功能層:找產品優缺點、看流程合理性、輔助迭代規劃
         

        2. 必收集的背景信息

        image.png

        • 公司背景:成立時間、規模、行業案例
        • 技術背景:核心技術、迭代節奏、生態合作
        • 客戶與場景:目標行業、使用角色、核心痛點
         

         

        三、第二步:B 端競品怎么找、怎么篩?

         

        1. 四類必選競品

        image.png

        1. 初代產品:看行業起源,理解原始需求
        2. 直接競品:核心對標,全面拆解
        3. 間接競品:局部功能可借鑒的產品
        4. 頭部競品:行業標桿,看成熟方案
         

        2. 小眾領域:先發散→再收斂

         
        • 發散:提煉核心關鍵詞(如體驗管理→CEM、體驗監測、客戶洞察、數據采集)
        • 收斂:用官網信息篩選,剔除定位不符的 “偽競品”
         

        3. 信息渠道

         
        • 行業報告、行業峰會 / 論壇
        • 搜索引擎、垂直媒體
        • 廠商官網、客戶案例、銷售資料
         

         

        四、第三步:B 端產品難體驗?這 4 種方法最實用

         
        B 端多為半公開 / 非公開系統,不能直接注冊試用,用以下方式突破:
         

        1. 半公開產品(可對外售賣)

        image.png

        • 看官網:快速了解定位、功能、客戶、案例
        • 申請試用 / 付費:最真實體驗流程與交互
        • 角色扮演咨詢:假裝客戶問銷售,獲取報價、交付、實施細節
         

        2. 非公開產品(內部系統 / 定制系統)

        image.png

        • 人脈借賬號:親自操作體驗
        • 操作錄屏 / 影子計劃:錄屏回放完整流程
        • 用戶訪談:訪談使用者 / 客服,了解真實痛點
        • 流程記錄:梳理操作路徑,還原體驗地圖
         

         

        五、第四步:分析總結 + 輸出可落地結論

        image.png

        1. 按框架對齊信息:功能、流程、體驗、定價、客戶、服務逐項對比
        2. 提煉優劣勢:哪些可直接借鑒、哪些要避開
        3. 結合自身落地:不照搬競品,匹配公司資源、產品定位、團隊能力
        4. 長期跟蹤:B 端迭代慢,需持續關注競品更新

        image.png


         

        六、極簡工作流程(直接照做)

        定目標 → 2. 搭框架 → 3. 找競品 → 4. 巧體驗 → 5. 對比分析 → 6. 輸出結論與迭代建議

        轉載:優設

        蘭亭妙微(藍藍設計)m.hengshangtqd.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

         

        image.png

         

        日歷

        鏈接

        個人資料

        藍藍設計的小編 http://m.hengshangtqd.cn

        存檔

        主站蜘蛛池模板: 国产成人精品一区二区三| 夜色www国产精品资源站| 国产人妻人伦精品一区二区| 国产精品国产三级在线专区 | 九九精品免费观看| 国产三级精品三级在线观看| 9.1原创大神| 免费看国产成年无码av| 亚洲性码不卡视频在线| 国产精品蜜臀av在线一区| AV不卡在线| 精品人妻国产| 曰本人免费毛片直接看视频| 国产精品亚洲аv无码播放| 中文字幕亚洲综合久久| 亚洲自拍图色一区| 成年男女免费视频网站点播| 伊人丁香五月天久久综合| 成人亚欧欧美激情在线观看| 国产一区在线播放av| 日韩经典午夜福利发布| 亚洲成在人线免费观看| 97人妻精品无码| 我要看特黄特黄的亚洲黄片| 蜜桃av在线| 精品国产卡二2卡3卡4卡乱码| 成人无码区免费AⅤ片WWW| 亚洲精品久久久久国产 | 成人在线亚洲| 亚洲%20欧美%20动漫%20少妇%20自拍 | 亚州成人小说| 欧美性xxxxx极品少妇| 熟女嫩穴?播放| 激情综合色综合久久丁香| 成人视频AAA| av色导航| av诱惑一区二区三区| 中文字幕亚洲有码| 亚洲av成人无网码天堂| 亚洲激情小说| 猫咪AV成人永久网站在线观看|