无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

首頁

busuu 如何提升移動訂閱收入的 4 個經(jīng)驗教訓

清陽

在今年舊金山舉行的Mobilize 大會上,我們深入探討了一些我們最喜歡的品牌如何使用數(shù)據(jù)、實驗和行為科學來增強其客戶在網(wǎng)絡和移動平臺上的數(shù)字體驗。

Antoine Sakho 是busuu的產(chǎn)品負責人。busuu 是一家總部位于倫敦的公司,致力于開發(fā)語言學習應用,迄今已服務于全球超過 7500 萬人。他們的夢想是讓任何人都能隨時隨地通過個性化課程學習一門新語言,并通過與母語人士的互動來豐富學習內(nèi)容。

Antoine 向我們深入介紹了 busuu 的訂閱優(yōu)化策略,并讓 Mobilize 的觀眾親眼目睹了他們的收入方程式和實驗策略,這些策略可能會對您的移動訂閱收入產(chǎn)生直接影響。

Antoine 首先引用了 App Annie 最近的一份報告,該報告顯示,2016 年全球十大暢銷應用中,有 8 個是免費增值、基于訂閱的應用。這表明,如果用戶發(fā)現(xiàn)你的應用內(nèi)容有價值,他們更愿意轉(zhuǎn)向基于訂閱的定價模式。

直到2014年夏天,busuu應用才提供應用內(nèi)購買功能,可以解鎖特定語言的特定級別。2014年之后,他們改用訂閱模式,提供月度、半年和年度套餐,以為訂閱因其可重復使用的特性,自然而然地擁有更高的終身價值,從而增加收入。然而,未經(jīng)嚴格測試,他們發(fā)現(xiàn)事實并非如此……

引入訂閱付款后,購買轉(zhuǎn)化率下降了 75%!

“雖然緩慢但穩(wěn)步,并且經(jīng)過多次實驗,我們的轉(zhuǎn)化率開始呈上升趨勢,直至達到轉(zhuǎn)換之前的水平。”

安托萬指出,當你達到與應用內(nèi)購買類似的購買轉(zhuǎn)化率水平時,由于訂閱的重復性,你實際上可以通過訂閱獲得更高的復合收入。

“回想起來,從應用內(nèi)購買到訂閱的轉(zhuǎn)變是痛苦的——但從長遠來看絕對是值得的。”

該團隊科學地解決了這個問題,將訂閱收入視為以下等式:

訂閱收入=活躍訂閱者數(shù)量x訂閱者平均生命周期價值

訂閱

Antoine 進一步細分了方程式:安裝次數(shù)、轉(zhuǎn)化率、平均訂單價值和續(xù)訂率,這些將優(yōu)化 busuu 的整體訂閱收入數(shù)字。

注意:許多安裝策略都是在應用程序環(huán)境之外進行測試的。

Antoine首先解釋了提高購買轉(zhuǎn)化率的兩種策略及其相應的策略:

  1. 通過內(nèi)容鎖定和路標等策略增加付費墻觀看次數(shù)
  2. 通過折扣和產(chǎn)品營銷等策略改善支付渠道

他描述了影響平均訂單價值的兩種策略和戰(zhàn)術:

  1.  通過制定長期計劃來改變產(chǎn)品組合
  2. 使用價格彈性測試提高價格

最后,他解釋了 busuu 如何通過分支取消流程來提高續(xù)訂率,該流程提供幫助和支持、提供最后機會折扣以及提供暫停訂閱的功能。

以下是我們從 busuu 中學到的 4 大經(jīng)驗教訓以及您可以立即開始測試的策略!

  1. 轉(zhuǎn)化率優(yōu)化策略:內(nèi)容鎖定

“你怎么知道鎖定量是太多還是太少?答案就是 A/B 測試。”

該團隊測試了僅限高級用戶訪問所有語言的功能。

此前在 busuu 上,免費用戶可以隨意切換任何語言,但每次使用時都會遇到內(nèi)容被鎖定的情況。

假設:同時學習多種語言的鐵桿免費高級用戶將升級以繼續(xù)學習。

結(jié)果:高級用戶參與者的轉(zhuǎn)化率提高了 83%(大約 20% 的用戶學習了 1 種以上的語言)——這是他們在數(shù)百次實驗中看到的最強效果之一!

經(jīng)驗教訓:如果您擁有一組有限的免費高級用戶,他們表現(xiàn)出非常特殊的內(nèi)容消費行為,請考慮鎖定對該內(nèi)容的訪問權限,您可能會看到轉(zhuǎn)化率的顯著提高。

“我們?nèi)栽?busuu 上試驗內(nèi)容鎖定——這是一個永無止境的旅程——并且正在努力根據(jù)我們構(gòu)建的預測轉(zhuǎn)化模型所評估的用戶轉(zhuǎn)化可能性來動態(tài)地鎖定和解鎖內(nèi)容。”

busuu 結(jié)果

2.改進支付漏斗策略:折扣

2017 年 4 月,busuu 開始嘗試僅對 12 個月的計劃提供 50% 的折扣,而不是 30% 的折扣。

假設:他們每銷售一個邊際單位的成本實際上為 0——他們可以折扣到 90%,所以他們嘗試了一下。

成果:隨著用戶選擇長期套餐,他們的轉(zhuǎn)化率提升了 40%,預訂量也增加了 88%。這是因為折扣的增加使得長期套餐看起來更實惠。

經(jīng)驗教訓:如果您能夠通過僅針對這些計劃提供折扣來吸引用戶選擇長期計劃,那么更高的折扣率并不一定意味著更少的收入。

從那時起,我們一直在進一步嘗試折扣,尤其是由某種用戶行為(例如連續(xù)購買或完成一系列活動)觸發(fā)的折扣。這種方法非常成功,我們會繼續(xù)測試。

busuu 折扣

3. 調(diào)整產(chǎn)品組合并提高價格策略:價格細分和價格測試

假設:他們進行了一項實驗,旨在通過分解年費來激勵用戶選擇包年套餐。幾年前,年費就已經(jīng)分解為等值的月費——也就是說,他們不再顯示 60 美元/年,而是在總價上方顯示 5 美元/月。這是一種非常常見的做法,目的是將客戶固定在較低的價格上,并使包年套餐相對更具吸引力。僅憑這一點,他們就發(fā)現(xiàn)包年套餐的購買量增長了 12%。

現(xiàn)在,他們想進一步嘗試將年度價格分解為每周和每日的價格。

經(jīng)驗教訓:價格細分得越細,從長期方案到短期方案的“節(jié)省”就越少。例如,年度方案每月 5 英鎊,月度方案每月 10 英鎊,而年度方案每天 0.16 英鎊,月度方案每天 0.33 英鎊。由于節(jié)省金額的差異看起來小得多,它改變了節(jié)省金額和取消靈活性之間的權衡,并促使用戶選擇短期方案,從而降低總收入。請務必測試您的價格細分!

同樣,測試價格也至關重要,因為只要價格上漲不會導致轉(zhuǎn)化率出現(xiàn)同等或更大幅度的下降,您就有可能獲得增量收入。了解您的價格彈性。

4.挽回取消訂單的策略:幫助、暫停和折扣

假設:通過提供包含多種挽回策略的多步驟流程來防止用戶取消

測試流程

當用戶完成取消流程時,他們會看到:

  • 幫助屏幕詢問用戶是否需要一些服務幫助
  • 如果用戶繼續(xù)取消,另一個屏幕會顯示,如果他們繼續(xù)入住,則會提供折扣
  • 如果用戶取消了訂單,系統(tǒng)會跳轉(zhuǎn)至另一個頁面詢問他們?nèi)∠唵蔚脑颍╞usuu 從中收集到了關于用戶流失原因的可靠數(shù)據(jù))。然后,流程出現(xiàn)分支:
    • 如果用戶選擇“免費選項對我來說已經(jīng)足夠了”,他們會看到最后一個屏幕,提醒他們高級會員的好處以及取消會員后會失去什么
    • 如果用戶選擇“我想更改我的訂閱”——busuu 意識到有些用戶取消訂閱是因為他們想將計劃延長,因此他們向他們提供了這樣做的選項
    • 如果用戶選擇“我太忙”,busuu 會讓他們暫停訂閱
    • 如果用戶仍然選擇取消,busuu 最終會向他們顯示一個確認屏幕和一個按鈕,點擊該按鈕即可結(jié)束訂閱

結(jié)果

通過此流程,我們避免了近 30% 的取消!

經(jīng)驗教訓

努力了解訂閱者取消的原因,并嘗試通過解決可能原因的多步驟流程來挽救他們。

贏回

查看我們的 Mobilize 2017 精彩片段!

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

干貨分享 | 做App首頁前要干什么

清陽

 “信息架構(gòu)是將意圖轉(zhuǎn)化為可感知形式的過程,必須先看清全局,再動手搭建局部。”
——《信息架構(gòu):超越Web設計》
首頁不是設計“開場動畫”,而是信息的第一道分發(fā)口。
它長得漂亮沒用,走錯一步,用戶直接流失。
 
做App首頁前,你得畫這三種圖
很多設計師一上來就開始堆模塊、調(diào)風格,但其實:
信息沒理順,首頁做再多輪都白改。
先畫好這3張圖,再也不怕亂、改、卡思路
 
 01. 內(nèi)容清單(Content Inventory)
目的:你得知道“我手上到底有什么”
把首頁可能出現(xiàn)的所有功能/內(nèi)容列出來,比如:登錄入口、推薦模塊、搜索框、活動banner、常用工具區(qū)……
先不設計,先看清“原材料”。
書中提醒:“在架構(gòu)信息前,必須先審視現(xiàn)有資源,否則只能是瞎設計。”
 
 02. 信息地圖(Information Map)
 目的:搞清楚“信息之間的邏輯關系”
將功能/內(nèi)容按主題、優(yōu)先級或使用場景進行分類+排序,畫成一張“信息關系圖”
比如:
- 搜索模塊 > 連接內(nèi)容頁
- 快捷入口 > 引導核心功能
- banner > 跳轉(zhuǎn)營銷頁
 原話指出:“地圖能幫助設計者理解用戶心智模型與內(nèi)容分發(fā)方式之間的差距。”
 
03. 信息路徑草圖(Wayfinding Sketch)
目的:確定“用戶在首頁如何移動”
模擬用戶從首頁出發(fā)可能的瀏覽路徑,比如:
- 首次訪問:banner → 注冊 → 功能頁
- 熟練用戶:搜索框 → 內(nèi)容頁
- 想回看某功能:導航欄 → 常用工具區(qū)
這不是UI草圖,是導航行為的動線草圖。
書中強調(diào):“路徑是用戶構(gòu)建意義的方式,他們不是在看首頁,而是在找路。”
 
 小貼士(親測好用):
- 做圖可以手繪,不求美觀,只求理清思路
- 內(nèi)容清單和信息地圖可用Notion或腦圖工具協(xié)作完成
- 別等視覺完稿才調(diào)整,前期圖畫得越清晰,后期越少返工
 
溫柔收尾
首頁像一座信息大廳,設計師要當好“動線引導員”而不是“美陳布景師”。
做出真正有用的首頁,得從架構(gòu)圖開始,一步步理清:我們有什么、怎么放、用戶怎么走。
 
你在設計首頁時,最容易卡在哪一步?歡迎評論區(qū)暢聊~~
 
蘭亭妙微(m.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

采用 M3 設計的 Google Phone 應用

清陽

谷歌已向部分測試用戶發(fā)布了其手機應用的新界面,該界面采用了 Material 3 Expressive 設計。此次改進超越了簡單的視覺風格,更注重使整體應用流程和功能更加直觀。

最顯著的變化是底部導航欄的重新組織。現(xiàn)有的“收藏夾”選項卡已被移除,并作為“收藏夾集合”集成到新的“主頁”選項卡中。“聯(lián)系人”選項卡也消失了,取而代之的是新的“鍵盤”選項卡,該選項卡位于中心位置,取代了現(xiàn)有的浮動操作按鈕。因此,底部導航欄簡化為總共三個選項卡。

此外,通話記錄功能也得到了簡化。此前,同一個人的來電會嵌套在一個條目中,現(xiàn)在它們將被分開并按時間順序列出,方便用戶快速識別未接來電或已接來電。

來電屏幕也進行了改進。用戶可以通過新的水平滑動手勢來接聽或拒絕來電,這一改進是根據(jù)用戶反饋而來的,旨在減少從口袋中拿出手機時的誤操作。

谷歌解釋說,這些更新“旨在讓你的應用從始至終都擁有更簡單、更輕松的體驗”。新的設計和功能將在未來幾周內(nèi)陸續(xù)向公測組推出,但并非所有功能都會一次性推出,而且一些 Material 3 Expressive 元素可能會限量推出。

(C)谷歌

 

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

Kakao,免費創(chuàng)建和分發(fā)新數(shù)字字體“Kakao Font”

清陽

-推出兩種針對數(shù)字環(huán)境優(yōu)化的字體:“Kakao Big Font”和“Kakao Small Font”

-體現(xiàn)數(shù)字通信文化,例如復雜的文本表情符號,就像首輔音是一個字母一樣

-開放字體許可,可免費用于個人和商業(yè)用途

 

(2025-06-17) 在人們更熟悉打字而非手寫、更熟悉滾動而非書籍的時代,Kakao(代表鄭信雅)免費推出了一種名為“Kakao Font”的數(shù)字字體,任何人都可以輕松地在屏幕上閱讀和表達文本。

 

為屏幕而生的文字 'Kakao大字' 'Kakao小字'

“Kakao字體”是一款針對數(shù)字屏幕上的可讀性和表現(xiàn)力進行優(yōu)化的字體,包含“Kakao大字體”和“Kakao小字體”兩種類型。它并非簡單將現(xiàn)有字體進行數(shù)字版本化,而是經(jīng)過全新設計,旨在為智能手機和PC屏幕提供最佳的閱讀體驗。

 

正如標題所示,“Kakao 大字體”是一款即使在屏幕上也能實現(xiàn)清晰醒目的字體。“Kakao 小字體”是一款適用于正文或標題的字體,通過加寬字母間距并合理安排線條,使其即使在小尺寸下也能清晰可見,從而實現(xiàn)清晰可見而不會模糊。

 

僅用聲母‘ ??’和‘??’即可進行交流…體現(xiàn)數(shù)字通信文化

特別是Kakao也抓住了時代的變化,只用“???”和“??”等首字母來表達自己的想法已經(jīng)變得很自然。

 

由于韓語的聲母通常被認為與中間元音和尾元音連用,因此現(xiàn)有字體存在著單獨使用聲母時難以清晰閱讀的局限性。為此,Kakao通過增大字體尺寸并精確調(diào)整比例,使單個聲母即可準確傳達含義,并將聲母改為獨立字母而非字母的一部分。

 

表達情感的特殊符號也變得更加復雜:)

此外,使用特殊字符表達的文本表情符號格式也得到了進一步完善。通過自動將兩個或多個符號或字母組合轉(zhuǎn)換為一個的連字功能,當輸入特定符號時,它會被轉(zhuǎn)換成簡潔的表情符號,即使是文本,也能生動地表達出類似面部表情的情感。

 

例如,像“:-D”這樣的笑臉表情符號,由于字母“D”的位置或大小取決于字體,很容易顯得突兀。但“Kakao Font”會將整個表情符號以有序的形式輸出,幫助用戶以簡潔平衡的方式使用表情符號。此外,像“->(箭頭)”這樣的常用符號組合會在輸入后立即自動轉(zhuǎn)換,免去了用戶單獨搜索特殊字符的麻煩。

 

Kakao 將“Kakao 字體”應用于開放字體許可證 (OFL),并免費提供給個人和商業(yè)使用。該字體可從 Kakao 公司網(wǎng)站下載。

它也可以通過 RixFont Cloud 和 Adob??e Font 等云字體服務免費獲得。

 

Kakao BX 設計負責人申永燮表示:“Kakao 字體是為了在我們每天接觸的智能手機等數(shù)字屏幕上提供最佳的可讀性和表現(xiàn)力而創(chuàng)建的。”他補充道:“我們將繼續(xù)理解時代變遷的溝通方式,并通過體現(xiàn)這一變化的字體,為更豐富的數(shù)字表現(xiàn)文化做出貢獻。”

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

為什么圓角看起來更舒服

清陽

如今,設計師們對圓角的運用如此廣泛,以至于它更像是一種行業(yè)標準,而非一種設計潮流。圓角不僅出現(xiàn)在軟件用戶界面中,也出現(xiàn)在硬件產(chǎn)品設計中。那么,圓角究竟為何如此受歡迎呢?它確實看起來很吸引人,但其背后的意義遠不止于此。
圓角看起來不太明亮
任何人都能欣賞圓角的美感,但并非每個人都能解釋這種美感究竟從何而來。答案就在你的眼睛里。
一些專家表示,圓角矩形比銳角矩形更容易被眼睛識別,因為它們在視覺處理過程中所需的認知努力更少。中央凹處理圓形物體的速度最快。處理邊緣需要大腦中更多的“神經(jīng)圖像工具”[1]。因此,圓角矩形更容易被識別,因為它們看起來比普通矩形更接近圓形。
DM_20250703172854_003.PNG
巴羅神經(jīng)學研究所對角線進行的科學研究發(fā)現(xiàn),“角線的感知顯著性與角線的角度呈線性變化。銳角比平角產(chǎn)生更強的虛幻顯著性”[2]。換句話說,角線越銳利,看起來就越亮。而角線越亮,看起來就越難被看到。

DM_20250703172854_001.PNG

DM_20250703172854_002.GIF

 

哪個物體更容易觀察?
我們習慣于圓角
我們之所以對圓角情有獨鐘,另一個解釋是,圓角更符合我們在現(xiàn)實世界中使用日常物品的方式 [3]。圓角隨處可見。作為孩子,我們很快就知道尖角容易傷人,圓角更安全。這就是為什么當孩子玩球時,大多數(shù)父母并不感到驚慌。
但如果孩子玩叉子,父母就會把叉子拿走,因為擔心孩子會弄傷自己。這會引發(fā)神經(jīng)科學中所謂的“回避反應”,即對鋒利邊緣的“回避反應”。因此,我們傾向于“避開鋒利的邊緣,因為它們在自然界中可能構(gòu)成威脅”[4]。
 
您會把哪個物品托付給您的孩子?
圓角使信息更容易處理
圓角對于地圖和圖表來說更有效,因為它們能讓我們的視線輕松地跟隨線條,“因為它更符合頭部和眼睛的自然運動”[5]。尖角會使你的視線偏離線條的路徑,所以當線條改變方向時,你會感到突然的停頓。但有了圓角,線條會引導你的視線繞過每個拐角,繼續(xù)沿著路徑流暢地移動。
 
哪一個圖表更容易讓你的眼睛看清?
圓角也能成為有效的內(nèi)容容器。這是因為圓角指向矩形的中心。這使得焦點集中在矩形內(nèi)部的內(nèi)容上。當兩個矩形相鄰時,圓角還能輕松區(qū)分哪條邊屬于哪個矩形。
尖角指向外側(cè),會降低矩形內(nèi)部內(nèi)容的視覺焦點。當兩個矩形相鄰時,尖角也使得難以區(qū)分矩形的兩邊。這是因為矩形的每條邊都是直線。圓角矩形的邊是獨一無二的,因為這些線條會向其所屬的矩形彎曲。
 
圓角的意義遠不止于視覺所能感知的。圓角不僅更容易被眼睛識別,還能讓信息更容易被理解。圓角本身就很吸引人,這一點毋庸置疑。但這些額外的因素讓圓角更具吸引力。當你和客戶談論圓角時,你就能表達出更多內(nèi)容,而不僅僅是“好看”。
蘭亭妙微(m.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

何時在深色背景上使用白色文字

清陽

許多網(wǎng)站使用淺色背景上的黑色文本來顯示內(nèi)容,因為這樣更容易閱讀。然而,在深色背景上使用白色文本也有其優(yōu)勢。了解何時使用哪種字體,可以讓您在設計網(wǎng)站時不損害用戶的可讀性。
閱讀與掃描
說到網(wǎng)站上的文字,用戶要么閱讀,要么瀏覽。閱讀是指專注于文字,以便徹底理解主題。瀏覽是指略讀文字,以便更廣泛地理解主題。何時應該在深色背景上使用白色文本,取決于用戶是在瀏覽還是閱讀文本。
段落文本
用戶閱讀的文本類型是段落文本。為了方便用戶閱讀,在顯示段落文本時應避免在深色背景上使用白色文本。強迫用戶長時間注視白色文本會使眼睛疲勞。這是因為白色對人眼中三種對顏色敏感的視覺受體的刺激程度幾乎相同[來源]。這使得在深色背景上閱讀白色段落文本會給眼睛帶來壓力。
白色還會反射所有波長的光。由于段落文本中的單詞和字母排列緊湊,當白色文本反射光線時,反射光會散射并進入相鄰的單詞和字母。這使得單詞和字母的形狀更難辨認,從而影響可讀性。相比之下,黑色文本會吸收每個單詞和字母周圍的光線,使它們更容易辨別。
因此,顯示段落文本的更好選擇是在淺色背景上搭配略帶灰色的黑色文本。灰色背景可以減少文字背后的反射光,使閱讀更舒適。黑色文本效果更好,因為黑色在可見光譜的任何部分都不會反射光線[來源]。因此,閱讀時注視黑色文本不會對用戶的眼睛造成太大壓力,因為它會吸收照射到每個單詞的光線。
如果您的網(wǎng)站使用深色背景,則應將段落文本顯示為灰色。這樣不會對用戶的眼睛造成太大的壓力,因為灰色文本不如白色文本明亮。它反射的光線較少,更容易閱讀。請記住,如果您在黑暗的房間里閱讀文本,黑色背景上的白色文本閱讀起來不會那么困難。這是因為在黑暗的房間里沒有光線反射。
標題、標題和標簽
有時深色背景上的白色文字效果很好。例如,當用戶瀏覽文本時。用戶通常會瀏覽標題、標題和標簽。對于這些類型的文本,深色背景上的白色文字是突出顯示它們并吸引用戶注意力的有效方法。
白色能將可見光譜中的所有顏色反射到眼睛里[來源]。這使得文本明亮清晰。您無需擔心給用戶的眼睛帶來壓力,因為瀏覽不需要長時間的視覺注視。只需快速掃視一下標題、標題或標簽即可。
使用深色背景上的白色文字作為突出顯示工具,是突出用戶瀏覽文本的明智之舉。但淺色背景上的黑色文字更適合用戶閱讀的段落文本。正確使用深色和淺色,以便用戶能夠欣賞您的內(nèi)容而不會感到眼痛。
蘭亭妙微(m.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

在開始任何用戶體驗研究之前要問的 3 個問題

清陽

 
關注研究后的決定
 
 
在開展研究之前,你首先需要理解為什么要進行這項研究。與你的利益相關者溝通,并明確寫下他們在研究結(jié)束后想要做什么。他們是想在兩個設計方向中選擇一個?還是想識別并解決體驗中的不足?又或許他們想構(gòu)建一個全新的產(chǎn)品,只是想更好地了解某一特定用戶群體?一旦你做到了這一點,你就可以開始設計問題來收集有用的數(shù)據(jù)了。
你的團隊可能不知道自己想要做出什么決定,或者每個人對做什么都有不同的想法。這并不是壞事!意識到團隊意見不一致本身就能帶來啟發(fā)。團隊應該討論產(chǎn)品路線圖、市場力量、公司總體目標以及當前的產(chǎn)品分析,以便就研究方向達成一致。
 
問題 1:
詢問“研究結(jié)束后,你希望做什么?”——與利益相關者進行一對一對話,規(guī)劃重要的研究后決策。你可以同時詢問整個團隊,但你可能只會聽到“最響亮”或“資深”的利益相關者的聲音。
 
主題 #2
收集正確的信息
 
 
一旦你了解了團隊在研究結(jié)束后的期望,你就應該與他們合作,找出哪些信息有助于他們采取這些行動。如果你的團隊需要在兩種設計方案中選擇一個,那么單獨收集可用性數(shù)據(jù)重要嗎?還是同時收集每種設計給用戶帶來的感受?了解人們使用最新功能的頻率是否有助于在研究結(jié)束后做出決策? 雖然收集“正確”的信息意義深遠,但其核心在于弄清楚哪些來自用戶的信息有助于更容易地做出這些一致的決策。在不同的情境下,“正確”的信息可能有所不同,甚至無法獲得。例如,如果你的設計團隊想知道用戶在瀏覽設計時眼球是如何移動的,如果沒有眼動追蹤軟件,這可能無法實現(xiàn)。如果您知道某些限制無法實現(xiàn),請盡早告知團隊,并嘗試轉(zhuǎn)向更容易回答的問題。
你的團隊可能并不總是知道哪些東西值得學習,所以要準備好提出你可以研究的研究課題。只要確保這些課題與研究后的決策直接相關即可。
 
問題 #2:
問問自己:“哪些來自用戶的信息有助于指導這些行動?” ——如果有多條信息有助于做出研究后決策,看看能否將它們歸納成更大的主題進行研究。您可以根據(jù)這些主題撰寫研究問題。 看看能否將信息需求分為定性或定量類別。這能讓您更輕松地規(guī)劃研究并收集有用的信息。
 
主題 #3
選擇一種方法
 
 
一旦你確定了決策和需要收集的有用信息,規(guī)劃你的研究就會容易得多。盡量選擇與研究后決策直接相關的研究問題、方法和參與者。如果你已經(jīng)將信息需求分為定性/定量兩類,那么選擇方法應該會很快。
 
務必確定你需要在哪些限制條件下進行研究。這包括你的研究時長、招募參與者的難易程度、研究預算以及你擁有的研究工具或軟件類型。基于這些限制,你可能需要以不同的方式研究定性信息需求(例如,進行遠程訪談,而不是前往參與者所在地)。
 
在開始準備研究之前,將所有這些內(nèi)容寫進研究計劃中,并獲取反饋/協(xié)調(diào)意見。確保在你的研究計劃中包含以下主題:
研究后決定
收集所需信息的研究問題
 
問題 3:
詢問“在我們開始研究之前,這個研究計劃是否需要改變?” - 嘗試以數(shù)字方式發(fā)送研究計劃,這樣比找到開放日歷時間來召開大型會議更快, 將所有反饋或評論記錄在一個地方,快速進行和發(fā)送更改。
 
最后的想法
通過專注于決策和相關信息需求,您可以開展有意義的研究。縮小范圍并確定重要事項,不僅能增強團隊凝聚力,還能讓他們對參與研究充滿熱情。
 
蘭亭妙微(m.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

設計案例分享 | 人力資源模塊界面設計

清陽

 

產(chǎn)品定位
遠東移動門戶APP-人力資源模塊包含收入證明、在職證明、假期管理、公租房、政策公示等,同時將互動信息在集團公告區(qū)互動展示,實現(xiàn)人員管理、交流協(xié)同化和一體化。使集團工作更便捷、高效,組織管理更透明化,合理化。
目標用戶
遠東移動門戶APP面向和服務于公司全體領導和員工,是一個綜合性、協(xié)同性的辦公管理系統(tǒng)。本著操作便捷,辦事方便高效,溝通及時有效的原則,界面友好易用、簡潔美觀。
設計風格
視覺方面,整體色調(diào)與公司logo及網(wǎng)站主色調(diào)紅色保持一致。交互上,考慮到使用便捷、省時,提取主要功能按鈕放在首頁上方;同時,常用的業(yè)務模塊集中展示,并做精細化處理。保證界面整體性和簡潔統(tǒng)一,并做到有主有次,層次清晰。在布局上,做了兩套方案供客戶選擇。第一套更大膽創(chuàng)新,第二套則相對中規(guī)中矩。

UI 設計|審美積累 | 擬物化風格(Skeuomorphism)

清陽

擬物化是指把現(xiàn)實世界的材質(zhì)、光影和結(jié)構(gòu)帶到數(shù)字界面中。木紋、金屬、皮革、紙張等真實物體的質(zhì)感,被細致地還原到屏幕上,讓用戶一眼就明白元素的意義與操作方式。它曾是iOS6之前移動端設計的主流風格,也一度被極簡風格取代,但在如今的創(chuàng)意項目和品牌中,擬物化又以精致的小范圍應用回潮。
核心特點:
強調(diào)光影、漸變、紋理和材質(zhì)感
元素看上去像真實物體,有層次和觸感
圖標、按鈕、卡片常帶高光或陰影,突出立體效果
通過形象化隱喻幫助用戶理解功能(例如垃圾桶圖標表示刪除)
 
適用場景:
游戲UI界面(卡牌、任務面板、背包系統(tǒng)等)
兒童類App、教育軟件(通過形象化幫助理解)
復古、懷舊主題的官網(wǎng)或活動頁
精致的產(chǎn)品展示頁、品牌定制化網(wǎng)站
擬物化能帶來強烈的情感共鳴,尤其在需要溫度感和可玩性的界面中更顯優(yōu)勢。但大面積使用容易產(chǎn)生信息冗余,對資源體積和加載性能也要求高。相比純視覺風格,它更適合在重點組件、小范圍點綴,作為界面亮點出現(xiàn)。
 

5aa03006-e211-49d4-90ee-c797a6caf109.png

9a878ddc-1587-41f1-96d0-a3efeeb6380c.png

85001f9c-4ff6-419f-b0d2-4511ae10546e.png

771615d3-923c-4e5b-b438-22214c0ecb9a.png

b8419aeb-fb14-4b7d-831a-21970dce1e40.png

c3bf255b-6cce-4245-9908-19120727d983.png

更多項目/合作請私信,支持定制設計服務
蘭亭妙微(m.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

Google如何分組按鈕——按鈕組功能及其使用方法

清陽

按鈕組(ButtonGroup)是一個將多個按鈕以可視化的方式組合在在一起的組件,幫助用戶快速識別并操
作相關操作。在M3Expressive中,按鈕組通過增強按鈕間的交互、布局適配以及層級表現(xiàn)力,提升
了界面的靈活性。

DM_20250701224752_001.PNG


為什么要分組按鈕?
現(xiàn)有的按鈕只是簡單地并排放置,缺乏任何鏈接交互或按鈕之間的視覺統(tǒng)一。
拼中人。簡單
Co
在Material3中,我們將按鈕組定義為獨立的組件,以實現(xiàn)更豐富的表現(xiàn)力和自適應的布局,并提出
了一種名為Connected Button Group的新形式來取代Segmentted Button的作用。
本文我們將了解新增按鈕組的功能和使用方法。如果您想了解更多關于Expressive新增的Split Button

配置按鈕組
DM_20250701224752_002.PNG
容器
按鈕組可以包含各種元素,例如圖標、文本按鈕等,但其核心概念是"容器",它是一種更高級的結(jié)構(gòu),
包裹著這些元素并控制其布局和交互。因此,將按鈕組理解為一個充當按鈕容器的容器,而不是按鈕的
集合,似乎更準確。


按鈕組的類型
按鈕組分為標準按鈕組和聯(lián)動按鈕組。
DM_20250701224752_003.PNG
標準按鈕組
使用標準按鈕組將獨立的操作按鈕并排放置。
每個按鈕都保持圓潤的形狀,并且按鈕之間有一定的間距。在此組中,選定的按鈕可以改變寬度或形
狀,并且這種變化通常會影響相鄰的按鈕。整個按鈕組被設計:為一個有機的整體。
一般適合展現(xiàn)保存、取消、刪除等主要操作,并且按鈕的大小和樣式根據(jù)上下文靈活調(diào)整。


DM_20250701224752_004.PNG
鏈接按鈕組
連接按鈕組是一種主要用于允許選擇多個選項的組件。現(xiàn)有的分段按鈕將被連接按鈕組取代。
按鈕之間物理連接、共享邊框或以一致的高度和寬度對齊。用戶可以選擇一個或多個按鈕,并且只有選中的按鈕會在視覺上突出顯示。這種設計可以有效地傳過達清晰的選擇狀態(tài),而不會影響其他按鈕。


它主要用于替代分段按鈕的作用,例如過濾、視圖切換和排序選項。

 

如何使用按鈕組
DM_20250701224752_005.PNG
按鈕組使您的產(chǎn)品更具表現(xiàn)力。
標準按鈕組增加了相鄰按鈕之間的交互,使它們相互響應。選擇標準組內(nèi)的按鈕時,會發(fā)生以下變化:
所選按鈕的形狀和寬度將會改變。
選定的切換按鈕也會改變顏色。
相鄰的按鈕移動并暫時改變寬度。

 

DM_20250701224752_006.PNG
僅在重要的交互時使用形狀變化。
您可以使用不同的按鈕類型、寬度和顏色組合來強調(diào)重要元素,并在視覺上對相關按鈕進行分組。默認
情況下,標準按鈕組中的所有按鈕應具有相同的尺寸(XS到XL)和形狀(圓形或方形)。
·只有在英雄時刻,您才應該在群體中使用不同尺寸。
?混合尺寸并不常用。
僅當選擇按鈕或需要添加含義或?qū)Ρ葧r才應使用不同的形狀。
區(qū)當選擇這邊以而安添加古文現(xiàn)對比的才應使用個問的形狀。

 

DM_20250701224752_007.PNG
可以使用一組鏈接的按鈕在類似的操作之間切換。
鏈接按鈕組可幫助用戶選擇選項、切換視圖或?qū)R頁面上的元素。它們的行為與標準按鈕組類似,但不
會影響相鄰的按鈕。鏈接按鈕組應取代已棄用的分段按鈕。

 

DM_20250701224752_008.PNG

如果按鈕內(nèi)容彼此關聯(lián)且可選,請使用鏈接按鈕組。在購物應用中,鏈接按鈕組用于選擇商品的容量,
因此,密切相關的操作在鏈接按鈕組中效果更佳。

DM_20250701224752_009.PNG
使用一組鏈接按鈕來實現(xiàn)單選或多選模式。
對于使用切換按鈕的單選或多選模式,應使用鏈接按鈕組。如果所有按鈕均不可切換,則不應使用鏈接
按鈕組。

 

DM_20250701224752_010.PNG

一組鏈接按鈕被配置為填充其所在頁面或區(qū)域的寬度,這會導致內(nèi)部按鈕的寬度也隨之增加。在寬屏
上,建議設置最大寬度,以防止按鈕組過寬。

 

DM_20250701224752_011.PNG
可以根據(jù)窗口大小手動調(diào)整按鈕的寬度、大小和填充。
按鈕組應在布局中移動到一行,并且不應換行。您可以垂直堆疊多個按鈕組,以使項目保持緊密排列,
但按鈕組之間不能進行垂直交互。


手動調(diào)整圖標按鈕的寬度時,避免將其拉伸得太寬。

 

DM_20250701224752_012.PNG

您還可以根據(jù)窗口大小手動調(diào)整一組按鈕的大小、形狀和填充。
在小窗口中,最好使用較小、較窄的按鈕來容納按鈕組中的所有按鈕,而在較大的屏幕上,最好使用較
大、較寬的按鈕來有效地填充可用空間。
靈活按鈕或按鈕組會根據(jù)窗口大小自動調(diào)整其寬度。

DM_20250701224752_013.PNG

必須在布局和設備之間保持一致的層次結(jié)構(gòu)。
當窗口變大時,您應該利用顏色和大小等屬性來確保每個按鈕保持其視覺層次。例如,主要操作按鈕在
所有窗口尺寸下都應保持最大、最寬且視覺上最突出。

 

DM_20250701224752_014.PNG

根據(jù)屏幕的大小,按鈕應該在榮單中隱藏或重新顯示。
在小窗口中,您可以將按鈕組末尾的按鈕設置為折疊成榮單,然后在窗口大小增加時重新顯示。建議將
榮單放置在按鈕組的末尾。按鈕組外部的按鈕不受按鈕組行為的影響。


DM_20250701224752_015.PNG
在標準組中,當您按下一個按鈕時,相鄰的按鈕也會改變寬度...
按下按鈕時,其寬度和形狀會發(fā)生變化。在標準按鈕組中,按皮下按鈕也會影響相鄰按鈕的寬度。相比之
下,在鏈接按鈕組中,只有按下的按鈕會改變形狀,其他按鈕丑不受影響。

 

DM_20250701224752_016.PNG

所選按鈕應改變形狀以實現(xiàn)視覺區(qū)分。
選定的按鈕應從圓形變?yōu)榉叫?或從方形變?yōu)閳A形。

 

鏈接按鈕組和分段按鈕之間有什么區(qū)別?
雖然兩者的功能相同,但可以說它們被納入了一個按鈕組,以實現(xiàn)富有表現(xiàn)力的交互。
DM_20250701224752_017.PNG
鏈接到現(xiàn)有分段按鈕的一組按鈕。
分段按鈕也允許單選或多選,但其配置相對固定,并且視覺呈現(xiàn)受到限制。
鏈接按鈕組在調(diào)整按鈕的大小、顏色和形狀方面提供了更大的靈活性,其視覺交互也得到了增強,例如
根據(jù)選擇狀態(tài)改變形狀。按鈕以連接形式排列,并且只有選中的按鈕才會在視覺上突出顯示,從而提供
清晰的反饋。
Expressive在這種靈活性和表現(xiàn)力的基礎上,逐漸減少分段按鈕的的使用,轉(zhuǎn)而采用鏈接按鈕組作為替
代。

綜上所述
DM_20250701224752_018.PNG
按鈕組是實用的組件,能夠直觀地將相關操作分組,并為用戶提供清晰的上下文。它們旨在直觀地展示
按鈕之間的關系,并根據(jù)屏幕尺寸或具體情況靈活操作,從而在不同界面上提供一致的體驗。標準按鈕
組有利于實現(xiàn)交互和層級結(jié)構(gòu),而鏈接按鈕組則有利于清晰的選擇結(jié)構(gòu)。然而,形狀、尺寸設置以及響
應式設計需要精細的設計。
Material3取代了現(xiàn)有的分段按鈕,并提出將一組按鈕作為獨立組件,以實現(xiàn)富有表現(xiàn)力的UI組合。
這種設計超越了簡單的按鈕排列,全面考慮了交互、布局和層級,指明了提升整個產(chǎn)品一致性和可用性
的方向。

 

日歷

鏈接

個人資料

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

存檔