做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

首頁

區塊組件-表格頁的設計梳理|北京藍藍UI設計公司

ui設計分享達人

表格的設計,雖然看似簡單,但是作為用戶最常用的組件之一,我們需要對視覺和交互的精準把握,才能保證用戶在使用表格時更加高效表格被公認是展現結構化數據最為清晰、高效的形式。常和按鈕、搜索、篩選、分頁等其他元素一起協同,構成表格頁。表格的設計,雖然看似簡單,但是作為用戶最常用的組件之一,我們需要對視覺和交互的精準把握,才能保證用戶在使用表格時更加高效。

設計師和前端開發,如何實現高效協同的工作流|北京藍藍UI設計公司

ui設計分享達人

開發做的界面和設計稿差異巨大,或者完全不是一回事,是非常普遍的現象,也是最困擾UI設計師的問題之一。很多時候設計師辛辛苦苦設計了半天,最后落地的成品貨不對板,這就等于對之前設計的全盤否定,讓我們產生工作的內容毫無意義的想法。

藍藍UI設計隨筆:如何做軟件產品用戶旅程圖?|

博博

藍藍寫
畫出用戶旅程圖是我特別喜歡的一個工作方法,可以與產品、研發、市場團隊一起共創,優化產品。
用戶旅程圖是一種圖形化工具,用于詳細描述用戶在使用產品或服務時所經歷的各個階段和步驟。它能夠展示用戶的整個使用過程,包括用戶的需求、痛點、態度和行為,以及產品或服務如何與用戶進行互動。作為產品設計者,我們可以通過用戶旅程圖更好地理解用戶需求,提前發現后續的用戶體驗問題,并思考如何提升產品或服務的用戶體驗。
用戶旅程圖的應用廣泛,不僅可以幫助我們進行流程分析,還可以識別痛點,定義問題域。同時,它也可以幫助我們進行用戶反饋的收集和整理,為產品或服務的優化提供依據。然而,用戶旅程圖并不是一種一次性的工具。它需要我們不斷地更新和完善,以適應不斷變化的市場和用戶需求。因此,即使我們所屬的團隊沒有特別完善,也許我們在很長時間內都沒有運用的環境,但是不要忘記,它依然是一個威力無比的工具。
現在我們就來重溫一下,這是藍藍設計的用戶旅程圖~~~

UI設計公司的用戶旅程圖

這是乘坐飛機過程的用戶旅程圖~~~

使用用戶旅程圖的方法如下:
Step 1:明確用戶和劃定用戶群
首先,我們需要明確研究的目標用戶和所屬的團隊資源情況。在此基礎上,我們可以確定需要映射的用戶群體,并針對該群體的特定目標和場景進行旅程圖的構建。
Step 2:梳理業務場景下用戶行為流程
根據目標用戶的任務和行為,我們可以梳理出該場景下用戶的行為流程。這個流程包括用戶需要經歷的階段、環節以及交互方式等。如果涉及主次任務流程,都需要一一梳理出來,并加以歸類。這個過程需要深入的剖析,盡可能找出所有用戶與軟件產品產生交互的接觸點,以便進一步拆分出每個階段的用戶目標、操作、接觸點位置、用戶想法以及用戶感受。
Step 3:繪制用戶想法和感受曲線
在梳理完用戶行為流程之后,我們需要根據調研時記錄的用戶反饋和情感變化,繪制出用戶的想法和感受曲線。這個曲線通常采用情緒曲線的形式來展示用戶的情感變化,并標注出用戶的痛點和爽點。
為了獲取用戶數據,我們采用了多元化的數據收集方法,例如:
用戶行為觀察:直接觀察并記錄用戶在各個階段中的實際操作行為。
用戶測試:通過測試用例執行,評估用戶在特定任務中的操作效率、反復性以及清晰度。
用戶調查:以問卷或在線訪談的形式,收集用戶對于任務完成情況的反饋以及他們的疑問和不滿。
熱圖分析:通過熱圖工具分析用戶在界面上的鼠標移動和點擊行為,以評估操作的順暢程度。
工單與客服反饋:收集并分析用戶通過工單或客服途徑反饋的問題和意見。
這些數據均應直接來源于真實的用戶行為和反饋,而不是團隊內部的推測或分析。在整理數據時,我們需要避免主觀評價和情緒化的表達,堅持以客觀事實為基礎,并關注以下幾類關鍵數據:
用戶實際操作過程:觀察并記錄用戶在各個階段的具體操作步驟。
操作效率:通過測試數據評估用戶完成特定任務的效率。
操作的反復性:記錄用戶在操作過程中重復操作的次數和頻率。
操作過程的清晰度:通過用戶調查或熱圖分析,了解用戶對于當前操作流程的清晰程度和滿意度。
任務完成情況:根據用戶調查和工單反饋,統計任務完成率以及未完成的原因。
用戶疑問:整理并分析用戶在各個階段中遇到的疑問和困惑。
用戶不滿:收集并分析用戶對產品或服務的不滿和抱怨。
用戶情緒:通過工單、在線訪談或社交媒體分析,了解用戶對產品或服務的情緒反應。
Step 4:總結解決方案和新的靈感切入點
在對這些數據進行痛點分析時,我們需要對這些痛點進行系統的梳理、分級以及深度挖掘,以洞察痛點背后用戶的真實需求和期望。然后,基于這些痛點和需求,識別出產品或服務優化和改進的關鍵機會點。

通過回答這些問題,我們可以總結出相應的解決方案和新的靈感切入點,為產品或服務的優化提供參考。
在分析過程中,我們可以采用多種方法來拓寬思路和尋找可能的改進點,例如:
行業內成功做法借鑒:研究同行業其他成功案例,了解他們在解決類似問題時的策略和方法。
項目經驗總結:回顧團隊歷史項目中的類似問題,提煉成功和失敗的經驗,以便應用于當前問題的解決。
專業判斷與經驗聯想:依靠專業知識和行業經驗,提出可能的問題解決方案,并聯想類似場景中可能的優化策略。
用戶視角思考:換位思考,從用戶角度出發,嘗試理解他們可能的痛點和需求,以及可能的解決方案。
頭腦風暴:組織團隊成員進行頭腦風暴,鼓勵發散性思維,盡可能多地提出可能的解決方案。

我們的目標并非僅僅是為了制作一張漂亮的圖形或者報告,而是通過這種結構化的分析方法,盡可能客觀地找出產品或服務中用戶體驗優化的關鍵機會點,以便為進一步的決策和實施提供明確的方向和依據。通過繪制圖表,我們可以清晰地展示整個分析過程以及結果,提供一種可視化的視角以便團隊成員更好地理解和評估產品的優勢與不足。
多練習~~這是一個很有效的積思廣議、從多角度解決問題的一個好方法。
祝大家使用順利~~

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯系01063334945

藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 cs界面設計ipad界面設計包裝設計圖標定制 用戶體驗交互設計網站建設 平面設計服務UI設計公司界面設計公司UI設計服務公司數據可視化設計公司UI交互設計公司高端網站設計公司UI咨詢用戶體驗公司軟件界面設計公司

如何讓表格頁面更具有吸引力和易用性|北京藍藍UI設計公司

博博

改版前

改版后

頁面框架

1.導航菜單

用于承載同一層級下不同頁面或類別的組件,方便用戶在同一個頁面框架下進行快速切換。

1.1.顏色

導航層和內容層劃分明確,從本質上講,這兩個本身就屬于不同的業務模塊,通過顏色的區分,是最為直接,最簡單的一種方式。左側導航為深色,能夠讓用戶更沉浸的體驗,右側內容區都為淺色,用戶在使用時能夠真正做到有區分。

1.2.側邊導航

將菜單欄放置在左側,頁面布局上為左右結構,將導航菜單放置左側固定
優點:
擴展性較強(多級導航可以流暢展示,可以涵蓋很多大而全的產品)
展示靈活(側邊導 航可收折,收折過后用戶的橫向核心空間將會增大大,頁面展示效率也會大大提高)
快速定位(視覺啟始線統一,用戶可以根據首字進行查找,方便查找)

1.3.圖標

線性圖標是由直線、曲線、點在內等元素組合而成的圖標樣式,通過線來塑造輪廓。線性圖標具有辨識度高,清晰,簡約易識別等優點,不會對頁面造成太多的視覺干擾。

2.樹結構

用于承載有父子關系的結構化內容,提供內容層級的展示。

2.1.組織信息

樹形結構可以幫助將信息進行層級分類,清晰地展現出信息之間的從屬關系。這樣,用戶可以快速找到所需內容,降低了在應用中迷失的可能性。

2.2.幫助用戶導航

在一個頁面上展示多個層級的內容,用戶通過點擊展開或折疊相關節點,無需頻繁地跳轉頁面。這種設計簡化了導航過程,提高了用戶滿意度和黏性。

2.3.左樹右表

根據人的視線流和操作順序,將樹結構放置在表格左側,先幫助用戶定義表格的具體內容,后引導用戶進行表格內的操作

3.表格

表格常用于展示同類結構下的多種數據,易于組織、對比和分析等,并可對數據進行搜索、篩選、排序等操作。一般包括表頭、數據行和表尾三部分

3.1.斑馬紋表格

斑馬紋表格通過交替的數據行背景,可以引導用戶的視線,使得大量數據看起來更加和諧和有條理。這使得用戶能夠更快地找到他們需要的信息,提高了數據的可讀性和掃描性。同時可以減少視覺噪音和協助對比,從而幫助用戶更加輕松地瀏覽表格數據,降低視覺疲勞。

3.2.居中對齊

居中對齊的文字和數據在視覺上更加均勻分布,可以讓用戶更加輕松地瀏覽和讀取數據。特別是在處理包含大量數據的表格時,居中對齊能夠減少視覺上的擁堵感,提高數據可讀性。可以使整個表格的行高參差不齊的現象得到緩解,給用戶一種視覺上的統一感。

3.3.顏色

品牌色用于選中和編輯,紅色用于警示和禁止操作,綠色用于積極意義的信息或者操作。控制顏色數量,且不同顏色表達不同的含義,符合用戶思維慣性,具有良好的反饋作用。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 cs界面設計ipad界面設計包裝設計圖標定制 用戶體驗交互設計網站建設 平面設計服務UI設計公司界面設計公司UI設計服務公司數據可視化設計公司UI交互設計公司高端網站設計公司UI咨詢用戶體驗公司軟件界面設計公司

如何給界面做減法,實現B端設計提效效果?|北京藍藍UI設計公司

ui設計分享達人

首先看我們這次改版的對象:

如何給界面做減法,實現B端設計提效效果?

光憑第一印象,整體效果是還不錯的,落實到每個局部的話,布局也是合理的,可以看到是有設計的細節在里面.jpg。

但是,再多看幾眼,就會發現整體的效果似乎有點不和諧,但又找不出來問題具體在哪,不知道怎么改下去。問題的根源就是 —— 過度設計。

我們強調過很多次,表盤頁的設計是作品集項目中最重要的頁面,因為觀看者對整體視覺和設計水準的印象是通過它建立起來的,不管你分析怎么寫,我們首先關注的肯定也是設計的效果。

但重要不代表需要過度傾注和堆疊視覺元素,過度的設計會讓界面看起來有 “飛機” 敢,不僅不真實的印象產生了,還會顯得業余不夠自信。同時任何項目中表盤頁過度設計都會對整個項目造成負擔,后續的頁面要怎么設計才能不和它產生隔閡,保持一致性。

下面,我們根據原頁面進行分析,來找出問題并優化:

問題 1:導航欄的圖標

導航的頂部 LOGO 描邊沒有太大必要,以及圖標的設計在這個尺寸下非常的局促,因為細節較多,不僅復雜性提升了,也缺乏圖形辨識。

所以改動中,將多余的背景去掉,再簡化圖標本身的樣式。


如何給界面做減法,實現B端設計提效效果?

問題 2:頂欄的設計

頂部欄本身設計單看是沒有問題的,但是作為全局欄目和導航欄顏色缺乏區分,而且用了投影來強化層次,就讓這個模塊的權重被過度放大。

所以我們去掉了背景色,并適當增高欄目的高度,讓局部更舒展。

如何給界面做減法,實現B端設計提效效果?

問題 3:統計數字的問題

統計數字在作品展示里用特殊字體很常見,因為要用更美觀的字體來呈現重要的信息。但任何頁面中的信息權重都要保持階梯性,不能讓加粗、深色、特殊字體幾個要素作用在過多的信息上,這就讓畫面顯得非常的“吵”。

所以要對字重和色彩做控制,創造對比來降低視覺的壓力。

如何給界面做減法,實現B端設計提效效果?

問題 4:圖表的應用

原圖中的圖表應用有一定的問題,第一個柱狀的堆疊類型并不是太符合實際數據應用,下方的環形圖中起始位置顯然不對,并且色彩比較混亂。

所以是答案對它們做出優化,并調整了一些小細節。

如何給界面做減法,實現B端設計提效效果?

問題 5:配圖類型選擇

在引導卡片中,用的扁平插畫素材一方面不高級,另一方面內容太碎,再加上用奇怪的字體和傾斜,使得這個卡片看起來非常別扭。

改動中替換新的圖片素材(臨時找的,理解意思就行),同時使用一般黑體的標題,以及增加背景色,來形成新的卡片樣式。

如何給界面做減法,實現B端設計提效效果?

問題 6:裝飾圖標應用

在快速入口和日程模塊中,都有使用裝飾圖標,顯然大家也能理解他們對于目前的語境來講還是細節過多了,所以需要做一些調整,讓它們簡化。

如何給界面做減法,實現B端設計提效效果?

最后,再加上一些細節的小改動,最終的樣式就完成了。


如何給界面做減法,實現B端設計提效效果?

表盤的設計一定要在最后做檢查,一些設計感強的元素是否有必要這么做,尤其是類似圖標元素,做得很花哨是否對信息的識別能帶來幫助?如果不行,那就可以果斷的放棄。

表盤頁的設計感來自 —— 全局元素和色彩的控制,而不是單一某個局部內容的加強。

文章來源:優設
作者:酸梅干超人

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 cs界面設計ipad界面設計包裝設計圖標定制 用戶體驗交互設計網站建設 平面設計服務UI設計公司界面設計公司UI設計服務公司數據可視化設計公司UI交互設計公司高端網站設計公司UI咨詢用戶體驗公司軟件界面設計公司

AIGC | B端視覺設計全攻略-手把手教程|北京藍藍UI設計公司

ui設計分享達人

人工智能的嶄新概念正在逐漸改變我們對設計的認識和實踐方式。在這個數字化時代,AI不再僅僅是一種輔助工具,它已經成為設計師的得力助手,能夠提供更高效、更智能的設計方案。在B端設計視覺中,AI的應用為我們開辟了一條通向更優質設計的道路,本文將深入探討如何借助AI技術,輔助設計師完成B端設計視覺。無論你是剛剛踏入設計領域的小白,還是經驗豐富的資深設計師,都可以利用AI工具來提升設計效率、優化視覺效果。

AIGC|海報落地設計流程

ui設計分享達人

從幾個月前AIGC的興起到現在,各行各業已經有許多團隊將之運用在工作流程當中。其中,Midjourney的到來,不僅在一定程度上提升了設計師們的工作效率,也為設計師提供了更多設計方式上的可能性。其快速出圖的特點幫助設計師節省了設計初稿的時間,可圈可點的畫面構圖與光影關系又給設計師帶來許多靈感與參考。那么,到底該如何運用Midjourney來幫助我們將一個項目落地呢?本文將以一個大型活動的主視覺設計案例,解析如何利用Midjourney,來幫助我們從最初的構思到最后項目落地。

設計師如何洞察客戶行業|北京藍藍UI設計公司

ui設計分享達人

設計的價值怎么衡量?更有錢?更有名?更有權?全都不是工作價值 = 社會需求 X 生態位 也就是設計在越大越難的社會需求中,承擔越大越難的職責,那就意味著有更大的價值。錢也好,名也好,權也好,都只是真正價值交付后產生的副產品,我們把這些副產品暫時拋開,關注事情的本質。

如何利用激勵體系提升用戶粘性|北京藍藍UI設計公司

ui設計分享達人

用戶激勵體系是促進用戶增長和活躍的常用手段,無論是節假日的各類運營活動,還是各種等級、積分體系,都稱作激勵體系。因此很多人會困惑:為什么有的產品有 “積分” 又有“金幣” ,好像重復了?其實不然,它們是兩套并行的激勵體系,各自發揮著重要作用。激勵體系復雜多樣,因此筆者基于最近的實踐經驗和理論積累,將論述常見的用戶激勵方式,以及針對好看視頻APP人群分層設計激勵體系的思路。

宏觀視角:聊聊AIGC對設計行業的影響與啟發

ui設計分享達人

生成式AI到了技術發展從開始走向期望的膨脹期,現象級產品已經出現;
在產業結構中,AI智能應用近乎爆發的狀態;
生成式AI的可控性突破也是爆火的重要原因之一。

日歷

鏈接

個人資料

藍藍設計的小編 http://91whvog3.cn

存檔