藍藍設計(www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。
關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數(shù)據(jù)可視化設計公司、用戶體驗公司、高端網(wǎng)站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
便當盒是日本午餐和午餐盒文化的重要組成部分。他們以井然有序的方式儲存食物,并保持著食物清潔。
圖片來源 — Freepik
從便當盒演變而來的 Bento UI 設計風格,是便當盒在屏幕上的數(shù)字化效果,基于卡片的設計或網(wǎng)格布局,其中信息以不同的部分或容器呈現(xiàn),以提高清晰度和易用性。它慢慢開始在 Dribbble 和 Behance 等平臺上掀起波瀾,吸引數(shù)百萬設計師關注。
后續(xù)這種“模塊化”設計概念開始出現(xiàn)在網(wǎng)站的儀表板,包括 PayPal 的銷售和財務儀表板、Google Ads 的分析工具等。Windows Phone 和 Lumia 使用的 UI 本質(zhì)上是 Bento 設計風格的早期迭代。后來,微軟也將這一概念應用到了 Windows 8 的 Windows 桌面開始菜單中。
Windows 8 開始菜單當蘋果公司在 iPhone 登陸頁面上開始使用 Bento 網(wǎng)格時,Bento 設計被徹底引爆,很快擴展到蘋果的發(fā)布會演示中。
另一張?zhí)O果海報
眾所周知,蘋果公司總能引領市場設計趨勢,而 Bento 設計風格只是其中之一。從那以后,每個設計師都使用 Bento 進行產(chǎn)品設計、產(chǎn)品發(fā)布等。
日式便當?shù)脑O計與 Bento 設計趨勢之間的最大區(qū)別在于, Bento 網(wǎng)格的每個部分都代表一個獨特的空間,而不是一個組的一部分。它現(xiàn)在已經(jīng)發(fā)展到包括產(chǎn)品演示,與其他一些獨特的布局混合,甚至采用新的視覺設計概念進行風格化。比如下面這個:
Bento 設計互動現(xiàn)場演示
上面的例子來自 diagram.com,它使用便當網(wǎng)格來展示其工具通過交互式體驗可以做什么的現(xiàn)實生活示例,讓這個工具更具吸引力,并告訴用戶他們應該期待什么。
同時,為了幫助全球設計師開拓思路,出現(xiàn)了一些 Bento 設計靈感的收集網(wǎng)站,如 Bentogrids.com ,其中有大量用于 UI 和圖形設計的 Bento 網(wǎng)格。感興趣的設計師朋友可以前往體驗。
Bentogrids官網(wǎng)
Bento UI 設計風格擴展性較強,可以快速的創(chuàng)建響應式動態(tài)分布,同時可以輕松地創(chuàng)建明確的視覺層次結(jié)構和布局,提高信息可讀性和可理解性。這些優(yōu)勢讓 Bento UI 在移動設備上的發(fā)揮非常出色,但如果是層級結(jié)構較為復雜的頁面,Bento UI可能并不適合。
想象一下,你剛剛醒來,拿起手機查看“重要電子郵件”。畫面切換,你帶著蘋果的 Vision Pro,整個信息流都來源于這里。這是 2023 年 6 月 5 日全世界每一位科技和設計愛好者的早晨。
圖片來源 — Apple.com
在接下來的幾周里,這是科技界談論的主要話題,每個設計師都在努力學習空間設計技能。除了設計趨勢之外,各種 AR / VR 初創(chuàng)公司也走到了最前沿,他們的技術終于被人們談論。Vision Pro 真正推動了 AR 和 VR 的發(fā)展。
偉大的技術帶來巨大的設計潛力。從智能手表到折疊手機,設計師們總是挺身而出,展示他們的適應性??臻g設計也不例外。
一睹即將發(fā)生的事情
一款名為“Bezi”的流行設計師工具隨之推出,它非常接近 Figma 和 Spline 等設計工具,但增加了第三維空間。設計師可以進行空間設計,連接可用的 AR / VR 耳機,并創(chuàng)建交互式空間體驗。
更好的 UX 是更好的 AR / VR 體驗的一個重要貢獻者。深入了解前沿設計背后的技術、使用實際的 VR 耳機、在空間環(huán)境中進行測試,這些都是工作的一部分。隨著我們的發(fā)展,我們目前對用戶體驗的理解肯定會有很多新的變化。這是需要持續(xù)積累并會在將來使用的技能之一。
除了蘋果公司豐富的想象力和雄厚的財力之外,還有一些不太懂技術的公司也為佩戴眼鏡帶來了全新的體驗。比如太陽鏡公司 RayBan ,已經(jīng)憑借其新款 Meta Wayfarer 進入了智能可穿戴設備競賽。它的內(nèi)置攝像頭和智能功能允許用戶存儲視頻/圖像并直播到社交媒體,這為用戶體驗和客戶體驗帶來了新的維度。
圖片來源 — RayBan
當更多人掌握一項新技能時,新趨勢往往就會誕生。LottieFiles 可以便捷的將 UI 生成簡單的動畫,他們甚至推出了 Figma 插件,允許用戶將 Figma 動畫轉(zhuǎn)換為可導出的 Lottie JSON 文件。這解決了 After Effects 和類似軟件的漫長學習曲線問題,讓更多的設計師可以自己快速制作動畫。
同時我們注意到,如今每個公司的登陸頁面上都有誘人的互動。這源于網(wǎng)站訪問者對差異化體驗的需求不斷增長,以及在銷售產(chǎn)品/服務的過程中講好故事的更大需求。
以 Apple Watch Series 9 的登陸頁面交互為例:
有了滾動動畫,訪問者就會全神貫注于你要向他們展示的內(nèi)容。Webflow 和 Framer 等無代碼工具不斷創(chuàng)新,為設計人員帶來此類動畫功能,而無需編寫長行代碼。
人們可能會認為,動畫至此已經(jīng)達到頂峰,沒有什么值得期待的了。但幸運的是,科技界的人總是在尋找下一件大事,并且提供無窮無盡的強大工具,讓想象的一切都變得可能。其中一種可能性就是新的“動畫按鈕趨勢”。一種新的 UI 風格,引入了動畫技術,使簡單的按鈕變得生動起來。這些變化的范圍從按鈕周圍的簡單筆劃動畫,到鼠標懸停時在按鈕內(nèi)移動的文字星星。
來源于 X的“@learnframer”的 GIF
除了動畫的趨勢之外,最近,許多設計師都在談論設計世界如何從扁平化設計轉(zhuǎn)向更偽現(xiàn)實的視覺風格。其中包括 3D 圖形、深度效果、擬物化、擬物化等。我們也看到很多公司都將 3D 作為核心風格。盡管它現(xiàn)在可能不會出現(xiàn)在網(wǎng)頁和應用程序設計中,但徽標正在隨著這一新趨勢而更新。
新 3D 浪潮的幾個很好的例子(來源于 Chan Karunaratne)
與動畫設計趨勢非常相似,人們實現(xiàn)這些樣式的一個重要原因是出現(xiàn)了易于使用的基于 Web 的 3D 工具,例如 Spline 和 Vectary ,這些工具使得在 Web 和應用程序上包含 3D 資源變得非常容易。他們還使用動畫將 3D 資產(chǎn)帶入生活,這是很多設計師所經(jīng)歷過的最短的學習曲線。設計師很快就能使用基本的線性漸變和一些陰影為企業(yè)的品牌資產(chǎn)添加第三維度。另一家始終推動設計和趨勢的公司是 Airbnb。他們因其簡單而有效的應用程序設計和交互而廣為人知。2023 年,他們宣布了一次應用程序更新,融入了十多個 3D 視覺元素,甚至公告視頻幾乎都是關于3D的。
Airbnb 發(fā)布視頻
等距視覺效果、3D 角色和動畫以及大量應用程序交互足夠吸引眼球,讓用戶想要重復觀看。從平面到動畫或 3D 的轉(zhuǎn)變在緩慢而穩(wěn)定的發(fā)生著。這種趨勢通常是由多米諾骨牌效應造成的。只要一位設計師的社交帖子受到歡迎,其他著名設計師也會效仿。
雖然一些設計師認為 AI 未來會對他們的職業(yè)構成威脅,但我們大多數(shù)人都在使用這項技術更快地創(chuàng)造出最好的設計。
Adobe Firefly 用于視頻處理
不過大多數(shù)聲稱自己為“人工智能驅(qū)動”的設計工具,雖然開放了生成式 AI 的 API,也在開發(fā)自己的人工智能模型,但大多數(shù) AI 功能都還只是噱頭,只能完成隨機設計 UI、重組資產(chǎn)等不穩(wěn)定功能。
但市場上也仍然存在一些設計領域的英雄產(chǎn)品,比如 Relume 。這家專注于 Webflow 的公司推出了名為 Relume AI 的產(chǎn)品,這是一款功能強大的線框和交互工具。在該網(wǎng)站中輸入你的網(wǎng)站描述,它會生成完整且詳細的交互稿和視覺圖,界面的布局和數(shù)據(jù)完整,可以快速復制到 Figma 和 Webflow。
前段時間我們也分享過 Durable 這個建站產(chǎn)品AI + 建站|Durable,融資 1400 萬美金,30秒創(chuàng)建一個網(wǎng)站并成為自己的老板,它提供了創(chuàng)建網(wǎng)站所需要的一打子工具,包括網(wǎng)站構建器、CRM、發(fā)票軟件、人工智能助手等。用戶只需要提供品牌名稱、所屬行業(yè)、開展業(yè)務的地點和網(wǎng)站語言,Durable 就會基于用戶提供的信息快速創(chuàng)建一個網(wǎng)站首頁。
用 Durable 創(chuàng)建網(wǎng)站
在 ChatGPT 還沒有風靡的時候,數(shù)字產(chǎn)品的用戶體驗風格普遍為以 GUI (圖形用戶界面)為主,通過圖形、按鈕、菜單等標準化元素,使用戶可以通過鍵盤、觸摸等方式與終端設備交互。Windows 操作系統(tǒng)、MacOS 、Photoshop等軟件都已 GUI 的用戶界面為主。
GUI 的界面設計在近 20 多年的發(fā)展過程中,由于功能場景的不斷增加, GUI 界面需要兼容復雜的、多樣化的用戶需求。功能強大的同時,設計成本變得很高,用戶的學習成本也隨之提升。尤其是在 TOB 領域的設計中,功能的龐大讓整個頁面擁有多重窗口、四五級以上的導航,即使設計師努力提供簡單易用的頁面,也很難降低用戶的學習難度。
隨著 GPT4 的推出,CUI (對話式用戶界面)的界面體驗正在逐漸應用廣泛。CUI 采用了更加直觀和自然的語言交互的方式,通過自然語言、語音等方式進行對話,可以有上下文記憶和智能化的回應,典型如 Siri 、Amazon Alexa 、 Google Assistant。
CUI 的出現(xiàn),用自然語言的對話方式,可以讓用戶更直觀的與數(shù)字產(chǎn)品進行交互,避免用戶記憶繁瑣的操作路徑,讓 AI 為自己找到最快的解決方案。
但是否所有應用都需要用 CUI 重構一遍?我們認為不會,不同的應用特性會導致不同的設計方向,這給了設計師進一步延展的空間。
用戶體驗的研究已經(jīng)不斷發(fā)展和完善,使設計變得易于理解和包容。相比于視覺設計的精美程度,許多設計師更重視可用性,這帶來了更簡單且可行的設計風格。盡管過去幾年行業(yè)發(fā)生了變化,該設計原則仍然被踐行。
2019 年至 2023 年“用戶體驗可訪問性”的 Google 趨勢圖
上面的谷歌趨勢圖顯示了無障礙設計漸漸成為了真正的工業(yè)需求。可訪問性技術的范圍從顏色對比、可讀字體、可識別的動作元素,一直到追蹤不同用戶的反饋,應用到產(chǎn)品功能中去。
由于當前需要為所有年齡段的人甚至身體有障礙的用戶進行設計,因此無障礙性也受到了大力推動。公司希望從所有不同的人群中獲利,并且也在各個方面推動包容性。隨著越來越多的人走向數(shù)字化,設計師幾乎必須專注于無障礙設計,更多針對無障礙設計的課程和訓練營也面向設計師開放。
除了可訪問性之外,個性化才是真正讓人們鎖定應用程序或網(wǎng)站的原因?;蛟S你以前在 YouTube 上看過這條小信息 :
YouTube 評估你喜歡哪種內(nèi)容以便提供更好的推薦
即使是一個已發(fā)布功能,如果用戶反饋不佳,也很容易面臨撤回的情況,這直接體現(xiàn)了用戶體驗設計師在未來產(chǎn)品和服務方面的領先地位。
Perplexity AI CEO Aravind 曾分享過對于用戶體驗的理解,基本原則是“用戶永遠不會錯”。Perplexity 發(fā)現(xiàn)只有極少數(shù)人知道將好奇心轉(zhuǎn)化為清晰、準確的問題,從而導致結(jié)果不準確,甚至幻覺的出現(xiàn)。(歡迎閱讀我們研究 Perplexity 的深度文章:AI+搜索|關于搜索的想象,和目前估值最高的生成式搜索引擎 Perplexity。)
一種解決思路是總結(jié) prompt 的提問方法,讓用戶能主動學習;另一種解決思路是所以在對話式交互界面上,幫助用戶提一個好的問題。Perplexity 選擇了第二種,增加了提出問題之后的更多問題衍生。——平臺永遠要為用戶多想一步、多做一步。
Perplexity 界面
總得來說,設計趨勢會隨著工業(yè)化進程的推進,而演進為更前沿的風格,也會有更多工具幫助設計師開放腦洞,快速得到心中所想。但無論社會如何進步,以用戶體驗為中心的話題永遠不會終結(jié)。
藍藍設計(www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。
關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數(shù)據(jù)可視化設計公司、用戶體驗公司、高端網(wǎng)站設計公司
銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
設計趨勢年年在變,設計技能也在不斷更新,但回到本源,底層的理論知識是不會變的。我自己幾乎每年還會翻看一些講設計基礎的書,比如《寫給大家看的設計書》之類的,會發(fā)現(xiàn)這些原理每次看都會有新的收獲。
在如今用戶為王的時代,用戶體驗成為一種新的品牌競爭力。隨著技術進步和體驗意識的普及,習慣了C端產(chǎn)品流暢愉悅的體驗,用戶對B端產(chǎn)品體驗的期望也越來越高。
B端C化的概念也由此產(chǎn)生,但B、C端有著本質(zhì)區(qū)別,C端的設計思維無法完全復用到B端,那是否可以基于B端產(chǎn)品特征,融合C端體驗設計思維,即“B+C”來幫助提升B端產(chǎn)品體驗呢?本文聚焦在探索如何通過“B+C”的設計思維,提升B端產(chǎn)品體驗。
我們先簡單了解下B、C端產(chǎn)品各自的定義。B、C端其實是以使用對象的類型,來代指的產(chǎn)品類型,C指個人消費者 (Customer) ,B指組織 (Business) ,這個組織可以是個人、公司、政府或機構,因此B端模式也是多樣的,除了B2B,還有B2C、B2G等。
C端產(chǎn)品幫助個人解決生活場景中的需求痛點,提供人們消費的物質(zhì)、信息和情感。常見產(chǎn)品類型有工具類、內(nèi)容類、社交類、游戲類等,如滴滴、知乎、微信、王者榮耀等。
B端產(chǎn)品幫助組織實現(xiàn)其商業(yè)目的,提供商業(yè)的工具、方法和服務。常見的產(chǎn)品類型有:CRM 客戶關系管理、ERP 企業(yè)資源計劃、OA辦公等,如企業(yè)微信、金蝶、釘釘?shù)取?/span>
下面我將從產(chǎn)品設計的角度,分析B、C端的差異化。
1、設計原則的差異
C端產(chǎn)品主要通過流量轉(zhuǎn)化獲得收益,因此人的注意力和使用頻率是關鍵,所以設計原則為“UCD”(User Center Design)以用戶為中心的設計。
B端產(chǎn)品主要是為了能高效解決行業(yè)業(yè)務問題而存在的,所以其設計原則是以效率為中心。
2、功能流程的差異
C端產(chǎn)品主打一個滿足用戶核心痛點的功能,通過這個核心功能明確產(chǎn)品的特性和定位,附加N個增值功能,提高用戶粘性,加之創(chuàng)新和趣味性,保持與競品之間的差異化。
B端產(chǎn)品功能重全面,為的是能滿足組織的各種業(yè)務需求,組織的業(yè)務邏輯通常就是產(chǎn)品邏輯,功能流程也由業(yè)務場景轉(zhuǎn)化而來。
3、交互邏輯的差異
C端產(chǎn)品是單線程操作,完成一項任務后才能進行另一項。碎片化的使用場景和廣泛的用戶群體,使得C端產(chǎn)品必須信息簡潔、容易上手、操作路徑短,否則將會導致用戶流失影響收益。
B端產(chǎn)品是多線程操作,支持多個任務并行。交互以優(yōu)化業(yè)務流程,提升用戶操作效率為主,關注信息架構,清晰的信息架構能幫助用戶在呈網(wǎng)狀的功能和交織的流程中,定位到自己所在功能頁面,找到所需的有效信息。
4、視覺表現(xiàn)的差異
C端產(chǎn)品視覺設計風格多樣,如賽博朋克、孟菲斯、3D、酸性設計等,注重情感化表達和氛圍的渲染,加上短視頻和直播,讓用戶沉浸其中。
B端產(chǎn)品視覺服務于功能和信息的傳遞,視覺元素較為簡潔,常用色彩對比的形式,建立內(nèi)容邊界和視覺層次。
無論是在設計原則、功能流程、交互和視覺方面,B端產(chǎn)品與C端產(chǎn)品都有比較明顯的差異?;谝陨喜町?,結(jié)合B端產(chǎn)品特征和C端體驗設計思維,我們可以從以下三個方面提升B端體驗:
視覺—降低認知負荷
B端產(chǎn)品講究屏效,看得多通常比看的美重要,信息密度高,則屏效高,卻也相應的會增加用戶的認知負荷,因此我們需要為用戶認知減負。
交互—以用戶效率為中心
從用戶的行為和感知出發(fā),本著以用戶為中心的原則提升操作效率。
情感—關注情緒感受
關注體驗過程的“峰”與“終”,提升用戶整體的體驗感受。
下面我將結(jié)合實際工作案例,講述如何用“B+C”的設計思維,提升B端產(chǎn)品體驗。
Speedshop Omnichannel(下面簡稱為Omnichannel)是款針對國內(nèi)及東南亞中小商家,統(tǒng)一管理多渠道商品、訂單、交易、會員的ERP系統(tǒng)。
目前共支持Lazada、Shopee、Tokopedia、抖音等7個渠道,最多可管理100個線上店,集訂單管理、產(chǎn)品管理、會員管理、聊天、導入導出等功能為一體,服務超40,000商家。
視覺 — 降低認知負荷
對信息的識別和處理是認知負荷的主要來源,在視覺層,我們主要解決的是信息識別帶來的負荷,信息識別就是用戶看到內(nèi)容并選擇的過程,B端產(chǎn)品有信息量大,選擇多的特點,降低認知負荷也將圍繞這兩點進行。
1、優(yōu)化信息展示
/ 符合用戶訴求
B端產(chǎn)品根據(jù)用戶規(guī)模的大小,可以分為大B (一定規(guī)模的中大型企業(yè)) 和小B (小微企業(yè)、個人創(chuàng)業(yè)),兩者對信息的關注點和訴求不同。
表格是B端產(chǎn)品最常用的信息展現(xiàn)形式,且能將信息有序、高效、直觀的傳達給用戶,避免信息堆砌帶來的認知負荷。
比如同樣是訂單頁,大B用戶的訂單數(shù)據(jù)量龐大,且訂單通常是自動流轉(zhuǎn)的,無需手工操作,所以針對大B用戶,表格信息展示有兩個側(cè)重點,一是增加信息密度,二是幫助用戶能夠快速精準過濾信息。
小B用戶的訂單數(shù)據(jù)量相對較小,且以手工處理為主,所以在展示訂單時,可以將關鍵信息整合,通過將信息進行分層、分組的展示形式,降低單頁面信息的復雜度,還可以通過各模塊之間字體大小、顏色、圖標、間距等手段將信息層次區(qū)分開。
/ 豐富信息展示維度
還可以通過圖形化、可視化和視頻的形式,豐富信息的內(nèi)容維度,化抽象為具象,讓信息能更高效的傳達。
在Omnichannel中,用戶需要完成新手配置后才能使用產(chǎn)品,進入首頁看到的是任務型的引導,通過圖形輔助任務說明,豐富畫面的同時還能增加產(chǎn)品的親和力。
B端產(chǎn)品由于業(yè)務的復雜性和技術的局限性,通常操作沒有那么靈活,需要遵守一定的使用規(guī)則,傳統(tǒng)的做法會通過文字說明的方式傳達給用戶,面對一長段的規(guī)則說明,讀幾遍還不一定能理解。
比如在導入產(chǎn)品時,規(guī)則內(nèi)容多且邏輯復雜,可以將內(nèi)容可視化,使其易于傳達和理解。
視頻比文字的畫面感更豐富,傳播的內(nèi)容也更加具體,在幫助中心,圖文的基礎上增加視頻,幫助用戶更高效的獲取幫助信息。
2、提供個性化配置
B端產(chǎn)品通常包含多種用戶角色,每個角色的需求關注點不同,為了滿足各角色的需求,單頁面信息往往會出現(xiàn)超負荷的情況。
我們可以借鑒C端的個性化,對于非業(yè)務性的功能,允許用戶根據(jù)自己的需求和工作習慣進行自定義。
比如下圖,在列表頁,我們?yōu)橛脩籼峁┝俗远x篩選條件和表格字段的設置。
3、提供有效決策信息
由于業(yè)務復雜,保障功能的全面,帶來的結(jié)果通常是操作和選項較多,如果沒有任何指引,B端產(chǎn)品的用戶通常無法做出合適的選擇。
比如下圖的添加商品,根據(jù)不同的使用場景,產(chǎn)品為用戶提供了三種添加商品的方式:
只有三個選擇,看似沒有任何操作難度,但用戶面對未知功能時,通常會根據(jù)自己過往的工作經(jīng)驗,選擇熟悉的功能,這樣一來,可能會誤增了工作量,因此在設計上,要提供輔助介紹說明,幫助用戶決策。
我們在此基礎上,為第一次使用該功能的用戶又做了優(yōu)化,除了消息提示框,還通過標簽強化視覺重點,推薦最適合新用戶的選擇,添加商品的文案也改的更通俗易懂。
交互 — 以用戶效率為中心
1、 提升用戶行為效率
無論B端還是C端產(chǎn)品,都有一個共同的體驗目標:提升操作效率,高效率意味著用戶通過更少的操作,更少的時間完成任務,實現(xiàn)降低成本的目標。在C端產(chǎn)品中,常見的提升效率的方式有:1、根據(jù)用戶行為的流程分析,推薦相應功能;2、聚合用戶行為,縮短操作路徑;3、轉(zhuǎn)移用戶操作成本,讓產(chǎn)品承擔更多的用戶引導、行為判斷和行為記憶,我們可以從以上幾點切入優(yōu)化B端操作效率。
/ 引導用戶操作
在C端產(chǎn)品中,經(jīng)常會有根據(jù)用戶的操作行為,產(chǎn)品給出相應的推薦操作,如截屏后,在用微信發(fā)信息時,系統(tǒng)會提示是否要發(fā)送截圖,這種在操作過程中增加相關功能的曝光或引導,提高用戶操作效率的同時也不影響流程的順暢進行。
下圖是商品管理頁,用戶首次進入時,可以根據(jù)用戶觸發(fā)的操作推薦相關的幫助引導。
手動創(chuàng)建商品時,需要完善很多商品信息,可以為經(jīng)常出錯的內(nèi)容預設提示,先發(fā)的避免用戶出現(xiàn)錯誤。
在收起/展開菜單欄時,提示快捷鍵功能。
/ 優(yōu)化任務路徑
B端產(chǎn)品中通常會有一個任務關聯(lián)一些子任務,如果用戶在子任務中遇到困難,往往會造成整個任務效率的降低甚至任務中斷。
比如在手動創(chuàng)建商品的流程中,需要將商品信息推送到渠道線上店才算創(chuàng)建成功,所以在創(chuàng)建商品前,需要完成渠道線上店的創(chuàng)建。針對這種關鍵子任務,我們可以嘗試并行任務,在選擇線上店時,增加創(chuàng)建線上店的入口,將任務連貫起來。還可以通過操作的合并,比如保存和添加同步進行,提升整體的任務效率。
2、弱化低效感知
好的產(chǎn)品體驗,不止強調(diào)功能,還會在意體驗中的感受,設計也可以左右用戶感知產(chǎn)品效率的快與慢。
/ 等待時間可感知
用戶對等待的耐受度是有限的,等待時間在2s內(nèi)是相對愉悅的,在時間不可控或時間較長的情況下,我們應盡可能縮短用戶的感知時間。
比如在下圖中,用戶完成新手配置后,產(chǎn)品有個加載的過程,通過加載動畫和加載步驟的分解,告知用戶系統(tǒng)在運行中,縮短感知時間的同時消除用戶的負面情緒。
/ 容錯性設計
在產(chǎn)品使用過程中,經(jīng)常會出現(xiàn)因用戶“犯錯”而導致的任務中斷或失敗,這里的“犯錯”,通常是因為用戶操作偏離產(chǎn)品的使用要求,但這并不是用戶的錯,人不是精密的儀器,好的體驗應該包含這部分“錯誤”。
比如錄入數(shù)據(jù)時,應給予實時的提醒,讓用戶可以及時更正,而不是等到提交時才拋出錯誤提示,還有比如在數(shù)字輸入框中誤輸入其他字符時,自動幫用戶清除等。
在涉及對用戶影響較大、重要且不可挽回的操作時,給出提示。
情感 — 關注情緒感受
在整段體驗感受中,情緒最強烈和結(jié)束時的感受影響著用戶對整個體驗好與壞的判斷,這個現(xiàn)象就是峰終定律,因此我們可以通過關注這些關鍵時刻,來確保用戶對整段體驗是感到愉悅的。
1、減少負峰
消極的情緒,不僅影響用戶對產(chǎn)品的體驗感受,最終還會落到降低效率上,因此在設計時,我們要考慮減少用戶的消極情緒。
/ 提供明確反饋
用戶使用產(chǎn)品的過程就像是與產(chǎn)品進行“對話”,良好明確的反饋能幫助用戶理解和使用產(chǎn)品,在工作完成時,應告知用戶已完成,出錯時,告知用戶哪個環(huán)節(jié)錯了,如何改進或提供幫助,不要讓用戶去猜,而是主動為用戶提供解決方案,提供確定感。
比如在創(chuàng)建商品的流程中,商品創(chuàng)建完成后要推送到渠道線上店,中間有一段較長時間的等待,在設計時,根據(jù)推送中、推送完成、推送失敗,分別提供了3種對應場景的提示,讓用戶知道當前任務進展,以及展示相關對應的操作,即使任務失敗,用戶也知該如何處理,增加用戶的控制感。
/ 任務中斷可回溯
在B端產(chǎn)品中,經(jīng)常會出現(xiàn)決策信息多,處理鏈路長,需反復多次進入任務流程的情況,當任務被迫中斷時,用戶情緒會受到影響,且用戶對未完成或中斷的任務往往比已完成的記憶更深刻,針對這類情況,我們需提供可回溯的設計,幫助用戶順利完成任務。
比如在將商品推送到渠道線上店時,同步過程中,用戶可以離開當前頁面進行其他操作,系統(tǒng)會將推送結(jié)果展示在列表頁,用戶可以通過列表頁,重新推送或者編輯修改后再推送,直至完成任務。
2、結(jié)束于正峰
在完成任務后,可以觸發(fā)氛圍動效反饋成就,給用戶積極的結(jié)尾。
以上就是我基于B端產(chǎn)品特征,和C端產(chǎn)品的體驗思維,用“B+C”的設計思維嘗試探索優(yōu)化B端產(chǎn)品體驗的一些方案嘗試?!癇+C”的設計思維,其本質(zhì)是想找到業(yè)務與體驗的平衡,作為B端設計師,好的用戶體驗一定是與業(yè)務緊密結(jié)合的,與業(yè)務匹配的體驗優(yōu)化才有其意義和價值。
在講開源設計前,我們或許可以先講講開源一詞是指什么。
開源全稱開放源代碼,開源軟件最大的特點是開放,也就是任何人都可以得到軟件的源代碼,加以修改學習,甚至重新發(fā)放,當然是在版權限制范圍之內(nèi)。雖然開源一詞最初是為軟件開發(fā)而創(chuàng)造的,但現(xiàn)如今開源所涉及的領域也極其廣闊,并不只是包括軟件領域,如醫(yī)藥領域的藥物開發(fā)開源、文化領域的書籍到期開源等等所以開源設計已包含了更廣泛的含義,它包括了由任何人或者團隊自由共享、協(xié)作的設計方案、項目、產(chǎn)品。
我們來看幾個大型開源的設計了解一下~
Ant Design
阿里的開源系統(tǒng)后臺組件庫
https://ant.design
百度推出的開源圖表
https://echarts.apache.org/
全球知名圖片開源平臺
https://unsplash.com
免費(大部分是):開源設計的一個關鍵要素是它們通常(但不總是?。┟赓M。這是一個重要因素,因為閉源設計通常需要花費不菲的價格或者冒著侵犯版權的風險去使用。
思想碰撞:更多的設計師或者創(chuàng)意愛好者共同為一個創(chuàng)意提出自己的見解和再設計。
設計開源領域廣闊:設計開源領域也幾乎涵蓋了所有的設計和創(chuàng)意領域如平面設計、三維設計、用戶體驗設計、環(huán)境設計、建筑設計、服裝設計、插畫、動畫設計等等
但是許多人可能會有一個疑問,開源設計和以往的素材網(wǎng)站或者源文件售賣網(wǎng)站有什么區(qū)別呢?
在我看來,開源網(wǎng)站與傳統(tǒng)售賣設計資源的網(wǎng)站最大的區(qū)別是開放與共建,以figma的社區(qū)為例,作者發(fā)布作品后,任何人都可以對其作品進行redesign甚至remix,這極大的提高了設計師的興趣,每個人都希望自己的作品能被他人看到,也希望自己的創(chuàng)意能與他人的創(chuàng)意進行更好的結(jié)合,這是一個多么美好的場景。而傳統(tǒng)網(wǎng)站只是冷冰冰的展示文件售賣資源,缺少了設計中的靈魂。
那說了這么多,開源設計到底有哪些優(yōu)勢呢?
提升設計效率:設計師不應花費時間去解決別人已經(jīng)解決的問題,比如當我設計一個新項目時,無需從零開始設計系統(tǒng)組件,可以直接使用Ant Design、Ant Mobile Design等現(xiàn)有組件庫。
增加學習機會:通過開源社區(qū),設計人員可以從其他人所做的項目中學習,并與專業(yè)人員交流經(jīng)驗。
提高設計質(zhì)量:設計師自己看本人作品時,往往是身在其中不知如何下手,而將作品發(fā)布到更廣泛的社區(qū)有助于設計師獲得有價值的反饋以改進他們的作品。
提升品牌價值:對設計開源后,公司品牌能在某些領域內(nèi)獲得傳播,提升品牌價值。并且在招募人才時也能成為有吸引力的一項條件。
提升個人價值:一個設計師想要提升個人價值和影響力,可以用開源作品來在行業(yè)內(nèi)獲得一定口碑,甚至直接將用戶流量轉(zhuǎn)化為訂單,或許是更簡單且容易的事情。
從這些優(yōu)勢中不難發(fā)現(xiàn),在開源生態(tài)中,我們的作品不再是一座孤島,通過互聯(lián)網(wǎng),我們的作品可以和任何人進行鏈接并且產(chǎn)生共鳴,提升品牌和個人的價值,所以每個人都值得感受開源的美好。
但開源的同時不可避免的會帶來許多新的問題和挑戰(zhàn),讓我們一起來看一下。
知識產(chǎn)權問題:在開源社區(qū)中,設計師可能不清楚其創(chuàng)作的知識產(chǎn)權。因此,他們可能會不自知地侵犯其他設計師的知識產(chǎn)權。
設計門檻問題:設計開源意味著設計師的門檻變低,任何人都可以隨意使用開源的設計項目,導致設計師不再愿意花心血創(chuàng)作。
設計師競爭力下降:開源設計意味著普通的設計內(nèi)容已不需要單獨的設計師來完成,頂尖設計師的機會會更多,而普通設計師的競爭力會明顯下降。
隨著這些挑戰(zhàn)的來臨,如何更好的面對設計領域的開源是值得深思的問題,既要保護設計師的自身利益,也要讓設計行業(yè)在開放、共享的環(huán)境下?lián)肀ё兏铮栽谖磥淼牡缆飞?,我們每個人都可以嘗試用自身的方法去探索未來,讓每個人都能成為時代浪潮中的一朵浪花。
設計趨勢每年都在不斷地變化及輪回,多年前的風格技法在結(jié)合了當下的設計元素后,又會給我們展現(xiàn)出不同以往的主流時尚。
“趨勢不一定每年都會更新,但趨勢是我們設計的風向標。”
基于對網(wǎng)絡數(shù)據(jù)的搜集及分析,我們對2023年設計趨勢做出了預測。
無論是否順應趨勢,我們都應該了解趨勢,擁抱變化,這才是我們設計師的準則。
借助當今的軟件和技術,3D創(chuàng)作已經(jīng)不再被神話,越來越多的設計師開始在自己的作品中運用3D元素。
下圖是Droga5為格林威治(Greenwich)創(chuàng)作的一系列視覺設計,這組設計利用3D圖形,創(chuàng)造了更醒目的視覺效果,將格林威治宣傳為倫敦的新創(chuàng)意社區(qū)。
在手機品牌宣傳物料中,設計師將3D元素與手機進行了緊密結(jié)合,這樣的視覺樣式在市場中很快便能脫穎而出。
提起“酸”,大家下意識會想到酸的味道,而所謂的酸性設計更多表現(xiàn)的是一種設計理念。
酸性設計大多畫面元素豐富,各種金屬、玻璃、流體漸變、鐳射等科技感的元素都會運用其中,這也導致這類作品十分強調(diào)藝術的視覺沖擊性。
乍一看酸性設計會給人一種混亂失調(diào)的感覺,而實際上酸性設計并不止是某一種單一的設計風格,而是一種視覺情緒的表達。當下的暗黑金屬風、二次元的可愛風、明顯的幻彩漸變風格……往往都含有酸性設計的影子。
回看設計領域每一年的發(fā)展,“復古懷舊”一直是必不可少的關鍵詞。
無論是品牌形象,亦或是包裝設計,設計師們頻頻用現(xiàn)代手法詮釋復古之風。
還有傳媒集團CNET的品牌重塑,在現(xiàn)代時尚元素的基礎上,還融合了復古插畫,整體設計從1950-1970年代的美國新聞行業(yè)中汲取的靈感。
最近,襯線字體在品牌設計中的出鏡率極高。
不少網(wǎng)站的設計都是圍繞著襯線字體作為構圖中唯一或主要的設計元素而存在。
Stradivarius是誕生于1994年的西班牙女裝品牌,與ZARA隸屬同一公司。
2022年2月初,Stradivarius推出了全新的Logo視覺,襯線字體更容易彰顯女性簡潔現(xiàn)代的氣質(zhì)外,同時兼具女性力量。
近兩年,NFT可以說是對設計、藝術、技術行業(yè)產(chǎn)生沖擊最大的新事物之一了。
NFT與平面設計聯(lián)系起來,就是我們所說的數(shù)字平面藝術。它的到來對設計師影響有很大變化,橫向能力要求有所提高,比如了解虛擬數(shù)字化設計,以及對全新審美和新三維技術有更高的要求。
以下這幅《Metafisica》便是非常熱門的NFT作品。
表情符號在如今是一個超越文本并能得到廣泛認知、跨越文化和多領域的視覺語言。
單一的枯燥圖標很難滿足多元化場景下情感的表達,于是,動態(tài)emoji圖標來了,它能帶來更強的視覺欣賞體驗。
高飽和度色彩是年輕的色彩,它是先天的樂天派,同時也是情感的直接表達。
可盡管“吸睛”對品牌而言十分重要,但在設計之余要注意色彩平衡,以免混用色彩,很容易引起視覺疲憊。
極簡主義杜絕一切多余的裝飾,形成獨特而簡單的視覺語言,用最簡潔的表現(xiàn)形式勾勒出產(chǎn)品最基本的形態(tài)。
簡潔的圖形設計摒棄了多余的圖案、文理等裝飾樣式,為真正重要的信息創(chuàng)造了呼吸的空間。
留白,是最高級的美。
將富有表現(xiàn)力的手寫字體寫在設計中,能為作品帶來不一樣的氛圍感。
隨手一寫,便是一幅“畫”!
2022年,我們在Dribbble或Behance中會發(fā)現(xiàn)很多設計師都開始有意識地采用“玻璃擬物化”美學的設計。相信在2023年,我們會看見更豐富的表達~
毛玻璃效果廣泛應用于UI設計之中,在摹客DT中也能快速完成。
使用玻璃擬物化設計的界面,由于毛玻璃的通透性,會呈現(xiàn)出一種虛實結(jié)合的美感。
除此以外,我們還可以看到的,這一趨勢已經(jīng)明顯轉(zhuǎn)移到了玻璃和水晶質(zhì)感上,而且以令人難以置信的用立體擬真度將圖形設計提升到了一個全新的高度。所以,2023我們也將看到更多與全息和3D趨勢相輔相成的透明質(zhì)感和逼真的玻璃背景等元素的設計。
2023年的設計趨勢給我們展示了設計的無盡可能,設計師們可以創(chuàng)作出更多超乎尋常的非凡設計,為用戶營造出獨樹一幟的全新體驗。
身為設計師,我們要持續(xù)積累優(yōu)質(zhì)的設計素材,要知道設計趨勢因人而異,我們能做的就是選擇合適的風格應用在設計中,才能發(fā)揮它不可估量的價值!
作者:摹客設計云
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
關注趨勢本質(zhì)上就是關注未來可能存在的形態(tài)。很多營銷需求和優(yōu)秀設計趨勢是相互關聯(lián)的,兩者之間的關聯(lián)更像是一種動態(tài)的同步。
很多時候趨勢并不一定是全新的東西,它們往往是服務于當下和未來的需求,有很多趨勢存在了一些年頭,它們在現(xiàn)在發(fā)揮著作用,但是在未來可能會發(fā)揮更大的效用。所以,當我們在查看這些設計趨勢的時候,需要注意,它們必須是服務于用戶,服務于品牌和企業(yè)。
更多設計趨勢:
的確,極簡主義一直在某種程度上流行,但是 2022 年出現(xiàn)的新極簡主義的浪潮,比起傳統(tǒng)的極簡主義設計更加在意用戶注意力的吸引。這種新極簡主義的設計會采用更加大膽、 生動、明亮的色彩來填補留白,這種設計使得設計保持簡約的同時,更加富有調(diào)性,在簡約的框架下制造一種別樣的華麗,營造令人亢奮的氛圍。
干凈清晰、生動的新極簡主義風格在品牌推廣的過程中也更加受歡迎,大量的留白和跳脫的視覺焦點讓整個視覺更加抓人眼球,也使得品牌給人的感知更加新鮮獨特。
新極簡主義風格,對比度在深色主題下得到了進一步的提升。
這種設計并不意味著傳統(tǒng)的極簡主義已經(jīng)被用戶拋棄,很多企業(yè)依然會青睞更加傳統(tǒng)的單色極簡主義設計,不過其中多少會增加一些明亮的色彩作為點綴。
從 1950 年開始,粗野主義就是年輕化、反叛、反主流、標新立異的設計風格。在過去的幾十年當中,這種設計風格一直隨著時代的發(fā)展而自我迭代,新粗野主義更加強調(diào)創(chuàng)造力、 大膽前衛(wèi)的新奇元素,而這也正好符合很多品牌對于新奇性的追求,它可以瞬間抓住用戶的注意力。不過,這種風格的使用需要控制好程度,否則很容易失控。
粗野主義經(jīng)久不衰的秘訣是什么?是未經(jīng)打磨、粗糲而原始的素材,它讓觀看者忍不住想要改進它,這種未完成的原始感會在情感上吸引觀眾,這在營銷上是無價的優(yōu)勢。
粗野主義在設計上并非看起來那么粗糙,相反它更加需要高度的專業(yè)性來控制它粗野的程度。設計師需要敏銳地感知到觀看者改進地欲望,讓設計粗野而不低級,原始而不拙劣。
新粗野主義柔糅合了極簡主義和大膽地排版,它依賴看似粗野地視覺沖擊:高對比度、粗糲地陰影,撞色、 簡約的背景、不對稱的布局、 未經(jīng)修飾的照片,新粗野主義偏好基礎款的加粗字體,跟注重可讀性而不是舒適所制造的視覺吸引力。
這個網(wǎng)站就是一個典型的例子:
這一趨勢在絕大多數(shù)的趨勢排行榜當中,都占據(jù)首位。隨著技術的進步,用戶和數(shù)字媒體之間的交互正在增加,引人入勝的交互已經(jīng)不僅僅停留在響應式設計當中,如今它已經(jīng)開始關注心理和生理的邏輯,開始全方位地調(diào)動視覺、聽覺、 嗅覺、觸覺、味覺乃至于運動體感。
這種趨勢旨在幫助用戶體驗真實地感覺,在完成交互地基礎上,觸發(fā)用戶地情緒反應和生理反應,熱氣騰騰地餡餅視頻讓人垂涎,游戲中虛擬地對手讓人腎上腺素激增。
交互所制造地參與感,在某種程度上是實際地物理產(chǎn)品地替代物,用戶可以從不同角度來縮放查看產(chǎn)品,了解細節(jié),選擇尺寸,挑選顏色。
交互過程中,手指和屏幕之間地觸摸交互開始變得豐富,開始變得有意味,它成為了用戶和虛擬世界之間溝通地橋梁,開始有游戲地樂趣,有更具設計感地交互環(huán)節(jié)。用戶也可以根據(jù)自己地喜好,對界面進行更多樣的個性化處理。
具有參與感的交互是我們的未來。
2022 年是疫情開始后的第三年,隔離使得人們對于照片所呈現(xiàn)出的故事和情感,有著更為強烈的情緒反應。在極簡主義設計當中,富有表現(xiàn)力的人物照片是最為流行的元素之一,這類照片搭配上簡短的文字,簡練的口號,一些帶有宏大敘事特質(zhì)的文字引用,時常能夠更好地營造出故事感。
不用擔心主屏頁面太長沒人看,只要隨著用戶滾動,故事會隨之逐步展開,用戶可以在照片、 標題、視頻、動畫和文本地指引下,看到整個故事有步驟地呈現(xiàn)。
在這當中,富有表現(xiàn)力的人物照片是吸引用戶注意力的關鍵要素。
另外就是頁面的 Banner 的部分,強調(diào)主題和內(nèi)容的標題文本,是用戶從屏幕上獲取的重要信息之一。
如今的用戶越來越偏好在詳細閱讀內(nèi)容之前,快速瀏覽一下全局的做法,這也使得 Scrollytelling(滾動敘事:通過滾動觸發(fā)音頻、視頻、 動畫效果的一種技術)這種漸進式敘事方式,可以像電影一樣將故事呈現(xiàn)在用戶眼前。
Scrollytelling 適合大量的內(nèi)容呈現(xiàn),比如對于公司和產(chǎn)品的描述,對于數(shù)據(jù)呈現(xiàn)或者認知要求較高的內(nèi)容,它適合學習和記憶性內(nèi)容的呈現(xiàn)。
3D 圖形設計正在越來越流行,因為它確實是吸引用戶注意力的最主要的工具之一。3D 圖像無論有多么奇異,它本身都會被認為是有真實感的,明確的體積,精致的建模,所有的一切都令人著迷。很多時候,用戶停留在有3D元素的頁面上,是為了更細致的欣賞。
3D 圖形設計的趨勢從來都沒有減退,它正在進入更多的領域,甚至進入了品牌推廣的領域。3D 動畫圖標比過去更能吸引用戶的注意力。
我們通常說的抽象插畫,指的是帶有明確幾何特征的插畫,它們被廣泛地應用于網(wǎng)站和 APP,在社交媒體和包裝設計中也越來越多的存在。
抽象插畫之所以會如此成功,是因為它們大多有著吸引人的生動色彩和良好對比度,視覺上的美感和極簡主義的風格特質(zhì),它們成為視覺的焦點,為整個設計提升視覺。
抽象插畫在品牌營銷場景下的應用也很多,它們在這個時候是貼合品牌推廣的訴求的:通過色彩和形式來吸引用戶來關注品牌的形象和名稱。
這種趨勢的特別之處是其中的文本字體元素是完全獨立的。這些文本不僅僅是用來傳遞信息的,它們還充當著拉升頁面視覺效果的重要作用,它們結(jié)合動畫和交互,成為頁面中醒目的亮點。
超大字體的優(yōu)點在于,它和很多設計風格是相得益彰的,加粗的大字體在極簡主義風格的頁面上不會顯得突兀,在元素豐富的頁面上,同樣可以起到優(yōu)秀的點綴作用。這些文本內(nèi)容可以和纖細和小尺寸的元素協(xié)同,而后者則襯托出它本身的醒目。
超大文本字體的另一個好處是有效地減少網(wǎng)頁上的圖像的使用,縮短加載時間,提升移動端的可用性。
這種設計元素最重要的,是選擇易讀且符合品牌調(diào)性的字體。
這么多年來,我們看到來這么多的趨勢,很多趨勢是一以貫之持續(xù)出現(xiàn),有的趨勢則如同流星一樣一閃而逝。好的趨勢不斷迭代升級,并且持續(xù)存在,但是最重要的,始終是那些選擇合理的方案,并且堅持改進設計,讓趨勢服務于終端的產(chǎn)品和用戶的設計師。
讓趨勢服務于你,不要盲目地追趨勢!
作者:陳子木
藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
隨著移動互聯(lián)網(wǎng)的發(fā)展,原本PC互聯(lián)網(wǎng)連接商業(yè)支付、購買商品、瀏覽信息流等的能力已經(jīng)轉(zhuǎn)移到移動端,而PC互聯(lián)網(wǎng)更加專注于其他領域的優(yōu)勢:
下面是我觀察到的目前比較主流的交互設計點,與大家分享。分別是:
典型的案例就是蘋果的Mac系統(tǒng)與Ios系統(tǒng)越發(fā)趨同,都采用了卡片化、模塊化,整個交互規(guī)范、視覺感受都一致以達到多端統(tǒng)一。同時信息可以自由流轉(zhuǎn):比如在同一Apple賬號下,Mac與IOS中復制的信息可以進行同步粘貼。備忘錄、日歷、提醒事項、錄音中的信息進行流轉(zhuǎn),在任何一臺Mac上登錄Apple賬號后都可以進行同步。
在國內(nèi),B站的網(wǎng)頁端與App端的體驗也逐步趨同,框架設計上更加卡片化與扁平化。信息流轉(zhuǎn)上,手機上暫停的視頻到網(wǎng)頁端繼續(xù)播放,實現(xiàn)了無縫切換。
淘寶首頁:從過去復雜的信息流導航變?yōu)楝F(xiàn)在更加簡潔的個性推薦卡片。整體體驗與淘寶手機端一致。
總結(jié):精簡無關信息,關注最重要的核心任務,減少用戶跳出,沉浸式心流設計。
許多網(wǎng)頁接入騰訊、阿里的生態(tài),支持掃碼關注公眾號/手機驗證碼即可完成注冊。省去了用戶編輯個人信息、輸入郵箱、輸入密碼等復雜的交互流程。
心流式體驗設計是這幾年很熱門的詞,指的是通過優(yōu)化用戶體驗讓用戶能夠沉浸式地高效完成目標任務。這需要做到產(chǎn)品的交互習慣滿足用戶使用習慣,并且交互流程滿足用戶預期。過于頻繁的彈窗打擾和頁面跳轉(zhuǎn)的等待時間都會影響用戶進入心流。
比如,例如飛書審批,審批詳情不需要跳轉(zhuǎn),點擊卡片即左側(cè)彈出詳情頁彈窗;讓用戶可以在同一個頁面即可瀏覽信息,不需要進行跳轉(zhuǎn)到新的頁面進行查看,方便用戶完成批量的審批任務。
再比如:阿里云,開通服務的時候不需要跳轉(zhuǎn),而是在側(cè)邊彈出訂單彈窗,方便用戶操作。
上面說到,頻繁的彈窗提醒也會影響用戶進入心流,用戶在對表單、畫布中的內(nèi)容進行刪除的時候,如果使用全屏二次提醒彈窗,會感到創(chuàng)作過程被打斷。
釘釘宜搭:卡片畫布類產(chǎn)品,刪除操作時,不局限于大彈窗,而是用靠近按鈕的小彈窗,使鼠標的滑動路徑更短,操作更加簡便;并且在不過多打擾用戶的前提下,完成了目標操作。
復雜性守恒定律由Larry Tesler于1986年提出,也稱泰斯勒定律。指的是“任何系統(tǒng)都存在其固有的復雜性,且無法被減少,只能設法調(diào)整、平衡。我們要考慮的是,怎么樣更好地處理它,讓用戶簡單、高效地使用它”。
很多的中后臺系統(tǒng)中很多表單會存在大量的配置項,這些配置項是否可以簡化,讓平臺變得更簡單智能?大部分時候答案都是否定的,過度追求簡化往往容易弄巧成拙。功能邏輯易于解釋與理解才是更好的方案,當你試圖簡化降低復雜度,可能在其他地方埋了雷。
其中一個解決方案是將復雜度轉(zhuǎn)交給系統(tǒng),蘋果公司的黑盒理論與此互通;就是用戶不需要了解系統(tǒng)或功能背后的實現(xiàn)邏輯,只需要關注呈現(xiàn)在用戶眼前的交互界面即可。如今數(shù)據(jù)智能化處理正不斷發(fā)展,我們也看到了智能化在PC端領域的應用。
剪映相比于老牌視頻編輯軟件更加簡單,提供各種在線特效模板,來降低任務復雜度。相比傳統(tǒng)的PR、AE軟件需要本地存儲預設文件,或者手動編輯簡單了很多。用戶不需要知道背后的實現(xiàn)的技術原理,也不需要掌握過多的特效制作、調(diào)色技巧即可完成視頻的剪輯、調(diào)色工作。
推薦組件功能:用戶在進行流程搭建時,不需要從左側(cè)組件區(qū)拖拽組件,而是點擊連接線中間來添加組件。如果可以其實還可以更進一步,就是根據(jù)后臺數(shù)據(jù)分析創(chuàng)建目標流程需要的組件,向用戶主動推薦相關組件,以此來降低用戶的創(chuàng)建門檻。
隨著傳統(tǒng)業(yè)務向互聯(lián)網(wǎng)轉(zhuǎn)型越發(fā)普遍,線下業(yè)務流程轉(zhuǎn)到線上的需求場景越來越多,一個單一的系統(tǒng)不能完全滿足所有的業(yè)務場景需求,由此需要一個更加靈活模塊化的系統(tǒng)來針對不同的應用場景來應用不同的產(chǎn)品架構。而該系統(tǒng)中的功能框架、交互組件又可以重復利用,于是更加靈活、模塊化、可自定義配置的系統(tǒng)后臺越發(fā)受到歡迎。
飛書、釘釘易搭內(nèi)的審批流程、會議系統(tǒng)、工單系統(tǒng)都可以通過模塊化的組件進行高效搭建,不需要代碼即可像搭積木一樣實現(xiàn)用戶的自定義需求。
阿里的天貓優(yōu)品電器店線下門店設計平臺,整理了線下門店所需的16個模塊(前臺、小家電中島、洗衣機、櫥窗、空調(diào)、吧臺等),通過線上三維化場景直接進行可視化設計,所見即所得,并且能夠模擬現(xiàn)場燈光效果,根據(jù)門店現(xiàn)場規(guī)格,直接在三維空間里修改,快速導出效果圖;非常高效地完成了其他門店的需求化定制。
抖音網(wǎng)頁端的用戶體驗沿襲了手機App端的風格,用戶進入網(wǎng)頁的核心目的就是看短視頻打發(fā)時間,于是進入首頁即可看短視頻,不需要用戶手動選擇分類,并且手機端的用戶偏好通過用戶的賬號同步至網(wǎng)頁端,有了很順暢的用戶體驗。
相比快手網(wǎng)頁版,快手延續(xù)了常規(guī)視頻網(wǎng)站的交互方式,將視頻內(nèi)容分為短視頻、直播、同城、長視頻、小劇場等多個類別,由用戶自主去選擇觀看的內(nèi)容,內(nèi)容雖然更加多元,但確實路徑過長,不夠直接。
再舉個例子,新版的淘寶網(wǎng)頁端不再像個門戶網(wǎng)站導航,而是通過數(shù)據(jù)分析用戶喜好來主動推薦代替用戶自己選擇。用戶來淘寶網(wǎng)頁端,其實并不是買東西,大眾用戶已經(jīng)習慣了在手機上進行支付,到了網(wǎng)頁端反而會不適應。用戶來到淘寶網(wǎng)頁端的更多目的就是逛,看有沒有自己想要的東西,遇到喜歡的,就點進去看了。于是新版淘寶通過個性化推薦把過去復雜的活動運營頁板塊、特價板塊、品類板塊替換掉了,讓用戶在網(wǎng)頁端獲得更好的“逛街”體驗。
而京東,在首頁做了復雜的流量分發(fā)設計,通過不同的頻道、不同的板塊將用戶引流至相關的專題頁面,再進行商品瀏覽。本質(zhì)上來說,用戶來到淘寶、來到京東的目的都是因為閑,而淘寶的通過數(shù)據(jù)智能,大數(shù)據(jù)精準推薦用戶喜歡的商品,簡化了用戶的使用路徑,并且使整體頁面更加簡潔。
網(wǎng)頁的官網(wǎng)、首頁承擔著產(chǎn)品介紹、流量分發(fā)、增強品牌印象等的職責。我觀察到越來越多產(chǎn)品官網(wǎng)都開始采用3D元素、視頻背景、大圖元素、微動效來讓頁面呈現(xiàn)更加具有質(zhì)感和動感。
它是由Web3D技術的發(fā)展而興起,能夠給網(wǎng)頁Banner帶來更強的視覺吸引力,同時也強化了公司融合了AI技術的品牌印象。如法大大官網(wǎng)、騰訊云、阿里云的首頁Banner展示。法大大首頁Banner,鼠標滾輪向下滾動3D元素會相應產(chǎn)生變動,文案與元素一靜一動,對比明顯,也更易于用戶注意到文案信息。
大疆官網(wǎng)首屏采用了全畫幅大圖的形式展示熱門產(chǎn)品,下方的產(chǎn)品推薦頁自動播放宣傳視頻,提升了頁面的視覺沖擊力,展示了其科技屬性。
疫情時期,線上辦公的需求和頻率激增,線上協(xié)作興起,許多辦公軟件都有了多人場景編輯功能。特別是對于復雜的項目,需要團隊成員共同完成,協(xié)同合作的功能越來越受歡迎。
比如我們熟悉的figma,逐漸取代了傳統(tǒng)UI設計軟件ps、sketch等的頭部地位,其中的項目協(xié)同功能更是廣受歡迎。只需要發(fā)送項目鏈接邀請成員即可進行項目協(xié)作,還支持多人標注、語音溝通,大大提升了工作效率。
許多辦公軟件也都上線了類似的功能,比如幕布可以通過設置權限、發(fā)送鏈接或二維碼來邀請協(xié)作者共同編輯文檔,為產(chǎn)品的使用場景提供了更多可能。
曾鳴在《未來商業(yè)20講》里說:“未來的互聯(lián)網(wǎng)世界的兩大趨勢是數(shù)據(jù)智能、網(wǎng)絡效應”。
這在PC端也得到了印證。淘寶網(wǎng)首頁、抖音首頁、嗶哩嗶哩網(wǎng)頁端將PC端與APP端的數(shù)據(jù)進行互通,并對用戶行為偏好數(shù)據(jù)進行分析,為用戶提供更加精準的信息流的同時,還使得頁面的交互更加簡單,視覺效果更加簡潔,過去依賴用戶自主選擇進行流量分發(fā)的形式將會越來越弱勢。
在工具類產(chǎn)品中,利用數(shù)據(jù)智能化可以將用戶操作上的復雜度轉(zhuǎn)移給系統(tǒng),從而降低用戶使用門檻,提升用戶體驗。與此同時,工具類平臺也越發(fā)靈活化化,通過模塊化設計來自定義搭建不同用戶的使用需求的產(chǎn)品,還能節(jié)省資源建設成本。
網(wǎng)絡效應的部分應用體現(xiàn)在用戶在使用工具類產(chǎn)品中,不再是孤單的個體,而是能通過線上協(xié)同,讓用戶與用戶之間能夠產(chǎn)生共同協(xié)作,共同交流,更加方便地完成任務。
作者:為美好而設計
轉(zhuǎn)載請注明:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
2022 年即將過半,疫情在家的我們重新花一些時間,回顧今年最引為人注目的一些設計趨勢,有些已經(jīng)變成現(xiàn)實,有些可能即將會發(fā)生。在過去的這十幾年里,全國的互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)行業(yè)蓬勃發(fā)展,引發(fā)了 UX / UI 行業(yè)的火爆,無論是在設計技術方面還是在設計實踐方面維持著快速發(fā)展狀態(tài)。設計探索受到了前所未有的關注。創(chuàng)新也永不停止,正在向各個方向延伸——有的是曇花一現(xiàn),有的是重塑想象,有的卻循環(huán)往復。
下面我們將更詳細地向你探討一些 2022 年的設計趨勢。
The Badass Project 搗蛋派計劃
過去幾年里,大字排版的趨勢越來越明顯,字體尺寸也在增加!接下來,字體更大且?guī)缀鯖]有圖像的時尚 英雄形象 網(wǎng)頁設計,將成為主流風格。
(英雄形象在網(wǎng)頁設計中是一個特定的網(wǎng)頁橫幅,通常是一個包含與內(nèi)容相關的大圖像頁眉)
設計師和用戶都越來越習慣在登陸頁面前面和中心位置使用超大文字。無論是怪誕的無襯線字體還是現(xiàn)代奢華的襯線字體——這一趨勢就是在于越大越好。通過精心選擇的字體,網(wǎng)站可以做出比以往更大膽的宣傳,以吸引受眾的注意力并有效地信息傳達。
這些字體選擇通過 引人注目的動畫進一步生動起來。設計師正在實現(xiàn)通過鼠標移動或向下滾動頁面使排版移動并與用戶產(chǎn)生互動的創(chuàng)造性效果。以粗體、動畫和交互式排版為核心,許多網(wǎng)站也就不使用任何背景圖像,讓外觀變得干凈且精致。
MAFF
所以一定要試試這種趨勢:把文本尺寸放大,可以將其放置在一些圖像上,制作大尺寸的動態(tài)標題,讓用戶從中獲得樂趣。最重要的是,要勇于呈現(xiàn)大膽強烈視覺效果,從而可以立即吸引用戶的注意力。
案例:Medium 官網(wǎng)——https://medium.com/
Shakib - Sneakerbumb
在經(jīng)歷了充滿不確定性和陰郁的兩年,我們學會了尋找和珍惜任何享受幸福的機會。我們大量獨處時光的花在了數(shù)字空間上,這一現(xiàn)象也不例外。
La puce à l’oreille
為了回應這一需求,設計師從 80 年代和 90 年代獲得了巨大的靈感;將色彩豐富、質(zhì)感豐富、復古風格的主題與現(xiàn)代氣息結(jié)合起來,打造真實的外觀。鮮艷的色彩搭配柔和蠟筆肌理、古怪的排版、紋理豐富的背景、跨頁面網(wǎng)格的布局、非傳統(tǒng)的圖像和古怪的插圖,都可能會在接下來的一年吸引你的注意力。
Kristen Ryan for MakeReign
隨著這一切的發(fā)生,我們甚至可以說,在過去幾年里,每個人都學會了賦予自己一些自由的生活態(tài)度。這為我們提供了更多的實驗空間,當然也為設計和其他領域帶來了讓人愉快的成果。這就是說,設計師們覺得有必要從簡單和實用的用戶體驗轉(zhuǎn)向有趣、搞笑甚至愚蠢的交互。出人意料的是,讓別人微笑可能會是你的網(wǎng)站或 app 令人印象深刻的一種方式。
Blumenkopf
野獸派設計從 1950 年代的野獸派建筑運動中汲取靈感,延用其不修邊幅、毛糙粗狂的外觀形式,和故意做出的丑陋效果。就像在建筑中一樣,野蠻主義在網(wǎng)站中揭露和解構(甚至慶祝)這種媒介的底層結(jié)構和重要原則。原始、大膽和反動的本性使野獸派設計一直處于數(shù)字空間的邊緣,因為原始是互聯(lián)網(wǎng)的全部。然而,近年來,野獸派一直在緩慢而穩(wěn)定地復蘇,現(xiàn)在被一些人稱為新野獸派。
Caroselling
隨著互聯(lián)網(wǎng)上干凈、傳統(tǒng)的網(wǎng)站越來越多,個人網(wǎng)站變得難以脫穎而出。轉(zhuǎn)向野獸派,提供真誠、原始但獨特的視覺體驗,可能正是提升你下一個網(wǎng)站的方式。
無網(wǎng)格布局,強烈的調(diào)色板,重疊的元素,擁擠和幾乎混亂的設計只是你的野獸主義工具包的一部分。將它們與等寬和奇怪大小的排版結(jié)合起來,缺乏或極少的導航,這相當于沒有額外的“空間”或子頁面的“開放式版面”,你會得到一個引人注目的粗野派外觀。
Work with us
案例:阿里云設計官網(wǎng)——Alibaba Cloud Design - Not Design Just Future
當然,還有更多,但野獸派網(wǎng)頁設計的定義規(guī)則是沒有規(guī)則;它反對既定的規(guī)則和慣例。更重要的是,你需要用更強烈的意義價值和意圖來將你的野獸派杰作與另一個設計糟糕的網(wǎng)站區(qū)分開來。
Messenger
Figma、Todoist、Slack和 Messenger 等網(wǎng)站和移動應用程序都把時間和精力集中在桌面客戶端版本。
Todoist
越來越多的應用程序似乎也在效仿,因為研究表明,這樣用戶會感到 更舒適、更安全。用戶希望自己的應用程序遠離互聯(lián)網(wǎng)瀏覽器,遠離所有打開的標簽,回到指定的應用程序窗口,讓人感覺更寬敞、更專注。在使用這些應用程序時,不需要處理數(shù)分散注意力的標簽,這無疑是一種進步!此外,將通知直接發(fā)送到桌面,我們的通知管理也必然得到改善。
Figma
為阿拉伯語國家的谷歌搜索頁面布局
用戶研究團隊利用 人類心理學 領域的洞察,以及 可用性測試,已經(jīng)能夠塑造界面,為用戶提供最大的滿意度和愉快的體驗感受。幾十年來,這一直是用戶體驗設計的核心。
隨著技術的快速進步,我們看到數(shù)字產(chǎn)品體驗的保真度有了空前的提高。這一發(fā)展也為不同用戶群體之間的細微差異提供了新的理解。年齡、文化、地理位置、日常習慣、社會結(jié)構(以及其他因素)的差異可能會導致人們對什么構成令人滿意用戶體驗的期望存在顯著的差異。因此,這些體驗可能需要類似的設計,但肯定不是相同的設計方法。
隨著技術和研究方法的到位,我們開始看到一款產(chǎn)品的多種變體同時推出,以滿足不同用戶的需求。隨著許多大品牌都在努力擴大他們的用戶群體,創(chuàng)造本地化的產(chǎn)品體驗可能會成為一種大趨勢——如果不是標準的話。
NhuSW- Everyfit — Fitness for Everyone
包容性不僅是一種趨勢,也是一種運作模式;人類生存和共存是一個不可否認的重要方面。在日益全球化的復雜世界中,我們不斷意識到自己與其他個人或社群之間的差異。以同理心駕馭這些差異是我們的責任,并努力將所有文化、性別、性別、種族、能力和殘疾都有意義地適當?shù)丶{入全球社會。
Spotify
隨著數(shù)字空間引領著世界的全球化,它也毫無疑問地成為我們包容性努力的前沿。人們總是希望品牌和公司采用更具 包容性的敘述 和語言,并向包容性的平臺、產(chǎn)品和服務 邁進。他們被鼓勵在圖像、語言和視覺語言中推動多樣化的表現(xiàn),這樣做不僅僅是為了營銷收益,而是為了更大的意義和價值。
這些是我們在 2022 年會看到的趨勢和現(xiàn)象。記住,它們是為了提醒我們當前的總體設計趨勢??梢允褂盟鼈儊碇С趾褪跈嗄脑O計決策,但不要害怕挑戰(zhàn)它們,或用它們?yōu)槿藗儎?chuàng)造更多積極有效的體驗。
原文標題:UI/UX Design Trends of 2022
文章來源:Codeart
原創(chuàng)作者:Taras Bakusevych & Maja Mitrovikj
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
藍藍設計的小編 http://www.bouu.cn