人人妻人人爽人人做夜欢视频九色_妖精色AV无码国产 精品69久久久久久9999不卡,精品久久久久久久熟

首頁

總監(jiān)分析!為什么移動端設計中不使用柵格系統(tǒng)?|北京藍藍UI設計公司

周周

我們都知道做網(wǎng)頁相關的項目,不管是 C 端的還是 B 端的,往往都會應用響應式布局,用了響應式布局,就肯定要做柵格系統(tǒng),才能確保響應式的正常執(zhí)行。但是,移動端要不要用柵格,怎么用,就成為很多人困擾的問題,我們就用今天這篇分享來解釋。

藍藍設計作品:半老外David英語小程序界面設計

周周

David是一個來自美國的華僑,哥大畢業(yè)后就來到了亞洲,現(xiàn)在定居北京!David是一個爸爸,也是一個創(chuàng)業(yè)者,在過去7年里都在科技教育領域創(chuàng)業(yè)。David相信,英語啟蒙能在家就能做好,于是推出線上英語啟蒙的小程序。

10個音樂產品細節(jié)剖析,看看高手是如何做設計的?。黆I設計公司

資深UI設計者

10個音樂產品細節(jié)剖析,看看高手是如何做設計的?。黆I設計公司

當剖析音樂產品的細節(jié)時,以下是10個常見的音樂產品細節(jié),它們展示了高手在設計中的巧妙之處:

  1. 用戶界面設計:音樂產品的用戶界面應該簡潔直觀,易于導航和操作。高手會考慮到用戶的習慣和期望,使用合適的顏色、圖標和布局,以提供良好的用戶體驗。
  2. 音頻質量與編解碼器:高手會關注音頻質量,選擇適當?shù)木幗獯a器和壓縮算法,以確保音頻的高保真度和低失真率。
  3. 播放列表與歌曲管理:高手會設計一個方便管理和組織歌曲的播放列表系統(tǒng)。這可能包括歌曲分類、標簽、搜索功能等,以幫助用戶快速找到所需的音樂。
  4. 智能推薦算法:高手會利用機器學習和數(shù)據(jù)分析技術,開發(fā)智能推薦算法。這些算法可以根據(jù)用戶的音樂喜好和行為模式,為用戶推薦個性化的音樂內容,提升用戶體驗。
  5. 歌詞顯示與同步:高手會設計一個優(yōu)雅的歌詞顯示和同步機制,使用戶能夠在欣賞音樂的同時,方便地跟唱和理解歌詞的含義。
  6. 社交互動與分享:高手會為音樂產品添加社交互動和分享功能,讓用戶能夠與朋友分享喜愛的歌曲、創(chuàng)建和加入音樂社區(qū),以增加用戶的參與度和忠誠度。
  7. 多平臺兼容性:高手會考慮到音樂產品在不同平臺上的兼容性,包括桌面、移動設備和Web等。他們會確保產品在各種設備上的良好表現(xiàn)和一致的用戶體驗。
  8. 播放控制與音效調節(jié):高手會提供豐富的播放控制和音效調節(jié)選項,讓用戶能夠根據(jù)個人喜好調整音樂的音量、均衡器、音場效果等,以獲得更好的聽覺體驗。
  9. 離線播放與下載:高手會考慮到用戶在無網(wǎng)絡連接的情況下仍然能夠享受音樂。他們會提供離線播放和下載功能,讓用戶可以將喜愛的歌曲保存到本地設備,隨時隨地欣賞。
  10. 數(shù)據(jù)安全與隱私保護:高手會重視用戶數(shù)據(jù)的安全和隱私保護。他們會采取措施來保護用戶的個人信息,確保數(shù)據(jù)傳輸和存儲的安全性,以建立用戶的信任和忠誠度。

    總之,高手在音樂產品設計中注重用戶體驗、音頻質量、智能推薦、社交互動、多平臺兼容性等方面的細節(jié)。他們不僅關注功能的完善,還注重數(shù)據(jù)安全和隱私保護,以提供一個優(yōu)秀的音樂產品給用戶帶來良好的使用體驗。
    藍藍未來將會持續(xù)在平臺上分享關于設計行業(yè)的文章。此外藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,添加vx藍小助ben_lanlan,報下信息,藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設計案例和設計素材等,歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。
    藍藍設計( m.dekangmedical.net )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

20個優(yōu)秀的國外手機界面設計欣賞--藍藍設計ui設計靈感搜集

藍藍設計的小編

大家好,藍藍設計今天和大家分享20款優(yōu)秀的手機界面設計欣賞,共同學習成長!

我們有許多界面設計的案例,因為有保密協(xié)議不方便發(fā)出來。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢

希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945。  





WechatIMG7360.jpegWechatIMG7326.jpegWechatIMG7327.jpegWechatIMG7328.jpegWechatIMG7330.jpegWechatIMG7329.jpegWechatIMG7333.jpegWechatIMG7332.jpegWechatIMG7331.jpegWechatIMG7334.jpegWechatIMG7335.jpegWechatIMG7341.jpegWechatIMG7345.jpegWechatIMG7346.jpegWechatIMG7348.jpegWechatIMG7349.jpeg

WechatIMG7353.jpeg







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



移動端UI設計流程和規(guī)范-從0到1的設計移動端UI設計工作方式

資深UI設計者


一、獲取原型圖

從產品經理處獲取項目原型圖,當獲取到原型圖后不要盲目的去進行設計,要先分析了解整個項目的功能、特性、用戶群體、項目的定位等等,特別是對功能的疑惑處一定要找產品經理溝通,只有做到對項目了熟于胸才能做出優(yōu)秀的設計。

二、競品分析

當我們對項目的功能、特性、用戶群體、項目的定位都有所了解后,還是不能馬上進入設計環(huán)節(jié)。我們需要先對市面上同類型的產品進行分析和對比,包括設計風格、配色、排版、功能樣式等等,了解其優(yōu)劣勢,做到取長補短,思考如何讓我們的產品更加的完善,這時候我們的腦海里面基本上對自己要設計的東西已經有了一個大概的雛形。

三、設計UI界面

1、界面設計規(guī)范

這篇文章內所有的數(shù)值均以2倍圖為例,使用1倍圖的同學請自行除以2。

現(xiàn)在UI設計通常使用的是全面屏的設計規(guī)范,全面屏的設計稿更加美觀,且做作品集的時候搭配全面屏樣機視覺效果也更加突出。通常只設計一套蘋果全面屏的設計稿,不需要另外設計安卓端設計稿,安卓端由安卓工程師自行適配。

界面尺寸:

界面:750px1624px

狀態(tài)欄:750x88px

導航欄:750x88px

菜單欄:750x98px

指示器:750x68px

左右邊距:32px或24px

*其中狀態(tài)欄和指示器不需要進行額外的設計,是系統(tǒng)默認控件,除顏色外不可改變。



常用圖標尺寸:

頂部功能:48x48px



底部菜單欄(有文字):48x48px



底部菜單欄(無文字):64x64px




文字:

尺寸:36px、32px、28px、24px



顏色:正常(#333333)、輔助(#999999)、未輸入提示(#CCCCCC)



*利用文字尺寸對比和顏色對比可以得到不錯的效果。也可以給文字顏色添加少量的藍色,讓顏色不那么呆板。

2、組件控件系統(tǒng)

組建控件系統(tǒng)可以讓我們的設計稿更加的規(guī)范,也便于修改,可以極大的提高我們的工作效率。

所有的圖標都需要做成控件,方便我們切圖。然后就是會重復使用的狀態(tài)欄、導航欄、菜單欄、指示器、列表、彈框、按鈕等控件。

除了我們常用的控件以外,顏色、投影等特殊效果、文字大小都可以保存樣式,把項目的配色、特殊效果、文字尺寸都保存下來,不同的設計工具有不同的保存方式,大家可以根據(jù)自己使用的設計工具進行設置。



3、設計風格

我們需要讓項目保持一個統(tǒng)一的設計風格,讓項目更加的整體、統(tǒng)一、協(xié)調。不同的風格有不同的優(yōu)勢,選對與項目屬性相符的設計風格可以讓項目更加的出彩。

傳統(tǒng)UI風格:

這種風格沒找到合適的名稱,我個人一般叫它傳統(tǒng)風格。這種設計風格使用分割線分割小的模塊,用背景色塊分割大的模塊,特別適合列表信息。雖然給人感覺沒有特別強烈的設計感,但簡單實用、樸實無華,層級劃分清晰明了。



卡片式風格:

卡片式風格是借用現(xiàn)實世界中卡片的特征和概念,將一個模塊或同類型元素放到一個卡片容器類,可以增加內容的獨立性,讓模塊劃分關系變得非常的清晰,是現(xiàn)在非常常用的一種設計方式。

常用做法是采用淺灰的背景+白色卡片的方式,卡片都帶有一定的圓角,類似于將撲克牌一張張的放在桌子上,桌面是灰色背景,每一張撲克牌就是一個卡片。也不排除暗夜模式的卡片式設計,背景會更暗一些,卡片略亮。




大標題去線段化:

在傳統(tǒng)UI風格的基礎上去除背景色塊和分割線,單以間距來區(qū)分模塊和元素,對親密性的應用有較高的要求。有時候單以間距來區(qū)分模塊和元素時,可能會導致模塊層級不分明,所以會使用將標題加大的形式,讓模塊與模塊之間的區(qū)分更加明顯。因為去除了分割線,留白就更多,會顯得界面更加的干凈、清爽。



新擬態(tài)設計風格:

新擬態(tài)是19年底在追波開始出現(xiàn)的一種設計風格,特點是使用統(tǒng)一的光源做出立體的浮雕效果,元素有厚度但沒有紋理和材質的輕擬物風。

常規(guī)做法是假設一個統(tǒng)一的左上方光源,給元素分別添加一個左上角和右下角的投影,左上角(被光源照射的一側)投影使用亮色,右下角投影使用暗色,讓元素可以浮起來。而在按下或選中狀態(tài)時則使用兩個內陰影,左上角暗色右下角亮色讓元素凹下去。需要注意的是界面模塊和背景色一般是同一個顏色,所以顏色不能使用純白或純黑,否則有一側的投影就會看不見,通常是使用藍灰色或深灰色背景。

新擬態(tài)風格視覺效果新穎、柔和,對比度低,看得久了會產生一定的視覺疲勞,研發(fā)成本也較高,所以現(xiàn)在更多的還是處于概念稿,實際項目中應用較少。可以作為一種練習或部分功能的使用。





四、交付

1、切圖

設計稿完成之后我們需要將圖標等元素切圖導出交付給開發(fā),IOS和安卓需要根據(jù)要求導出不同倍數(shù)的png格式切圖文件。


切圖套數(shù)

IOS:現(xiàn)在通常是輸出2套,以@2x、@3X為后綴,也就是2倍圖、3倍圖;

Android:現(xiàn)在通常是輸出3套,xhdpi(超清,對應IOS的2倍圖)、xxhdpi(超超清,對應IOS的3倍圖)、xxxhdpi(超超超清),安卓切圖不需要將倍數(shù)加到切圖命名內,而是每種尺寸單獨建立一個文件夾。




輸出格式

png:最常用的切圖文件格式,背景無底透明,所以在導出切圖文件時需要先去掉背景色(figma將畫板填充色隱藏,sketch畫板不要勾選“包含于導出項”);


svg:矢量切圖,需要背景無底透明,部分網(wǎng)頁端項目可能需要svg格式的切圖文件;


bmp:部分硬件機器的項目需要使用的圖片格式,需要注意的是bmp無法實現(xiàn)背景透明,如果背景是透明的會自動帶上白色,需要切圖文件把背景帶上一起切,而且figma和sketch等UI設計軟件無法直接導出bmp格式,需要先導出為png或jpg格式,再使用ps或其他工具轉換一次。


切圖命名

只能使用英文、下滑線、數(shù)字進行命名,不要使用中文和特殊字符。命名方式一般是類別_位置_功能_狀態(tài)(有些切圖沒有多種狀態(tài)則不需要添加狀態(tài)命名)。

以蘋果端舉例:如底部菜單欄的首頁圖標命名則是ico_bottom_home_nor@2x(圖標_底部_首頁_未選中狀態(tài))和ico_bottom_home_sel@2x(圖標_底部_首頁_選中狀態(tài))。



頂部的搜索圖標沒有多個狀態(tài),命名是ico_nav_search@2x(圖標_頂部_搜索)。



類別一般只有3種:圖標(icon)、圖片(image)、按鈕(button),我們通常會簡寫為ico、img、btn。




狀態(tài)一般只有4種:正常(normal)、按下(press)選中(selected)、禁用(disabled),我們通常會簡寫為nor、pre、sel、dis。pc端會多一種狀態(tài):懸停(hover)。




sketch和figma等UI設計軟件可以同時導出多個尺寸的切圖文件和前綴/后綴,所以我們只需要設置圖標本身的命名如ico_bottom_home_sel,而不需要每個切圖都去手動的添加IOS后綴的@2x和@3X,以及安卓的前綴xhdpi等,在導出設置中設置好每個尺寸的文件夾名稱和后綴,再統(tǒng)一導出即可。




切圖輸出

軟件內部導出:現(xiàn)在的UI設計軟件Sketch、Figma、Mstergo等都可以直接導出切圖文件,只需要設置好相應的倍數(shù)和前綴、后綴,就可以快速的導出切圖文件;


上傳第三方:最常用的就是將設計文件上傳至藍湖,研發(fā)人員可以在藍湖上下載自己需要的切圖文件,但在上傳藍湖之前需要把設計稿中需要切圖的元素設置為切片。


2、標注

和切圖文件一起交付給開發(fā)的還有設計稿的標注文件,讓研發(fā)人員可以清楚地知道界面內元素的顏色、尺寸、對齊方式、距離、透明度,文字的字體、字號、行高等。


輸出到藍湖

很多設計文件都可以安裝藍湖插件,再通過插件將設計稿導出到藍湖,研發(fā)人員就可以便捷的查看界面的標注。


軟件內部標注

Figma、Mastergo等在線設計軟件都可以切換為開發(fā)者模式,只需要將研發(fā)人員邀請到自己的設計文件所在團隊內,研發(fā)人就可以查看到界面的標注;


插件導出

有部分公司有一定的保密措施,會禁止設計師使用第三方平臺或是聯(lián)網(wǎng)操作,這種情況設計也無法使用Figma、Mastergo等在線設計軟件,只能使用Sketch等客戶端,輸出標注就需要使用相應的插件,Sketch可以使用Sketch Measure導出HTML格式的標注文件。


五、上線

在項目上線的階段UI設計需要輔助研發(fā)提供上線應用商店需要的項目預覽圖、啟動LOGO,也需要設計補充出APP的啟動頁、閃屏頁等。


1、項目預覽頁

上線應用商店需要的預覽圖,通常是使用項目中比較有特色的幾個UI界面加以設計。


2、啟動LOGO

上線應用商店必須提供的LOGO,手機中啟動APP的入口,但不同的應用商店有不同的尺寸,華為、蘋果、小米、三星、應用寶等所需要的啟動LOGO都有所不同,所以輸出多個尺寸。以蘋果App Store為例,需要以下尺寸:




3、啟動頁、引導頁

啟動頁和引導頁一般是和UI界面一起設計,不過需要項目上線后才會有其價值,所以可以先設計完項目的界面,在研發(fā)開發(fā)的過程中再去設計啟動頁和引導頁,只要在項目上線前提供給研發(fā)就可以。


六、持續(xù)跟進和優(yōu)化

當一個項目上線后,只能代表我們的現(xiàn)階段的工作已經全部完成。每個項目上線后都會收集用戶反饋,根據(jù)用戶反饋的信息優(yōu)化功能和界面設計,通過持續(xù)不斷的優(yōu)化、迭代讓我們的產品越來越好,這個過程中也需要我們UI設計不斷的去進行調整和優(yōu)化。


作者:Mu姜子
鏈接:https://www.zcool.com.cn/article/ZMTQxMDY1Ng==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。



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


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


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

度咔-運營視覺語言的定義

資深UI設計者


度咔是百度短視頻生態(tài)首款面向泛知識創(chuàng)作者的視頻剪輯工具,致力于降低泛知識類作者的創(chuàng)作門檻,助力生產優(yōu)質的作品。

隨著產品的功能迭代,體驗的逐步更新,產品依勢也需要打造更好的運營氛圍和品牌印象來建立用戶口碑、提升轉化。對此,設計側針對度咔產品進行了全面的思考和分析,通過重新定義度咔運營視覺語言,明確產品調性,幫助用戶更新品牌認知。

一、品牌框架搭建


產品的運營視覺不只是單純的畫面展示,其背后都有更加明確的設計理念和手段,但運營視覺語言并不是千篇一律的,首先需要明確自身定位,突出產品獨特性。


設計初期,我們針對同類型產品與用戶類型進行了大量分析,在用戶人群劃分上度咔更具有針對性,目標用戶是口播自媒體、知識類創(chuàng)作者。但不像專業(yè)剪輯軟件門檻那么高,度咔更多的是通過特色產品功能幫助作者去降低剪輯門檻,業(yè)務主要通過征稿和教程的運營活動來提升用戶認知,帶動日活。


由此,我們梳理出度咔的品牌框架圖。以度咔「專為口播自媒體打造的剪輯工具」產品定位作為切入點,依據(jù)其自身定位和度咔區(qū)別于同類產品的特色功能,我們提煉出“便捷”、“智能”、“專業(yè)”產品核心關鍵詞。

二、定義度咔運營視覺語言


在前期創(chuàng)意階段,我們通過大量的競品調研、創(chuàng)意發(fā)散、概念嫁接等創(chuàng)意手段,找到時下大字為主導的版式創(chuàng)意。簡潔明確的版式結構,適當?shù)漠嬅媪舭?,使各元素在版面中形成具有條理清晰、富有節(jié)奏的視覺關系。這種邏輯方式,為運營視覺的高效、科學、嚴謹性提供了極大的便捷,同時也對應了度咔便捷、智能、專業(yè)的品牌感知。

對品牌定位、業(yè)務訴求、產品功能進行整合后,我們搭建以構成、配色、元素為主的視覺語言框架。

與時下大字為主導的版式創(chuàng)意相結合,建立以大字排版,強構成感為主的視覺語言基調。通過大量的風格測試不斷完善視覺基調并投入到項目中,同時規(guī)范運營功能排版,搭建元素庫,通過設計手法,達到專業(yè)與簡潔的平衡,統(tǒng)一的視覺基調和品牌色強化用戶對品牌認知。

1、重塑視覺基調:

1)統(tǒng)一風格

度咔以往的運營視覺趨于參差,導致整體視覺有較為強烈的割裂感,煥新后的視覺變得更加直率簡約,以簡潔的視覺風格保證內容傳遞的高效性。拋棄了諸多裝飾元素,取而代之的是硬網(wǎng)格,保持視覺整體和諧統(tǒng)一感,同時也傳遞出度咔便捷、智能、專業(yè)的產品調性。

我們對運營頁面進行了布局重構,采用白色底的背景突出文字信息,使得內容信息傳達更加明確,突出核心內容。在各類場景中,我們通過品牌色彩、圖形、符號的滲透,強化度咔品牌印記。

2)主題延展

根據(jù)業(yè)務訴求,保持主題性征稿活動的特色——在強化功能點的運營活動中采用3D元素和彌散漸變背景,如夏日主題將度咔符號與泳圈做3D創(chuàng)意結合,增添活動氛圍感。

2、品牌色煥新:

1)建立度咔品牌色應用規(guī)范。增強品牌識別性和記憶點。

首先搜集符合產品調性的顏色情緒版,選取整體偏明亮,識別度高的新品牌藍色。對比原來偏紫的品牌藍,現(xiàn)在升級后的藍色更顯專業(yè)智能,且更具有電子意味。

在一個科學有效的色彩系統(tǒng)里,往往包含至少兩種色彩:主色+輔助色,兩者互相搭配組合成產品體系的整體色彩感受,減少用戶在產品體驗中對反復出現(xiàn)的主色的視覺疲勞。

我們將藍色賦予了統(tǒng)一的品牌認知感受,并且將藍色加入到橙色里,生成了度咔特有的藍橙色系。橙色在度咔的色彩系統(tǒng)中起著至關重要的作用,為產品帶來積極,活力的感受,同時深黑和灰色創(chuàng)造結構、表達邊界、建立信息層次。

以基礎征稿活動為主的頁面使用度咔標準藍;在需要強主題和活動氛圍的頁面加入輕量的彌散漸變色彩。

3、提升效率:

1)元素庫搭建

建立度咔元素庫,規(guī)范化運營活動主視覺圖形原創(chuàng)性和創(chuàng)意性,沉淀設計資產。

由于后期運營活動多處用到3D元素,對3D的質感進行了規(guī)范統(tǒng)一。輕量化的3D風格更加注重極簡主義理性美學。

考慮到運營頁面的通用性,避免3D材質的喧賓奪主,材質風格以簡單通用為主,顏色以品牌色為基礎,采用光感通透的玻璃材質,加入環(huán)境光感。明朗,透傳度咔的品牌氣質。



四、總結


本次通過度咔運營視覺語言的搭建,無論從產品本身還是設計側,在數(shù)據(jù)和效率上都有明顯的提升。而設計作為和用戶最近的一方,在平衡各方訴求后呈現(xiàn)給用戶一個全新專業(yè)感十足的產品,進一步向用戶傳達品牌感知,助力創(chuàng)作者發(fā)現(xiàn)更多美好。

感謝閱讀,以上內容均由百度MEUX團隊原創(chuàng)設計,以及百度MEUX版權所有,轉載請注明出處,違者必究,謝謝您的合作。申請轉載授權后臺回復【轉載】。也歡迎加入MEUX,視覺/交互/運營設計師,可投簡歷至MEUX@BAIDU.COM (注明信息獲取來源如:站酷)

關于我們:
MEUX,百度移動生態(tài)用戶體驗設計中心,負責百度移動生態(tài)體系的用戶/商業(yè)產品的全鏈路體驗設計。服務的產品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業(yè)產品等。MEUX以「簡單極致」為設計理念,創(chuàng)造極致用戶體驗的同時賦能商業(yè),推動設計行業(yè)的價值和影響力,讓生活因設計而更美好。


作者:百度MEUX
鏈接:https://www.zcool.com.cn/article/ZMTUxMzc0OA==.html
來源:站酷

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

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

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

                         

小米圖標設計背后的思考!

資深UI設計者

借此機會和大家交流一下項目背后的思考,共同進步!



我將從以下幾個方面進行講解:

01 對于理念的思考

02 關于風格的思考

03 關于背景的思考

04 關于材質的思考

01 關于理念的思考-源自生活的靈感來源

對于本次設計,需求方是沒有給主題限制的,那作為設計師的我就從自身現(xiàn)階段的生活去發(fā)現(xiàn)主題、尋找靈感。 從深圳到成都創(chuàng)業(yè),將近一年的時間,我發(fā)現(xiàn)成都的天氣總是陰沉沉的:



充足的陽光變得非常稀缺,對于成都人來說,如果有陽光的時候,都會去外面坐坐,曬曬太陽! 這一年,“光”對我說是一種期盼的事物:



基于這個生活細節(jié),我就把主題定成了“追光空間”而我對于“追光空間”的理解就是:光感、純凈、靈動



后面的執(zhí)行也是基于這個理念進行思考創(chuàng)新的!

02 關于風格的思考-找到未被發(fā)現(xiàn)的切入點

有了主題,就可以基于主題去思考設計風格了。

其實主題圖標的設計其實已經有很多年頭了,尤其是“app”這個概念流行開始,各大安卓手機品牌就有了自己的主題商店,用戶可以根據(jù)喜好下載自己喜歡的主題圖標。 我們在網(wǎng)上搜索主題圖標,可以看到很多作品,其中不乏有非常優(yōu)秀的主題作品,但是當觀察的量到達一定程度后,會發(fā)現(xiàn)市面上的主題圖標風格還是比較相似,大部分還都是屬于二維圖標(下圖源自網(wǎng)絡):



即使是一些質感很強的圖標,很多也是鼠繪出來的,也不算是3D風格(下圖源自7years):



包括我們去年給小米做的幾套主題,也都是偏2維風格的





基于這樣的現(xiàn)象,我們是否可以嘗試將3d風格與主題圖標進行融合呢?雖然不能說是第一個這么做的,但至少在市面上出現(xiàn)的這種結合還是相對較少,所以也可以算是一種小的創(chuàng)新。

在構想風格的時候,我的底層邏輯就是找到未被發(fā)現(xiàn)的切入點,如何理解呢?

如果是3d風格與電商活動結合,已經相對常見了(下圖源自網(wǎng)絡):



如果是3d風格與游戲視覺結合,也經常會看到(下圖源自網(wǎng)絡):



但是如果是3d風格與主題圖標結合并且落地使用,那還是相對比較少的,這就是我在思考風格時候的一點心得:



希望可以給同行們一點啟發(fā),拋磚引玉,希望市面上可以看到更多的3d風格的主題圖標!

03 關于背景的思考-基礎形的美感釋放

這次的主題和以往不一樣,我們每做一個圖標需要延展4個尺寸:



有一些寬的、有一些高的,如果我們只放一個圖標,那么會比較空曠,不夠飽滿,所以我們必須在背景上加一些圖案或者紋理,使整體更加飽滿精致。

背景紋理怎么做呢?我們希望它有細節(jié)但又不能過于搶眼,于是把目光鎖定在了基礎形狀上面,比如方形、圓形、三角形等等:




鎖定基礎形之后,就需要在基礎形之上融入更多的設計思考,比如風格的結合,因為整體是3d風格,所以背景也可以是3d化的基礎形白膜:



除此之外,我們需要將圖形進行構成設計,以不同的節(jié)奏和位置使其產生不同的美感,把基礎美多維度的釋放出來,比如矩形的基礎元素進行構成設計:



這樣,就可以做出不同的背景圖案,以此來解決需求目標。

設計師一定不要輕視基礎,不管是技法層面還是審美層面,往往優(yōu)秀的設計都是無數(shù)個“基礎”堆出來的,先掌握基礎,才能用“基礎”釋放更大的能量!

04 關于材質的思考-日光下的玻璃質感結合

其實本次的材質,也不算難,沒有用到特殊材質,主要有兩個關鍵點可以分享交流!

關于燈光

燈光我們使用的是日光燈,從軟件操作層面沒有任何技術含量,但是對于基礎審美會有一定的門檻,尤其是對于明暗交界線、光影對比的理解!

燈光的不同位置和大小會導致光影質感的不同:

燈光曝光:



質感太平:



物體與背景區(qū)分度不夠:



同樣的物體,不同的燈光角度和大小就會有不同的質量等級:



只有這種基礎審美達標后,我們才能繼續(xù)往后延伸。

關于材質

對于材質,最初我們嘗試用最簡單的漫射材質,但是發(fā)現(xiàn)缺少光澤度和細節(jié),于是又嘗試在外部加一層玻璃材質,形成一圈透明質感和細節(jié):



后面大部分的圖標都采用這種形式進行延展!



以上就是這次項目背后的一些思考



共勉!


作者:小腦府設計團隊
鏈接:https://www.zcool.com.cn/article/ZMTUxMzkzMg==.html
來源:站酷

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

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

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

                           

三星SmartThings產品解析

資深UI設計者

這篇文章主要探索三星智能家居App-SmartThings的主要功能和核心流程,以及新版本與上一版本的差異給我們的啟發(fā)。



1.整體風格布局差異對比

1-1 SmartThings 1.0 界面

三星上一版本界面標題選用細體字,頭部區(qū)域留白,卡片功能區(qū)域小,背景選用寫實簡約照片,體現(xiàn)文藝感。

圓形的場景卡片與矩形的設備卡片形成對比,場景卡片與文字上下排列,更加凸顯場景圖片,但文字存在多行、單行顯示,這種表現(xiàn)方式會顯得凌亂。

設備卡片從上到下依次為圖標、設備名、狀態(tài)。



1-2 SmartThings 2.0 界面

新版本標題選用粗體字,標題區(qū)域更加緊湊,功能區(qū)域展示空間變大,背景使用抽線雙色漸變,更現(xiàn)代時尚。

功能卡片為統(tǒng)一圓角矩形,場景卡片圖文左右排布,底部白色卡片區(qū)域可以很好兼容多行、單行文字的情況。

設備卡片從上到下依次為圖標、房間名、設備名、狀態(tài)。

底部新增Tab區(qū)域,細分為收藏、設備、生活、自動化、菜單5個模塊。

 

風格布局總結:新版本屏幕利用率更高,粗體字和抽象背景使得內容更凸顯,底部的Tab提供了更多模塊入口,功能分類更合理。



2.架構差異對比

2-1 SmartThings 1.0 架構

舊版本只有一個首頁,功能都在此被分發(fā),并且功能較為單一。



2-2 SmartThings 2.0 架構

新版本增加收藏、設備、生活、自動、更多模塊,對用戶使用場景做了細分。

界面頂部的房屋設置、添加、編輯為全局設計,不過在每個模塊中添加的內容不同。

收藏作為用戶每次進入App的第一屏,說明是用戶常用的重要功能,在收藏模塊中,可以添加的內容最多,用戶在此頁面可以完成大多數(shù)常用操作。

設備模塊是全屋設備的合集,自動模塊是場景、自動化的合集。

生活模塊主要提供家庭安全監(jiān)控信息,還可接入其他服務,例如:智能家電監(jiān)控、智能烹飪服務。



3.設備卡片分析

3-1 設備卡片結構解析

新版本設備卡片主要由設備圖標、房間名、設備名、狀態(tài)、控制區(qū)構成;房間名域為預留區(qū),保證在不同頁面下的統(tǒng)一性。

設備在離線狀態(tài)下,右上角會顯示離線圖標,代替控制按鈕。

只有我們提前羅列出更多的頁面顯示情況,整合并預留可變區(qū)域,才能使頁面更統(tǒng)一。



4.新版本收藏模塊分析

4-1 收藏界面

收藏模塊分為3大區(qū)域,區(qū)域1為狀態(tài)通知區(qū);區(qū)域2為收藏的場景區(qū);區(qū)域3為收藏的服務或設備。這3個區(qū)域展示順序是固定的,可以選擇是否展示,無法改變展示順序。

因為每個區(qū)域的卡片尺寸是不一樣的,區(qū)域固定的好處是,可以保證顯示的統(tǒng)一性。否則大小卡片穿插顯示,還可能會空缺幾個,很影響美觀。并且操控邏輯也是固定的,用戶更容易理解。



4-2 添加到收藏方式1

點擊收藏模塊右上角添加,可批量選擇內容快速添加收藏。



4-3 添加到收藏方式2、3

在非收藏頁,長按卡片,可單獨添加收藏內容。

在設備、場景等新建或編輯界面,可以選擇添加至收藏的選項。省去了后續(xù)的單獨添加動作。



4-4 移除收藏

在收藏頁,長按卡片,可以進行單獨移除操作。

在收藏編輯頁面,可以批量快速移除移除。滿足了不同的用戶需求。



5.設備模塊分析

5-1 設備界面

首次進入,展示的是某個房間內的設備,通過左右滑動進行切換房間,三星可能想為用戶提供模糊操作來提升效率,在房間少的情況下,這種方式比較好。當房間多了,用戶會滑動多次才能到目標房間;當然三星給出了針對精確選擇的方式,點擊左上角的房間入口,可以選擇、編輯房間。

房間多的情況下這2種方式都不是很好的解決方案。

這里要注意的是,三星把“沒有房間”也放進房間列表,供用戶選擇?,F(xiàn)實中,有好多設備是不屬于任何房間或者用戶暫時不想放到某個房間,增加無房間選擇可以更靈活的滿足實際使用場景。



5-2 房間添加流程

在房屋編輯頁面,可以添加房間,在這里三星已經為用戶預設了很多房間類型選項,用戶只需要做選擇,很方便,即使沒有要的,還可以在列表底部選擇自定義。



5-3 設備添加方式

在設備頁面,只能添加設備、燈光組、監(jiān)控組。

用戶可以通過關鍵詞搜索、掃碼、設備類型篩選、品牌篩選進行設備添加。

很全,幾乎涵蓋了所有的添加方式。



5-4 燈光組添加流程

在添加頁面,第一步要先填寫組的名稱、選擇所在房間,第二步選擇要合并的燈,添加完成跳轉至設備組詳情,方便立即調控。



5-5 設備控制頁

設備控制頁面采用了模塊化的設計方式,控制區(qū)域均為列表形式,不同的設備只需要替換圖標和文字及對應的操控列表,降低新設備重新創(chuàng)作新界面的設計成本。



5-6 單獨移動設備

長按設備卡片,選擇目標房間,可完成單個設備轉移。



5-7 批量移動設備

選擇設備頁面右上角的移動方式,可以批量進行設備的轉移。



6.自動模塊分析

6-1 自動運行界面

自動模塊包含場景、自動化、第三方設備,它們不具備房間屬性;

點擊右上角的箭頭可以展開或收起對應列表,方便查找內容。



6-2 新建場景流程

第一步,先填寫場景名稱、選擇圖標、是否要添加到收藏;

第二步,選擇執(zhí)行的設備,可以根據(jù)設備名稱、房間名稱進行快速定位,并且可以批量選擇設備;

第三步,設備添加成功后,根據(jù)需要,單獨對設備執(zhí)行狀態(tài)設置。

 

新建場景的邏輯是:先批量選擇要執(zhí)行的設備,再單獨設置執(zhí)行內容。

這種方式的好處是,不易打斷用戶的設置思路,還可以減少操作步長。



6-3 新建自動化

新建自動化界面分為觸發(fā)條件、執(zhí)行內容兩大塊;

初始狀態(tài)會為用戶提供使用描述,便于用戶操作。

可以通過時間的變化、設備狀態(tài)變化、位置變化、天氣變化、安防變化來觸發(fā)執(zhí)行命令。



6-4 添加觸發(fā)條件

將設備狀態(tài)變化作為觸發(fā)條件時,設置邏輯是,完成一個設備的設置才能設置下一個,不能批量選擇。為什么和新建場景的流程不一樣?可能是因為在設置執(zhí)行條件時,用戶心智里認為設備和狀態(tài)聯(lián)系更緊一些,并且條件種類不會太多。



6-5 條件滿足類型

當添加了一個以上的設備作為觸發(fā)條件時,界面會顯示“同時滿足或滿足任何一個”的選項。



6-6 執(zhí)行內容

執(zhí)行內容可以是控制設備、通知給用戶、運行場景、改變安防模式。

可以批量選擇設備,并且可以設置執(zhí)行延遲時間、自動復位,滿足用戶不同需求。


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

作者:土木君     來源:站酷


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

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

優(yōu)秀頁面欣賞

博博

Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理


作者:一支華子

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

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

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

斬獲6項國際設計獎,百度大字版APP助力老年人跨越數(shù)字鴻溝

ui設計分享達人


近日,憑借卓越產品設計能力和社會影響力,百度大字版從數(shù)以萬計的參賽作品中脫穎而出,接連斬獲德國IF、紅點、美國Muse Creative Awards 金獎、意大利A’Design 銅獎、中國智造DIA佳作獎以及C-IDEA最佳設計獎共計六項國際設計大獎,設計價值備受權威機構、媒體的肯定。

與此同時,百度大字版的設計、用研、產品相關負責人也收到《設計》的專訪邀請,就“用設計彌合數(shù)據(jù)鴻溝”專題分享了百度APP大字版的適老化設計。

《設計》雜志由中國科學技術協(xié)會主管,是中國唯一一本由中國工業(yè)設計協(xié)會主辦的全國性期刊,一直站在國家轉變發(fā)展方式的政策高度,溝通設計界和產業(yè)界的迫切需求,展示全球設計精英和設計教育界的新思維和新作品,促進社會公眾設計意識的提升,推廣中國設計之國際影響。



當前,我國正面臨老齡化問題的嚴峻挑戰(zhàn)。統(tǒng)計表明,中國的老齡化人口已達到2.64億,且這一數(shù)據(jù)仍在持續(xù)增長,而老年人在生活、情感上都面臨諸多問題。

首先,老年人在視覺、聽覺、肢體、認知方面都出現(xiàn)了不同程度的退化,無法平等地獲取信息和服務。其次,年輕人涌向大城市尋找機會,老年人被迫成為空巢者,疫情的發(fā)生更使親人長期兩地分離,老人情感孤獨缺少陪伴。此外,疫情的爆發(fā)也促使線下服務轉為線上化,老年人不能很好適應這一轉變,遇到很多困難。

  • AGING 老齡化
  • AGE-FRIENDLY DESIGN 適老化設計
  • "COCOON ROOM" OPTIMIZATION “繭房”優(yōu)化

百度大字版是一款運用AI技術專為老年人打造的綜合型內容與服務App,幫助老年人更平等便捷地獲取信息與服務,輕松樂享數(shù)字新生活。作為用戶體驗設計師,更深層地了解用戶,并提供滿足目標人群的體驗是設計師的使命,未來還將繼續(xù)深耕于適老化設計和差異化創(chuàng)新,不斷改善產品體驗,提供更滿足老年人訴求的產品,使老年人更平等便捷地獲取信息與服務。


///

精細系統(tǒng)的適老化設計


目前行業(yè)內缺失成體系的老年人研究報告,針對老年人的研究資料分散在建筑/平面/醫(yī)療/家居等各個行業(yè),同時業(yè)內也缺少針對老年人系統(tǒng)的設計標準或設計指南,現(xiàn)有無障礙設計標準針對殘障人士,且部分標準只適用于PC端,不適用于老年人和移動產品。

因此在進行百度App大字版的適老化設計時,設計研發(fā)團隊系統(tǒng)的研究了老年人面臨的問題、PC端無障礙設計標準及其他相關資料,產出了系統(tǒng)的移動端適老化設計標準體系,同時結合百度App大字版實際場景產出了解決方案。適老化設計包含:易閱讀、易收聽、易操作、易理解四個方面。

易閱讀的手段包括增大字號、使用符合老年人生理、心理特征的顏色、提供有效的反饋提示等;易收聽的舉措包括:增大音量、降低語速等;易操作的改良包括:增大觸控區(qū)、降低手指運動距離和操作精準度要求、提供明確的操作反饋、隱性操作顯性化及輔助用戶輸入等;易理解的改善包括:采用通俗易懂的文案、提供清晰明確的圖標設計、提升信任感、提供即時的幫助等。



///

AI賦能,情感陪伴

由于很多年輕人去大城市尋找機會,導致產生很多空巢老人,他們情感孤獨,缺少陪伴。疫情的爆發(fā),更使老年人在節(jié)假日也難以與家人團聚。因此百度App大字版通過語音合成等AI能力,還原兒孫親友的真實聲音,用于全局內容播報朗讀,使老年人感受到至親至愛仿佛陪伴在他們身邊,緩解老年人的孤單和思念之情。全局語音朗讀也能解決老年人的閱讀障礙和長時間閱讀導致的視覺疲勞問題,同時可以解放雙手,使老年人隨時隨地聽朗讀。



///

豐富內容,充盈生活

百度App大字版圍繞老年人的實際生活需求,依托百度的內容生態(tài)和個性化推薦技術,提供了符合老年人興趣的圖文和音視頻內容,一站式滿足了老年人的內容消費需求。在設計上,通過AI技術,對視頻增加智能字幕,方便老年人獲取視頻信息;在內容流的操作上,通過統(tǒng)一的容器和流式交互,為老年人提供便捷的操作體驗,使他們更方便、平等的獲取信息和內容。


///

生活助手,便捷服務

百度App大字版還提供了多種實用工具,滿足老年人疫情時代和日常的生活訴求。疫情導致線下服務線上化,為了幫助老年人適應這一生活方式的轉變,百度App大字版提供了在線政務工具;很多老年人承擔了教育孫輩的責任,因此,大字版提供了一些輔助教學工具,幫助他們帶孩子。更有疫情地圖、垃圾分類等貼合日常生活場景的工具,使智能技術更貼近、融入老年人的生活。



// 以下對話來自

《設計》與百度App大字版體驗設計團隊

《設計》:在設計前期的調研階段,發(fā)現(xiàn)了哪些用戶需求和體驗的痛點?數(shù)字時代,老年人群有哪些被忽略了的需求? 

LU:我們的調研發(fā)現(xiàn),中老年用戶朋友在使用移動互聯(lián)網(wǎng)產品時,最主要的體驗痛點是由于生理老化帶來的。隨著年齡增大,他們在判斷力、操控力、表達力、感官力的老化不可避免,這些老化也直接影響他們對智能手機的使用。 

首先,隨著年齡的增長,中老年朋友的信息篩選和判斷力在逐步變弱。相比年輕人,中老年人更容易上當受騙。他們常見的受騙類型包括免費領紅包、贈送手機流量、優(yōu)惠打折團購商品等。因為成長環(huán)境的影響,中老年人是更信賴權威的,而老化帶來判斷力的下降,讓他們對權威信息源的依賴度更高。在調研中他們提到,像“官方發(fā)布”(比如CCTV、地方電視臺發(fā)布的官方新聞、人民日報的新聞),以及“疫情辟謠”(比如百度App在2019年疫情爆發(fā)初期推出的新冠肺炎辟謠欄目),他們覺得很好、很信賴,能幫助他們判斷真?zhèn)?,甚至會在家族群里向其他人推薦。由此可見,信息流產品應該為中老年人提供更多權威來源、真實可信的信息。 

其次,中老年人的操控力在下降。這導致他們接觸信息的自主性變弱。在選擇手機App上,他們更依賴于通過別人推薦,或者看到別人在社交平臺的分享后下載,或者是選擇手機自帶的App。相比年輕人,他們很少自己主動去應用商店發(fā)現(xiàn)一些新的App。 

再次,中老年人的語言組織和表達能力下降。在組織的中老年用戶座談會中,設計團隊深刻感受到他們的表述能力明顯不如年輕用戶。這表現(xiàn)在老年人的表達有很多重復的地方,中間也會夾雜大量“嗯”“就是”“呢”“吧”等語氣詞。他們在使用語音交互類產品時表達力差,加上有些用戶還有方言,這些都對語音交互、語音識別產品的準確性帶來了更具挑戰(zhàn)性的要求。 

最后,隨著身體機能的老化,中老年人的感官能力也會下降。對手機使用影響最明顯的是視力衰老,會導致中老年人看不清小字,對色彩分辨力減弱,出現(xiàn)老花眼等問題,也容易眼疲勞。因此,手機App的文字排版、界面顏色、音視頻功能的適老化就顯得尤為重要。 

《設計》:要做出理想的適老化設計需要綜合運用哪些學科的知識? 

小軍:移動互聯(lián)網(wǎng)產品適老化設計研究涉及面非常廣,要求學科背景包括設計學、工效學、心理學、應用數(shù)學、社會學等學科和專業(yè)。 百度App大字版工作中研究了大量的跨學科文獻和研究成果,有效指導產品具體設計工作包括:設計學:對WCAG國際設計標準研究;標識系統(tǒng)無障礙設計研究;移動端中文閱讀舒適性研究;工效學:人體手指移動設備屏幕觸控區(qū)研究;老年用戶連續(xù)性操作行為研究;心理學:老年人心理特征中關于顏色研究;移動端產品中反饋設計的情感化研究;認知心理學下的移動端產品研究報告;社會學:老年人言語交際障礙實證研究;老年人聽覺審美偏好研究;老年人言語交際障礙實證研究;應用數(shù)學:用戶研究團隊開展基于用戶數(shù)據(jù)分析和基于目標用戶已有數(shù)據(jù)用戶特性研究。 

雷哥:除了設計專業(yè)知識,團隊在適老化設計過程中運用了大量用戶研究領域的知識,洞察中老年用戶的生理老化特點和心理需求,幫助設計師們制定出適合中老年用戶需求的適老化設計標準。 

在研究中,一方面運用了社會學、心理學領域常用的用戶訪談、問卷調查、座談會等方法,另一方面還引入了人類工效學領域的眼動實驗法。通過科學、嚴謹?shù)膶嶒?,評估不同設計方案在不同使用場景對用戶主觀體驗評價指標和客觀眼動指標的影響,最終形成了一套完備、成體系的適老化設計規(guī)范,可用于指引資訊類/閱讀類App的適老化設計改造。規(guī)范明確了搜索、瀏覽、長文閱讀、輔助信息(如功能按鈕、設計頁面)不同手機閱讀場景,標題、摘要、正文等不同信息層級下,理想字號、行距和粗細組合,并給出了不同灰度顏色的全局最小可辨識字號。 

相關研究成果也已撰寫成2篇論文,其中《Improving Smartphone Reading Experience for Middle Aged and Elderly Users : The Effect of Font Size, Line Spacing and Stroke Weight》在第24屆國際人機交互大會(HCII2022)發(fā)表;《中老年移動端數(shù)字閱讀最小可辯識字號研究》被中文核心期刊《包裝工程》錄用,即將發(fā)表。另外,團隊也與中國老齡產業(yè)協(xié)會合作,發(fā)布了《移動互聯(lián)網(wǎng)應用程序適老化體驗規(guī)范》團體標準,共享我們的經驗,希望帶動移動互聯(lián)網(wǎng)行業(yè)關注中老年用戶的需求,幫助其他產品提升中老年用戶的閱讀體驗。 

做出理想的適老化設計需要對老年人群體有深入的了解,需要搭建系統(tǒng)的適老化設計理論體系,在前期用戶研究階段需要綜合運用生理學、心理學、行為學和社會學等相關的知識,對老年人日常生活和使用移動App所面臨的問題有深入系統(tǒng)的分析。在提出解決方案的階段需要專業(yè)的交互設計知識,對人工智能技術有一定的研究,以及對現(xiàn)有業(yè)務自身擁有的資源有深入的了解,這樣才能提出系統(tǒng)且深入的適老化解決方案,而不只是停留在放大字號和功能精簡層面。 

《設計》:針對老年人對有尊嚴的生活的渴望,除了通過無障礙設計適應老年人群體在生理和心理上的變化之外,百度的適老化設計是否有考慮在實踐中幫助老年人群體實現(xiàn)在數(shù)字時代中“進化”,來一場跨越數(shù)字鴻溝的雙向奔赴? 

小軍:百度App大字版體驗設計目標解決老年人不能用、不敢用、不會用的問題,百度App大字版完成適老化無障礙設計覆蓋,解決了產品不能用的問題。 

百度App大字版通過降低操作成本和幫助老年人學習成長,解決不敢用和不會用問題,實現(xiàn)在數(shù)字時代中的“進化”,具體措施包括:大字版依托百度領先AI技術,在產品實踐中應用語音搜索、圖像識別降低輸入成本,實現(xiàn)全場景內容朗讀降低信息獲取成本,通過AI技術應用降低使用成本,解決不敢用的問題。同時計劃在產品中增加針對適老功能的分步,直觀的教育視頻,解決不會用的問題。 

《設計》:大數(shù)據(jù)時代如何實現(xiàn)“繭房”優(yōu)化? 

火韋:這個是很專業(yè)的問題,深入到了老年人內容消費的核心體驗。我嘗試片面地回答。 

一般來說,“繭房問題”是指“接收”,就是個性化推薦系統(tǒng)會讓人們困在原有的興趣點上,從而接收不到不同的信息。百度推薦系統(tǒng)一直在解決“繭房問題”。這里重點說百度大字版對中老年用戶需求的特別處理,增加用戶接收內容的多樣化。 

一是,鼓勵用戶主動興趣表達,通過合理的引導,讓老年人主動表達自己的興趣點、關注點;同時關注用戶對推薦偏好的意見反饋,靈活調整內容推薦;二是,搜索和內容推薦的結合,參考用戶的搜索意圖,補充實時興趣點到內容推薦策略中,通過搜索拓展用戶對搜索相關領域和興趣的認知邊界;三是,通用資訊和興趣的滿足,在個性化的基礎上,會增加平臺老年人通用的重大新聞事件和垂直領域熱門內容的適度推薦;四是,專項策略和體驗評估,包括打散同類的、連出的或霸屏的內容,增加多樣性,強化興趣探索,一年多以來,持續(xù)進行實驗優(yōu)化,降低繭房用戶占比,通過用戶調研階段性收集用戶對多樣性的體驗反饋。 

繭房問題還有一層含義是“接受”,就是人們會抗拒接受新信息、甚至是新事實。特別是老年人有一些固有的觀念和習慣,很難改變。一是,進行科學辟謠,破除錯誤的意識,倡導健康的生活方式;

二是,鼓勵老年人多使用搜索,主動拓展認知邊界;三是,在用戶消費圖文和視頻時,系統(tǒng)會出相關詞,用戶一鍵搜索得到新知識。此外,今年還推出了“交朋友”模塊,通過互動課堂和社區(qū)討論,讓老年朋友更好地接受新信息。 

《設計》:老年人使用智能設備進行網(wǎng)絡交易時的信息安全和交易安全如何保障? 

火韋:老年人在使用智能設備,已經從簡單的瀏覽信息、開始更多地進行電子購物,涉及到相對復雜的網(wǎng)絡交易過程。 

百度App大字版在早期版本就關注到了這個問題,從以下方面持續(xù)優(yōu)化。

一是,我們會主動打壓低俗、低質的內容和商品,并給優(yōu)質和權威的第三方打上官方標,引導老年人識別來源;

二是,我們也加入了百度保障,并且專門推出了老年人保障官網(wǎng)和專屬處理流程,對平臺發(fā)生的網(wǎng)絡交易進行提前保障;

三是,推出“暖陽熱線”400專線電話,隨時與老年用戶進行溝通。 

《設計》:在適老設計中,AI技術有哪些獨特的功用? 

雷哥:在適老化設計中應用AI技術,可以更好地解決老年人在生理和心理上面臨的現(xiàn)實問題,滿足老年人的信息獲取和情感陪伴訴求。例如,在信息獲取層面,通過語音識別和圖像識別技術,可以改變傳統(tǒng)的輸入文本的搜索方式,大幅降低老年人的搜索成本,使老年人僅通過說話或拍照的輸入方式即可更方便地答疑解惑,獲取新知。AI技術在視頻場景也可以發(fā)揮作用,通過智能放大字幕和智能添加字幕,可以幫助老年人更好地獲取視頻信息。通過聲紋識別和聲音合成技術,我們也可以幫助老年人錄制合成親友聲音,用于全局內容朗讀,讓與親友分隔兩地的空巢老人體驗如同親友在耳畔般的朗讀,獲取跨越時空的情感陪伴;同時,語音朗讀能夠解決長時間閱讀帶來的視覺疲勞問題。這些都得益于百度在人工智能領域的技術積累,所以,AI技術不僅可以在無人駕駛等前沿領域發(fā)揮作用,也可以通過產品化解決老年人面臨的實際問題。 

《設計》:適老化設計的研究和開發(fā)在MEUX部門處于什么位置? 

雷哥:MEUX團隊一直很重視適老化設計的研究,很早就啟動了相關的專項課題并持續(xù)投入。在工信部下發(fā)互聯(lián)網(wǎng)應用適老化及無障礙改造專項相關指示文件之前,我們就已經在進行適老化設計的相關研究和探索,并且研發(fā)了公司內的首個適老化產品——百度App大字版,因此我們對國家互聯(lián)網(wǎng)應用適老化改造的響應是非常積極和及時的。我們的適老化設計研究及產品研發(fā)的成功經驗,也推廣到了公司內部各個產品團隊,為公司內移動應用的適老化設計提供了參照標準。在公司外部,我們也與老齡委合作制定了國內首個移動互聯(lián)網(wǎng)應用適老化設計要求的團體標準,將我們的經驗推廣到整個行業(yè),形成更加廣泛的影響。 

小軍:百度MEUX部門配備用戶研究、視覺、交互、運營完備的各職能深度參與并持續(xù)研究適老化設計,支撐產品建設和持續(xù)升級,同時,在學術論文發(fā)表、行業(yè)團體標準建立、國際獎項申請上均有顯著的成果產出。



《設計》:融入老年人服務生態(tài),百度與哪些行業(yè)展開了怎樣的合作形式?

火韋:百度App大字版的目標是:成為中老年生活的必備App,服務于生活的方方面面。為了實現(xiàn)這個目標,與公司內部相關部門、政府部門、行業(yè)伙伴進行了廣泛合作。

一是,到今天,百度App大字版已經是擁有搜索、AI能力、圖文、視頻、直播、電臺、小說閱讀的綜合內容消費平臺。在公司內部,多達10多個部門的200多位同事參與了百度App大字版的開發(fā)和運營,其中包括搜索、語音搜索和語音智能處理、百家號內容平臺、信息流策略、小程序和小說等兄弟業(yè)務。

二是,我們積極響應政府相關部門的倡議,全面進行適老化改造,并與百度關懷版一起申請并通過了《移動互聯(lián)網(wǎng)應用適老化設計要求》團隊標準。同時與中國老齡協(xié)會一起推出了《老年智能科技大賽》。

三是,在服務生態(tài)上,與養(yǎng)老行業(yè)機構和企業(yè)進行深入合作,包括與紅松學堂、人人講合作推出“交朋友”社區(qū),引入百度健康、薄荷營養(yǎng)提供健康功能,引入喜馬拉雅和懶人暢聽的小說、相聲、評書等娛樂內容。

同時,我們也與這些伙伴一起培育養(yǎng)老市場,讓更多的人關心老年群體在智能時代的難處。比如我們在父親節(jié)那天全網(wǎng)推出“你先忙,爸沒啥事”活動,用八張大圖,說出了父親和孩子打電話時想說但沒有說的話。

《設計》:針對老齡化群體,百度在軟硬件開發(fā)方面還有哪些具體的長短期規(guī)劃?

火韋:從2021年1月推出以來,百度App大字版一直專注于為老年手機用戶提供友好的內容和服務。這是一個復雜的持久過程,還在苦練內功,與用戶溝通、了解他們的需求、喜好和習慣,不斷推出新的App功能(電臺、視頻內容、搜索、AI能力、課程等)。這些業(yè)務都有向智能硬件、線下業(yè)務延伸的可能性。

《設計》:在做適老化設計的過程中,作為設計師、工程師,你們收獲了怎樣的體驗?

LU:懷著同理心和使命感來設計產品。中老年人是我們的長輩,他們年輕時為社會、為國家貢獻了很多。當他們年邁,因為身體老化在融入信息社會面臨困難時,我們有責任、有義務去幫助他們,讓他們能夠輕松、愉快、便利地享受信息生活。在此,我們也呼吁更多的移動互聯(lián)網(wǎng)App、設計師和產品經理參與進來,推進移動互聯(lián)網(wǎng)產品的適老化升級,幫助中老年人享受信息社會,為中國的信息無障礙建設貢獻自己的一份力量。
小軍:作為設計師,參與多輪的用戶訪談,掃公園接觸真實用戶收集使用反饋意見。收集政府、競對、研究機構的情況。這讓我們對老年用戶有了更深入的認知。產品設計中相比功能上的優(yōu)化,情感上的關懷也是內在需求。我們的著眼點從無障礙設計,深入到情感化設計中。

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

作者:騰訊ISUX團隊    來源:百度MEUX

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://m.dekangmedical.net

存檔