午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

首頁(yè)

分析 128 家科技公司的標(biāo)志我們發(fā)現(xiàn)了什么

杰睿 設(shè)計(jì)思維

阿蒂奧姆•達(dá)辛斯基

幾年前,我需要為客戶設(shè)計(jì)一個(gè)標(biāo)志,但卻找不到一個(gè)擁有設(shè)計(jì)精良、相關(guān)標(biāo)志的好地方來激發(fā)靈感。

所以當(dāng)時(shí)我創(chuàng)建了Logggos——一個(gè)擁有約 1,000 個(gè)科技公司、代理商和 DTC 品牌精選徽標(biāo)的網(wǎng)站。

我還分析了 128 個(gè)科技/SaaS 公司的標(biāo)志,以了解他們使用的字體、結(jié)構(gòu)和形狀。

我很快收集了下面的結(jié)果,展示了什么讓標(biāo)志感覺“科技化”(如果你想實(shí)現(xiàn)或避免這種外觀)。

標(biāo)志結(jié)構(gòu)

72% 的 Logo 使用圖標(biāo) + 文字

21% 僅使用文本,6% 僅使用圖標(biāo)。

30%帶有圖標(biāo)的徽標(biāo)在圖標(biāo)中使用其名稱的首字母:

33%使用基本形狀 - 正方形,圓形,三角形等。67
%使用圖形復(fù)雜形式(例如箭頭,波浪):

空 = 復(fù)雜形狀(例如箭頭、波浪)

排版

93% 使用 Sans-Serif 字體系列:

雖然SerifSerif-SlabScript字體在 DTC 品牌中非常常見,但在科技標(biāo)志設(shè)計(jì)中它們卻非常罕見。

字體案例

全部小寫(“gusto”):42%
標(biāo)題大小寫(“Gusto”):48%
全部大寫(“GUSTO”):10%

過去幾年,從全大寫改為標(biāo)題大小寫或全小寫已成為一種趨勢(shì)。沃爾瑪、史泰博、AT&T、Tand 等大公司都放棄了全大寫。萬(wàn)事達(dá)卡和費(fèi)雪等品牌也從標(biāo)題大小寫改為全小寫。看來科技行業(yè)也出現(xiàn)了類似的趨勢(shì)。沃爾瑪、史泰博、AT&T、Tand 等大公司都計(jì)劃放棄全大寫萬(wàn)事達(dá)卡和費(fèi)雪等品牌已將標(biāo)題大小寫改為全部小寫。看來科技行業(yè)也出現(xiàn)了類似的趨勢(shì)。

100% 的雙詞名稱單詞之間沒有空格

(例如 NetSpring 而不是 Net Spring)

我們調(diào)查的公司中,有 30% 的公司名稱由兩個(gè)單詞組成。所有使用兩個(gè)單詞的公司都選擇不在其徽標(biāo)中拆分單詞(例如 NetSpring 和 Net Spring)。這與那些喜歡拆分單詞的消費(fèi)品牌(例如 Fresh Sends)有所不同。

51% 的標(biāo)志是黑色

抱歉,圖表餅圖的顏色與名稱不匹配:)

當(dāng)品牌選擇顏色時(shí),最受歡迎的顏色是:藍(lán)色(18%)、橙色(10%)和綠色(8%)。

這是與消費(fèi)品牌的另一個(gè)不同之處,與科技公司相比,消費(fèi)品牌更有可能在其標(biāo)志設(shè)計(jì)中使用顏色。

 

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

打造高影響力產(chǎn)品的 5 步 AI UX 策略

杰睿 設(shè)計(jì)資源

在打造推動(dòng)客戶實(shí)質(zhì)性改進(jìn)的 AI 體驗(yàn)時(shí)需要考慮的戰(zhàn)略因素。

圖文并茂:AI UX 手冊(cè) — 5 步打造卓越用戶影響力

每個(gè)人都在爭(zhēng)相打造 AI 體驗(yàn),但產(chǎn)品真的能達(dá)到預(yù)期效果嗎?作為用戶體驗(yàn)領(lǐng)導(dǎo)者,掌控產(chǎn)品方向是我們的榮幸。這意味著我們要思考 AI 如何在用戶體驗(yàn)中呈現(xiàn),以及它對(duì)用戶的實(shí)際意義。

啟動(dòng)變革性人工智能的秘訣

僅僅擁有AI功能已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。AI成本高昂,如果執(zhí)行不力,還會(huì)給用戶帶來更多不便。其他設(shè)計(jì)師和技術(shù)人員之前也曾抱怨過這個(gè)問題,所以我就不再贅述了。那么,作為一名用戶體驗(yàn)領(lǐng)導(dǎo)者,你該如何才能更好地定位你的公司和團(tuán)隊(duì),從而有效地推出AI技術(shù)呢?

  1. 出于正當(dāng)理由
  2. 組建你的 AI A 團(tuán)隊(duì)
  3. 了解你的工作內(nèi)容
  4. 奠定基礎(chǔ)
  5. 共同塑造未來

第一步:出于正確的理由

回歸本源

不要僅僅為了 AI 而構(gòu)建。要識(shí)別用戶最緊迫、最普遍的問題。需要注意的危險(xiǎn)信號(hào):

  • 產(chǎn)品主題或計(jì)劃應(yīng)以“為我們酷炫的產(chǎn)品線打造生成式人工智能聊天機(jī)器人”之類的形式呈現(xiàn),而不是“利用人工智能簡(jiǎn)化我們酷炫產(chǎn)品線的客戶工作流程”
  • 該組織正在尋找將 AI 添加到產(chǎn)品中的方法,而不是識(shí)別可以通過 AI 提高 10 倍或 100 倍的體驗(yàn)缺陷或手動(dòng)交互

與產(chǎn)品負(fù)責(zé)人、業(yè)務(wù)利益相關(guān)者和客戶擁護(hù)者進(jìn)行交流,探討如何推動(dòng)變革。與客戶溝通,了解他們的工作方式,并提供可靠的數(shù)據(jù)來驗(yàn)證你的假設(shè)。

人工智能是正確的選擇嗎?

好了,你確定了主要問題,但人工智能真的是正確的方法嗎?數(shù)字公共服務(wù)中心的評(píng)估報(bào)告《人工智能是否是正確解決方案》提供了一些指導(dǎo),可以幫助你入門:

  • 所需的數(shù)據(jù)充足且使用安全合乎道德
  • 任務(wù)規(guī)模較大重復(fù)性較強(qiáng)
  • 有助于在現(xiàn)實(shí)世界中取得成果

來到耶穌面前的時(shí)刻

如果人工智能很合適,答案不應(yīng)該總是聊天機(jī)器人,但很多公司卻這么認(rèn)為。如果你的公司也這么認(rèn)為,那么你還有很多工作要做。首要考慮因素應(yīng)該是價(jià)值,而秘訣在于組織對(duì)價(jià)值的認(rèn)同。

定義貴組織的AI 愿景和目標(biāo)——參考 Thrive 文章《如何創(chuàng)建 AI 愿景聲明》中的建議,共同制定愿景和目標(biāo)。運(yùn)用 AI 技術(shù),增強(qiáng)用戶體驗(yàn) (UX) 或產(chǎn)品團(tuán)隊(duì)的目標(biāo)聲明。

第 2 步:組建你的 AI A 團(tuán)隊(duì)

確定可以支持您的團(tuán)隊(duì)及其 AI 計(jì)劃的聯(lián)系人。

  • 客戶擁護(hù)者——找到與客戶有直接聯(lián)系的人
  • 最終決策者——了解批準(zhǔn)計(jì)劃并簽署支票的領(lǐng)導(dǎo)者,正如他們所說
  • 關(guān)鍵影響者——找出對(duì)人工智能充滿熱情或組織內(nèi)值得信賴的顧問
  • 主題專家——了解您的團(tuán)隊(duì)需要咨詢哪些專家
  • 執(zhí)行功能——找到擁有合適技能的團(tuán)隊(duì)成員來實(shí)現(xiàn)你的愿景
AI A 團(tuán)隊(duì)矩陣(客戶擁護(hù)者、最終決策者、關(guān)鍵影響者、主題專家和執(zhí)行職能),詳細(xì)說明每個(gè)人的重要性、示例角色或頭銜、他們?nèi)绾翁峁椭? width=
與你的 AI A 團(tuán)隊(duì)建立關(guān)系對(duì)于你的 AI 之旅至關(guān)重要

雖然您可能沒有能力動(dòng)員這些同事或工作伙伴,但建立聯(lián)系并尋求建議仍然有助于進(jìn)一步推動(dòng)您的計(jì)劃。

在整個(gè)組織內(nèi)培養(yǎng)關(guān)系對(duì)于讓你被看到并建立信任非常重要。

獲得認(rèn)可并引起轟動(dòng)

在這個(gè)部分,您需要進(jìn)行認(rèn)真的、有時(shí)可能令人不快的對(duì)話,以通知、協(xié)作、獲得批準(zhǔn)或召集 AI A 團(tuán)隊(duì)的各個(gè)成員。

  • 在整個(gè)組織內(nèi)傳播愿景
  • 驗(yàn)證發(fā)現(xiàn)、決策等
  • 協(xié)調(diào)行動(dòng)項(xiàng)目和后續(xù)步驟
  • 讓人們對(duì)愿景和人工智能之旅感到興奮

步驟 3:了解您正在處理的內(nèi)容

引導(dǎo)您和您的團(tuán)隊(duì)更好地了解您正在建設(shè)的環(huán)境。

衡量產(chǎn)品智能成熟度

您的組織或產(chǎn)品在智能化道路上處于什么階段?您是從零開始,還是只實(shí)現(xiàn)了少量自動(dòng)化,還是已經(jīng)擁有許多 AI 功能?這里需要考慮的重點(diǎn)是當(dāng)前狀態(tài),而不是路線圖或理想的未來。

產(chǎn)品智能成熟度規(guī)模:手動(dòng)工作流程、業(yè)務(wù)邏輯自動(dòng)化、機(jī)器學(xué)習(xí)和狹義人工智能
簡(jiǎn)化的產(chǎn)品智能成熟度量表
  • 手動(dòng)工作流程——完全沒有自動(dòng)化
  • 業(yè)務(wù)邏輯自動(dòng)化——特定功能的靜態(tài)業(yè)務(wù)規(guī)則
  • 機(jī)器學(xué)習(xí)和狹義人工智能——僅限于特定任務(wù)的卓越能力
  • 通用人工智能和超級(jí)人工智能——未納入該范圍,因?yàn)樗鼈內(nèi)蕴幱诶碚撾A段

通過大致了解您的組織所處的狀況,您可以確定您的組織為了實(shí)現(xiàn)愿景必須達(dá)到的成熟度級(jí)別。

評(píng)估平臺(tái)技術(shù)準(zhǔn)備情況

UI 的底層隱藏著什么?它是否采用了合適的技術(shù)架構(gòu)來支持 AI 開發(fā)?在真正投入 AI 工作之前,你需要解決多少技術(shù)債務(wù)?

在架構(gòu)師和開發(fā)人員的幫助下,您的團(tuán)隊(duì)可以全面評(píng)估您的平臺(tái)的定位。雖然我不推薦 Domo,但他們有一篇很棒的文章《AI 就緒性:評(píng)估您的業(yè)務(wù)的完整指南和免費(fèi)清單》,您可以參考。

  • 基礎(chǔ)準(zhǔn)備——包括基礎(chǔ)設(shè)施平臺(tái)、數(shù)據(jù)源和軟件包
  • 運(yùn)營(yíng)準(zhǔn)備——包括指導(dǎo)方針、人員配備、治理、合規(guī)性和風(fēng)險(xiǎn)

了解這一點(diǎn)可以告訴你,你的努力是否會(huì)實(shí)現(xiàn)、是否會(huì)被推遲,或者是否會(huì)徒勞無功。

第四步:奠定基礎(chǔ)

指導(dǎo)工作的是什么

定義AI 設(shè)計(jì)原則,打造富有影響力的用戶體驗(yàn)。您可以從 VUX 的AI 設(shè)計(jì)原則中找到靈感。通過補(bǔ)充和完善概念的原則,強(qiáng)化既定的 AI 愿景和目標(biāo)。

設(shè)計(jì)師的驅(qū)動(dòng)力

不斷提升您的 UX 實(shí)踐以提供完善的 AI非常重要。

  • 確保您的團(tuán)隊(duì)掌握最新的設(shè)計(jì)最佳實(shí)踐,例如Maria Margarida 撰寫的《使用 AI 進(jìn)行設(shè)計(jì):用戶體驗(yàn)和最佳實(shí)踐》這篇文章
  • 在自己的設(shè)計(jì)工作流程中積極使用人工智能,親身體驗(yàn)人工智能,并通過實(shí)踐獲得見解
  • 定期互相分享提示、資源和學(xué)習(xí)成果
  • 做好你每天要做的事情——磨練用戶體驗(yàn)專業(yè)知識(shí),改進(jìn)研究和設(shè)計(jì)實(shí)踐,并定期與客戶互動(dòng)

是什么讓團(tuán)隊(duì)繼續(xù)前進(jìn)

與工作伙伴保持定期溝通并遵循最佳實(shí)踐。

  • 知道何時(shí)讓誰(shuí)參與
  • 建立異步渠道和會(huì)議節(jié)奏

經(jīng)驗(yàn)告訴我們什么

您的團(tuán)隊(duì)是否渴望開始深入研究數(shù)據(jù)?對(duì)于注重工程設(shè)計(jì)的組織,或者為了實(shí)現(xiàn)并行方法,您的團(tuán)隊(duì)也可以專注于數(shù)據(jù)準(zhǔn)備。您可以先清理和準(zhǔn)備一些基礎(chǔ)數(shù)據(jù)集,以及一些您認(rèn)為能夠帶來價(jià)值的專業(yè)數(shù)據(jù)集:

  • 帳戶和用戶數(shù)據(jù)
  • 記錄應(yīng)用程序和傳感器數(shù)據(jù)
  • 所需第三方的 API
  • 元數(shù)據(jù)和標(biāo)簽

通過清理信息并將數(shù)據(jù)輸入 AI 模型,您仍然可以在現(xiàn)有路線圖上開展工作,同時(shí)為 AI 計(jì)劃取得一些進(jìn)展。這樣,您就可以在對(duì)現(xiàn)有數(shù)據(jù)集執(zhí)行深度學(xué)習(xí)關(guān)聯(lián)時(shí)讓數(shù)據(jù)為您提供指導(dǎo),從而進(jìn)一步研究特定經(jīng)驗(yàn)用例。

第五步:共同塑造未來

AI交互模式

要利用 AI 解決客戶問題,團(tuán)隊(duì)必須仔細(xì)思考 AI 如何在系統(tǒng)中運(yùn)行,以及它將如何影響用戶體驗(yàn)。請(qǐng)使用下方矩陣來指導(dǎo)討論和決策。

  • 參與——要求與人工智能進(jìn)行主動(dòng)、明確的互動(dòng)
  • 嵌入式——精心策劃的集成 AI 體驗(yàn)
  • 隱形——用戶無法與人工智能直接互動(dòng)
AI 交互模式矩陣,突出顯示參與、嵌入和隱形模式的屬性
用于戰(zhàn)略討論的人工智能交互模式矩陣
Microsoft Copilot 參與式 AI 交互模式示例的 GIF
參與式 AI 交互模式示例——Copilot 的語(yǔ)義索引
Microsoft Copilot 嵌入式 AI 交互模式示例的 GIF
嵌入式 AI 交互模式示例 - 使用 Copilot for PowerPoint 重寫

真正的用戶倡導(dǎo)者提出的問題

  • 這會(huì)增加用戶的交互需求嗎?會(huì)增加多少?付出的努力是否值得?
  • 這將對(duì)我們的客戶的生活質(zhì)量產(chǎn)生哪些具體的影響?他們是否有能力或意愿付費(fèi)來實(shí)現(xiàn)這些收益?
  • 實(shí)施這一舉措是否需要客戶采取額外的措施?擴(kuò)大規(guī)模后,還需要付出多少努力才能保持這種模式?

通過令人信服的研究綜合做出決策

確保不錯(cuò)過任何機(jī)會(huì),分享在探索過程中、通過用戶反饋或分析所獲得的經(jīng)驗(yàn)。及時(shí)向業(yè)務(wù)和產(chǎn)品利益相關(guān)者匯報(bào)研究結(jié)果,確保路線圖的優(yōu)先事項(xiàng)得到數(shù)據(jù)支持。

可視化路線圖里程碑

用戶體驗(yàn)團(tuán)隊(duì)還可以通過有效的可視化,在幫助利益相關(guān)者更好地確定工作優(yōu)先級(jí)方面發(fā)揮關(guān)鍵作用。與產(chǎn)品經(jīng)理合作,模擬代表最終愿景、第一步以及最終實(shí)現(xiàn)之前的幾個(gè)中間階段的英雄體驗(yàn),這些體驗(yàn)可以映射到交付時(shí)間表和階段。

衡量影響

確保你能定量和定性地衡量結(jié)果。包括領(lǐng)導(dǎo)層的投資回報(bào)率 (ROI) 和產(chǎn)品團(tuán)隊(duì)的關(guān)鍵績(jī)效指標(biāo) (KPI)。雖然我不推薦這些方法,但Arounda 的《人工智能用戶體驗(yàn):完善人工智能產(chǎn)品指標(biāo)的 10 個(gè)技巧》提供了很好的例子:

  • 用戶參與度、用戶保留率
  • 轉(zhuǎn)化率、采用率和使用率
  • 效率和生產(chǎn)力

底線

如果您已經(jīng)為客戶提供了良好的服務(wù),那么打造高影響力的 AI 體驗(yàn)應(yīng)該輕而易舉。但陷阱在于,組織對(duì) AI 愿景或目標(biāo)的看法不一致,以及您的產(chǎn)品技術(shù)能力尚未為 AI 做好準(zhǔn)備。作為一名設(shè)計(jì)領(lǐng)導(dǎo)者,您擁有獨(dú)特的優(yōu)勢(shì),只需稍加挖掘、拓展人脈,并打破常規(guī)思維,就能引領(lǐng)變革。

步驟:1. 出于正確的理由去做 2. 組建你的 AI A 團(tuán)隊(duì) 3. 了解你的工作內(nèi)容 4. 奠定基礎(chǔ) 5. 共同塑造未來
TLDR:打造高影響力產(chǎn)品的 5 步 AI UX 策略手冊(cè)

進(jìn)一步閱讀

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

谷歌全新 Material Design 的“Expressive”設(shè)計(jì)

杰睿 行業(yè)趨勢(shì)

谷歌剛剛在上周的Android Show上發(fā)布了 Material Design 的一項(xiàng)最大更新,這讓我這個(gè) UX 設(shè)計(jì)師感到非常興奮(同時(shí)也有點(diǎn)擔(dān)心),因?yàn)樗诎l(fā)生著變化和發(fā)展。

谷歌 Material Design“Expressive”設(shè)計(jì)預(yù)覽

谷歌 (OOGLE) 最近對(duì)其現(xiàn)有的設(shè)計(jì)語(yǔ)言和系統(tǒng)進(jìn)行了大規(guī)模升級(jí),用于為全球數(shù)十億用戶構(gòu)建應(yīng)用和產(chǎn)品。此次更新包含許多有趣的新效果和風(fēng)格,但最重要的是,它凸顯了公司在用戶體驗(yàn)方面的思維轉(zhuǎn)變。

讓我為您總結(jié)一切,并展示這將如何為空間帶來新的設(shè)計(jì)趨勢(shì)。

有趣的元素、按鈕和控件

Material Design Expressive 中的趣味元素

如果你覺得之前的 Material Design 已經(jīng)不遺余力地讓元素看起來更有趣了,那么這次的更新絕對(duì)更上一層樓。從形狀相互轉(zhuǎn)換的創(chuàng)意加載器,到隨處可見的滑動(dòng)條,這次更新將為設(shè)計(jì)師提供豐富的選擇和自由度,讓他們盡情發(fā)揮創(chuàng)意。

不一致是關(guān)鍵?——這是我在 Android Show 上注意到的!作為設(shè)計(jì)師,我們通過網(wǎng)站和應(yīng)用程序宣揚(yáng)一致的設(shè)計(jì),然而 Material Expressive 卻打破了大量規(guī)則。

  • 標(biāo)簽現(xiàn)在會(huì)改變形狀以突出顯示并顯示高亮狀態(tài)。
  • 浮動(dòng)菜單現(xiàn)在具有可變的寬度來容納其內(nèi)容,而不是一個(gè)一致的寬度。
  • 擴(kuò)展的形狀庫(kù)可以為部分或按鈕增添樂趣。
  • 在屏幕上的同一空間內(nèi)使用可變的邊框半徑(半徑的復(fù)數(shù))來提供更高水平的視覺區(qū)分。
  • 標(biāo)題中使用多種排版方式來增強(qiáng)視覺層次并注重“大膽”的設(shè)計(jì)。
  • 諸如此類的例子還有很多。

除了微小的元素之外,我們還可以在應(yīng)用程序中的整個(gè)卡片和列表中看到這一點(diǎn):

卡片和列表如何應(yīng)對(duì)不一致

標(biāo)題真正體現(xiàn)了風(fēng)格并打破了界限

標(biāo)題如何在不同的應(yīng)用中扮演不同的“角色”

我們見過網(wǎng)站標(biāo)題的奇特風(fēng)格,設(shè)計(jì)師們也利用標(biāo)題來契合主題,使其成為重要的圖形元素。谷歌似乎也試圖在其設(shè)計(jì)系統(tǒng)中做同樣的事情。

一個(gè)很好的例子是他們?nèi)绾吻擅畹厥褂每勺兊淖煮w高度和大小來創(chuàng)建這個(gè)簡(jiǎn)潔的鬧鐘應(yīng)用程序。

資料來源:9to5Google

一些有趣的標(biāo)題和文字非常有意義,尤其是在標(biāo)題扮演特定角色的應(yīng)用中。然而,一些大而粗的標(biāo)題和元素的使用卻很糟糕。以下是谷歌正在做的一個(gè)很好的例子顯示為“不該做什么”:

我們還沒有看到谷歌在動(dòng)畫標(biāo)題和效果方面做出太多的貢獻(xiàn),所以我們只能拭目以待。

注重節(jié)省時(shí)間

從上面的對(duì)比中,您可以注意到 Gmail 移動(dòng)應(yīng)用的一些重大變化。電子郵件部分現(xiàn)在變成了素材卡片,并且操作菜單移到了鍵盤上方。除了位置的變化之外,加粗的發(fā)送按鈕和擴(kuò)展的菜單還允許用戶快速操作并將元素添加到電子郵件中。研究表明,這可以將用戶的瀏覽體驗(yàn)提升 4 倍。

不同元素使用不同的色調(diào)不僅讓應(yīng)用程序感覺更有趣,而且還為重要元素創(chuàng)建了良好的視覺層次和對(duì)比度。

在經(jīng)過測(cè)試的 10 款應(yīng)用中,M3 Expressive 設(shè)計(jì)使老年用戶能夠像年輕用戶一樣快速地發(fā)現(xiàn)屏幕上的關(guān)鍵交互元素。

根據(jù)谷歌研究團(tuán)隊(duì)的調(diào)查,無論年輕用戶還是年長(zhǎng)用戶,都能更快地發(fā)現(xiàn)關(guān)鍵交互和行動(dòng)號(hào)召 (CTA),并減少采取行動(dòng)的時(shí)間。簡(jiǎn)而言之,用戶和界面之間的摩擦將會(huì)減少。

動(dòng)畫和交互得到升級(jí)

谷歌將他們的新動(dòng)畫系統(tǒng)和指南稱為“運(yùn)動(dòng)物理系統(tǒng)”,該系統(tǒng)致力于使微交互和過渡更加流暢、更具表現(xiàn)力。谷歌還致力于使動(dòng)畫更容易被用戶理解。

一些主要區(qū)別如下:

  • 基于彈簧的動(dòng)畫本質(zhì)上意味著動(dòng)畫結(jié)束時(shí)會(huì)有彈跳,以使其感覺更自然。
  • 您可以使用新的運(yùn)動(dòng)方案來定制您的設(shè)計(jì)。
  • 空間效果,其中元素將在屏幕上從一個(gè)位置移動(dòng)到另一個(gè)位置。
  • 他們還采用了新的命名方案,以“expressive”作為動(dòng)畫名稱的前綴。
  • 標(biāo)準(zhǔn)緩和動(dòng)畫已成為過去!

所有這些如何協(xié)同工作的一個(gè)很好的例子就是這個(gè)非常自然且富有表現(xiàn)力的動(dòng)畫:

新的 Android 通知?jiǎng)赢?/span>

在上面的例子中,仔細(xì)觀察關(guān)閉一條通知時(shí),所有其他通知都會(huì)做出相應(yīng)的反應(yīng)。這感覺就像一本書被從書架上拉下來,旁邊的書也會(huì)微微滑出。這比之前的 Android 更新更加自然,也更符合物理定律

您可以使用這些新動(dòng)畫及其動(dòng)畫指南和設(shè)置列表 - https://m3.material.io/styles/motion/overview/how-it-works

隨處可見的形狀和變形

谷歌確實(shí)非常依賴變形形狀來展現(xiàn)設(shè)計(jì)元素的狀態(tài)變化。無論是卡片的展開,還是計(jì)時(shí)器的移動(dòng),這些變形形狀隨處可見。

  • 藥丸會(huì)增加邊框半徑,以從其他選項(xiàng)中脫穎而出。
  • 許多 SVG 圖形會(huì)通過變化和變形來顯示事物的增加或減少。這些圖形可以是計(jì)時(shí)器、加載器和進(jìn)度條。
  • 卡片變成圓形以顯示選定狀態(tài)并與其他卡片區(qū)分開來。
  • 當(dāng)卡片在滑塊或旋轉(zhuǎn)木馬中進(jìn)入焦點(diǎn)時(shí),它們會(huì)擴(kuò)大。
  • 圓形裝載機(jī)從無聊的舊圓形變?yōu)樽冃涡螤睢?/span>

他們還推出了一個(gè)新的形狀庫(kù)供設(shè)計(jì)師使用和探索——https: //m3.material.io/styles/shape/overview-principles

這些形狀不僅僅是工藝品。谷歌鼓勵(lì)設(shè)計(jì)師將其用于個(gè)人資料圖片以增加個(gè)性,將其添加到用戶交互和元素中,以及使用 2.5D 形狀來增加深度。

不過,谷歌也警告設(shè)計(jì)師要謹(jǐn)慎使用形狀,以避免混亂和混淆。

我為什么擔(dān)心?

  1. 過度游戲化:由于 Google 專注于有趣和明亮的元素,一些設(shè)計(jì)師可能會(huì)過度使用并破壞一些常見的 UX 原則,從而妨礙用戶的體驗(yàn)。
  2. 主觀設(shè)計(jì):說到底,設(shè)計(jì)本身就是主觀的。我在推特上看到過很多關(guān)于 Android 16 和 Material Expressive 的帖子,有些人覺得某些顏色和實(shí)現(xiàn)方式不太吸引人。
  3. 舊硬件的問題:流暢的動(dòng)畫效果很棒,但耗電耗電。由于不同設(shè)備之間缺乏一致性,Material Expressive 可能無法在所有設(shè)備上正常工作,并且可能不適用于此類網(wǎng)站。我可能完全錯(cuò)了,所以請(qǐng)?jiān)谠u(píng)論中指正。
  4. 開發(fā)人員會(huì)更加討厭我們:我們經(jīng)常會(huì)遇到動(dòng)畫或交互設(shè)計(jì)工作量大,開發(fā)團(tuán)隊(duì)或產(chǎn)品經(jīng)理可能會(huì)縮短或忽略這些工作的情況。值得慶幸的是,大多數(shù)開發(fā)人員也都掌握了 Material Design 的精髓,所以說服他們并非難事。

你對(duì) Material Expressive 有什么看法?請(qǐng)?jiān)谠u(píng)論區(qū)留言,我們可以好好討論一下!另外,記得點(diǎn)個(gè)贊支持我哦 :)

 

 

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

? 審美積累 | Misso 工作平臺(tái)設(shè)計(jì)賞析

杰睿 設(shè)計(jì)資源

信息密度高,也可以呼吸感十足。
今天分享一組我非常喜歡的 Web UI 作品——Misso 工作效率平臺(tái)設(shè)計(jì)。項(xiàng)目來自 BEHANCE 上的 Dotcode Studio,主打 B 端 SaaS 場(chǎng)景,設(shè)計(jì)在視覺和信息組織之間達(dá)成了很好的平衡。
這組設(shè)計(jì)最吸引我的是**「信息密度與視覺節(jié)奏的平衡」**。它大量使用網(wǎng)格和卡片進(jìn)行內(nèi)容分區(qū),同時(shí)通過圓角、灰階配色和輕量圖標(biāo),削弱了B端界面的壓迫感。
核心亮點(diǎn):
  • 主色冷靜理性,大量留白讓復(fù)雜信息不擁擠
  • 字體層級(jí)明確,搭配簡(jiǎn)潔圖標(biāo)強(qiáng)化指向性
  • 模組化卡片設(shè)計(jì),兼容多種信息類型、適配響應(yīng)式場(chǎng)景
  • 微交互動(dòng)效自然,增強(qiáng)可用性但不喧賓奪主
使用感受:
這類視覺風(fēng)格在“效率類”工具平臺(tái)中非常常見,但 Misso 的版本尤其**“親切”**,不像傳統(tǒng) B 端那么冷峻。可以作為 CRM、任務(wù)管理、數(shù)據(jù)看板等平臺(tái)的風(fēng)格參考。
適用場(chǎng)景建議:
適合 B 端 Web 產(chǎn)品、數(shù)據(jù)儀表盤、工作流工具等高信息密度的頁(yè)面,特別適合希望在「專業(yè)感」與「友好性」之間找到平衡的產(chǎn)品團(tuán)隊(duì)。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

如何通過 UI / 交互層級(jí)設(shè)計(jì)降低新手門檻?一項(xiàng)系統(tǒng)性分析

杰睿 設(shè)計(jì)思維

 

在復(fù)雜信息系統(tǒng)或工具類產(chǎn)品中,用戶的第一次接觸往往決定了他們是否愿意繼續(xù)使用。新手門檻的高低,不僅影響用戶的學(xué)習(xí)成本和初始留存,也間接作用于產(chǎn)品的商業(yè)表現(xiàn)。
從設(shè)計(jì)角度來看,UI 與交互層級(jí)結(jié)構(gòu)的組織方式,是決定新手體驗(yàn)是否友好、是否有進(jìn)入感的核心機(jī)制之一。本文將從信息認(rèn)知、界面結(jié)構(gòu)與行為引導(dǎo)三個(gè)層面,系統(tǒng)性分析 UI / 交互層級(jí)如何影響新手門檻,并給出設(shè)計(jì)優(yōu)化思路。

一、認(rèn)知負(fù)荷與界面感知模型

1.1 新用戶的心理特征:模型缺失、不確定性高

新手用戶面臨的主要挑戰(zhàn)在于:缺乏清晰的心理模型。他們不了解系統(tǒng)邊界、不知道功能位置、無法預(yù)期交互結(jié)果。這導(dǎo)致每一個(gè)界面元素都可能成為額外的認(rèn)知負(fù)擔(dān)。
設(shè)計(jì)的目標(biāo)不是“減少內(nèi)容”,而是降低用戶構(gòu)建心理模型的難度,使其在短時(shí)間內(nèi)感知:
  • 我在哪里?(定位)
  • 我可以做什么?(路徑)
  • 接下來會(huì)發(fā)生什么?(預(yù)期)
 

二、交互層級(jí)的三重作用機(jī)制

UI 和交互層級(jí)結(jié)構(gòu)不是界面排版的產(chǎn)物,而是產(chǎn)品功能語(yǔ)義、用戶行為路徑與認(rèn)知節(jié)奏的結(jié)構(gòu)化表達(dá)。它主要承擔(dān)以下三重功能:

2.1 信息壓縮與優(yōu)先級(jí)管理

良好的層級(jí)結(jié)構(gòu)通過視覺與交互手段實(shí)現(xiàn)信息的壓縮與展開,使用戶在單位時(shí)間內(nèi)只面對(duì)有限數(shù)量的信息項(xiàng),減輕感知壓力。典型手段包括:
  • 分組與分區(qū)(Group & Zone)
  • 折疊與展開(Progressive Disclosure)
  • 等級(jí)化的視覺樣式(Hierarchy by contrast)
設(shè)計(jì)者需將“概覽 → 局部 → 操作”作為信息層級(jí)主路徑,避免“信息平鋪”或“全量暴露”所帶來的干擾性。

2.2 用戶路徑引導(dǎo)與行為決策支持

層級(jí)不僅是界面組織結(jié)構(gòu),更是用戶行為路徑的預(yù)設(shè)結(jié)構(gòu)。其目的是在用戶尚未做出主動(dòng)決策前,通過顯性或隱性的路徑引導(dǎo),幫助其完成一次有效行為。
關(guān)鍵設(shè)計(jì)策略包括:
  • 建立“主路徑”與“輔助路徑”的視覺與交互區(qū)隔
  • 使用位置、顏色、動(dòng)線等手段強(qiáng)化行為序列感
  • 提供結(jié)構(gòu)性反饋(如面包屑、步驟指示、當(dāng)前視圖狀態(tài))以增強(qiáng)路徑感知
良好的路徑引導(dǎo)可以顯著降低“首次任務(wù)失敗率”,增強(qiáng)使用信心。

2.3 情境邊界限定與探索自由空間構(gòu)建

初期用戶往往不清楚“系統(tǒng)邊界”,層級(jí)結(jié)構(gòu)的設(shè)計(jì)需在兩個(gè)維度上達(dá)到平衡:
  • 邊界明確:用戶需要知道當(dāng)前操作的上下文邊界(模塊歸屬、操作影響范圍)
  • 探索自由:同時(shí)保留一定的試探空間,讓用戶可以低成本嘗試操作(可逆性、可預(yù)覽、非強(qiáng)綁定)
設(shè)計(jì)上常通過局部可展開結(jié)構(gòu)、Hover Preview、模態(tài)/側(cè)滑等方式建立“安全的探索機(jī)制”,既幫助理解,又降低誤操作焦慮。

三、結(jié)構(gòu)策略:降低門檻的五個(gè)設(shè)計(jì)原則

基于上述機(jī)制分析,我們可以提煉出以下五個(gè)關(guān)鍵設(shè)計(jì)策略,用以降低新手門檻:

3.1 建立明確的主視覺層級(jí)結(jié)構(gòu)(Visual Hierarchy)

通過字號(hào)、顏色、布局密度、空間節(jié)奏等手段,強(qiáng)化內(nèi)容結(jié)構(gòu)的視覺可讀性。視覺層級(jí)清晰,是新用戶建立模塊感知的基礎(chǔ)。

3.2 采用遞進(jìn)式信息揭示(Progressive Disclosure)

避免在初始狀態(tài)中展示所有功能與數(shù)據(jù),采用分步展開策略,依據(jù)用戶行為逐層揭示內(nèi)容,符合信息處理的漸進(jìn)性原則。

3.3 強(qiáng)化首層路徑線索(Primary Interaction Path)

通過交互動(dòng)線設(shè)計(jì)(按鈕位置、流向動(dòng)畫、前后態(tài)對(duì)照等),明確用戶首要行為路徑,避免多條入口路徑造成判斷負(fù)擔(dān)。

3.4 構(gòu)建可預(yù)測(cè)的反饋機(jī)制(Consistent Feedback)

操作結(jié)果應(yīng)當(dāng)及時(shí)、清晰、結(jié)構(gòu)化地反饋,幫助用戶快速建立輸入-輸出映射關(guān)系,降低操作不確定感。

3.5 保留安全的試錯(cuò)機(jī)制(Safe-to-Explore)

通過撤銷、預(yù)覽、提示、淺層交互等方式構(gòu)建“軟邊界”,降低試錯(cuò)成本,增強(qiáng)用戶探索欲望與系統(tǒng)掌控感。
 
層級(jí)設(shè)計(jì)的意義不僅在美學(xué),而在策略
 
降低新手門檻不是純粹的 UI 問題,而是用戶認(rèn)知過程、行為路徑設(shè)計(jì)與界面結(jié)構(gòu)合理性的交匯點(diǎn)。
一套良好的 UI/交互層級(jí),不僅能讓用戶看懂產(chǎn)品、用對(duì)功能、建立信心,更能為產(chǎn)品的可用性、可擴(kuò)展性與商業(yè)增長(zhǎng)建立堅(jiān)實(shí)的基礎(chǔ)。
 
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

設(shè)計(jì)師如何高效對(duì)接前端

濤濤 前端及開發(fā)文章及欣賞

本文圍繞 UI 設(shè)計(jì)如何實(shí)現(xiàn)與前端的無縫對(duì)接,確保設(shè)計(jì)圖 100% 還原且減少修改展開,通過實(shí)戰(zhàn)案例分享了關(guān)鍵方法與注意事項(xiàng),強(qiáng)調(diào)溝通、技術(shù)理解及靈活協(xié)作的重要性。

UI設(shè)計(jì)潮流就是個(gè)輪回

濤濤 行業(yè)趨勢(shì)

本文圍繞 “潮流是個(gè)輪回” 的理念,探討 UI 設(shè)計(jì)趨勢(shì)的演變,指出了解歷史流行趨勢(shì)對(duì)創(chuàng)新和提升設(shè)計(jì)能力的重要性,并重點(diǎn)介紹了五種具有代表性的 UI 設(shè)計(jì)趨勢(shì)及其特點(diǎn)、發(fā)展背景與應(yīng)用場(chǎng)景。

UI 設(shè)計(jì)中的膠囊和彈窗設(shè)計(jì)

濤濤 平面設(shè)計(jì)

該網(wǎng)頁(yè)聚焦 UI 設(shè)計(jì)中的膠囊和彈窗設(shè)計(jì),展示了大量各類商業(yè)活動(dòng)的 banner 設(shè)計(jì)案例,涵蓋電商促銷、節(jié)日營(yíng)銷、會(huì)員福利、課程招生等多個(gè)場(chǎng)景,體現(xiàn)了膠囊按鈕與彈窗在商業(yè)設(shè)計(jì)中的廣泛應(yīng)用,為相關(guān)設(shè)計(jì)提供了豐富的實(shí)踐參考。

UI設(shè)計(jì)中的膠囊和彈窗設(shè)計(jì)

濤濤 平面設(shè)計(jì)

該網(wǎng)頁(yè)聚焦 UI 設(shè)計(jì)中的膠囊和彈窗設(shè)計(jì),展示了大量各類商業(yè)活動(dòng)的 banner 設(shè)計(jì)案例,涵蓋電商促銷、節(jié)日營(yíng)銷、會(huì)員福利、課程招生等多個(gè)場(chǎng)景,體現(xiàn)了膠囊按鈕與彈窗在商業(yè)設(shè)計(jì)中的廣泛應(yīng)用,為相關(guān)設(shè)計(jì)提供了豐富的實(shí)踐參考。

UI設(shè)計(jì)中的動(dòng)效12法則

濤濤 設(shè)計(jì)管理與成長(zhǎng)

本文基于迪士尼動(dòng)畫師奧利?約翰斯頓與弗蘭克?托馬斯提出的 “動(dòng)畫十二基本法則”,探索其在 UI 動(dòng)效設(shè)計(jì)中的指導(dǎo)作用,強(qiáng)調(diào) UI 動(dòng)效應(yīng)結(jié)合場(chǎng)景、動(dòng)態(tài)效果與節(jié)奏傳遞信息,通過十二法則提升動(dòng)效的自然性、吸引力與功能性。

日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 在线观看国产人视频免费中国 | 一受多攻高h | 国产在线观看91精品 | 久久久久久九九 | 热久久国产欧美一区二区精品 | 久久热在线视频精品店 | 免费人成网站永久 | 久久久精品免费免费直播 | 99热在线观看 | 美女视频黄a视频全免费网站色窝 | 国产精品A8198V久久A片 | 欧美日韩精品 | 娇小亚裔被两个黑人 | 男女午夜性爽快免费视频不卡 | 国产乱妇乱子在线播视频播放网站 | CHRISTMAS农村夫妻HO | 成人无码精品1区2区3区免费看 | 男的插曲女的下面免费APP | 囯产愉拍亚洲精品一区 | 天天操人人射 | 9久久免费国产精品特黄 | 妹妹的第一次有点紧 | 成 人 色综合 | 萝莉御姐被吸奶 | 午夜福利小视频400 午夜福利网国产A | 国产亚洲精品高清视频免费 | 久久麻豆国产国产AV | 人和拘一级毛片 | 99久久免热在线观看 | 四虎永久在线精品国产 | 亚洲偷自拍精品视频在线观看 | 月夜直播视频免费观看 | 无码不卡中文字幕在线观看 | 午夜福利网国产A | 东京热无码中文字幕av专区 | 久久99热狠狠色AV蜜臀 | 人人干人人爽 | 91精品福利一区二区 | 伊人影院中文字幕 | 久久久91精品国产一区二区 | 狠狠色狠狠色狠狠五月ady |