99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

戴森Dyson Link智能產(chǎn)品解析

2023-1-5    濤濤

這篇文章主要探索Dyson App 各版本界面的差異點、交互方式;以及為了平衡用戶與品牌方,設(shè)計做的努力,從而開拓我們的設(shè)計思路。


0 產(chǎn)品背景

根據(jù)互聯(lián)網(wǎng)消費調(diào)研中心,了解到戴森的消費者大致有三個特征:高品質(zhì)消費、重視生活之美、新生活開啟者。重視生活之美的消費者更注重設(shè)計美觀、獨特、有辨識度的產(chǎn)品。

戴森品牌定位:高端、黑科技、高顏值。

下面我們通過案例去了解戴森是如何通過設(shè)計滿足品牌方和消費人群的。



1-1 首頁1.0

表現(xiàn)層:

戴森APP 1.0首頁通過模擬房屋、顏色變化來向用戶直觀展示屋外、屋內(nèi)的空氣狀態(tài);整體來看擬物化可以很直觀的向用戶展示信息,房屋的造型給用戶一種溫馨家的生活之美,更有辨識度。

 

功能層:

屋外主要有天氣、AQI(空氣質(zhì)量)、溫度、濕度、PM2.5、紫外線等信息;

屋內(nèi)主要有Wifi強度、房間名稱、屋內(nèi)空氣質(zhì)量、溫度、濕度其它信息、設(shè)備圖片;

頁面左下角為設(shè)備控制入口、右下角為時間設(shè)置;底部可以通過左右滑動切換設(shè)備類型。

繁多的信息雖然給用戶專業(yè)的感覺,但無形之中削弱了信息的層級,并且有的圖標使用不準確,用戶不知道是什么。頁面中使用產(chǎn)品圖可以強化自身產(chǎn)品品牌,增強產(chǎn)品辨識度。



1-2 首頁2.0

戴森APP 2.0首頁相比1.0,區(qū)分了信息層級,增強了操控體驗。

功能層:

根據(jù)用戶使用習(xí)慣,屋外只保留了空氣質(zhì)量等級、溫度、濕度這些常用的信息;

擴大了房間區(qū)域,為信息提供更多展示空間,降低視覺干擾。屋內(nèi)保留Wifi強度、房間名稱、屋內(nèi)空氣質(zhì)量、溫度濕度,將設(shè)備核心功能入口外顯,用戶可以更便捷去操控設(shè)備,提升了易用性。

 

表現(xiàn)層:

使用局部放大的產(chǎn)品,用圓形襯底,并且還可以體現(xiàn)設(shè)備開關(guān)狀態(tài),這樣做可以統(tǒng)一不同產(chǎn)品下的畫面,增強了用戶對于產(chǎn)品狀態(tài)的感知,從而強化了產(chǎn)品品牌。

 

體驗層:

首頁通過上滑、下拉等手勢可以查看關(guān)于空氣質(zhì)量的更多詳細信息,將主次信息分級,既能凸顯首頁主要信息,還不影響用戶快速查看詳情的效率。



1-3 Smartmi P1

表現(xiàn)層:

相比戴森,Smartmi P1在灰底上只保留空氣質(zhì)量、Pm2.5、產(chǎn)品圖,大留白,從而凸顯的是簡潔的科技感。

 

功能層:

功能上也做了整合,簡化了操控細節(jié),為用戶提供了自動、睡眠、中速、自定義等快捷選擇。

兩個品牌對比來看,戴森體現(xiàn)了家的溫情,Smartmi P1則體現(xiàn)了簡約的科技。

在家電市場中,廠家都希望消費者提高購買頻次,界面底部濾芯的剩余使用時長,可以起到提示用戶及時更換濾芯的作用,從而提高購買頻次。這一點還是值得借鑒的。



1-4 戴森界面色彩使用

表現(xiàn)層:

通過查看戴森店鋪裝修風(fēng)格、流程界面縮略圖,發(fā)現(xiàn)戴森將它的品牌色——黑色、紫色貫穿至每一個需要引起用戶注意的元素上,視覺感受上更有一種“黑”科技的感覺,強化了品牌感知。



1-5 空氣質(zhì)量等級可視化

表現(xiàn)層:

對于空氣質(zhì)量等級顏色的選擇,戴森與空氣質(zhì)量指數(shù)(AQI)等級顏色保持一致性。

室內(nèi)室外顏色均可根據(jù)空氣質(zhì)量等級顯示不同效果,可以給用戶提供更加直觀的感受。

Smartmi P1 則是通過文字和部分顏色來體現(xiàn)空氣質(zhì)量等級,用戶感知弱。



1-6 空氣質(zhì)量等級詳情

表現(xiàn)層:

空氣質(zhì)量詳情頁,戴森和SmartP1均使用色塊體現(xiàn)等級,戴森使用的面積更大,更加明顯,P1則一貫延續(xù)留白的簡潔科技感。兩者都有數(shù)據(jù)分析功能,戴森通過刻度、細線條、更加規(guī)整的布局,看上去更具專業(yè)性,品質(zhì)感。



1-7 空氣污染物質(zhì)量等級說明

功能層:

戴森和Smart P1都有各個空氣污染物等級的說明,用戶可以了解當(dāng)前空氣質(zhì)量情況及顯示規(guī)則。

Smart P1 可以讓用戶設(shè)置哪些空氣污染物顯示,空氣污染物等級說明在一頁顯示,用戶需要上下滑動來查找相關(guān)污染物。

戴森將污染物類型做成導(dǎo)航形式,用戶可以快速選擇要看的類型;

 

表現(xiàn)層:

范圍區(qū)間和對應(yīng)的顏色放一起,強調(diào)了他們之間的關(guān)聯(lián)性,并且可以承載更多的說明信息。



1-8 在App中如何融入產(chǎn)品

對于硬件廠商,在設(shè)計界面時,其中一個重要的需求就是“在界面中體現(xiàn)產(chǎn)品”,從而增強產(chǎn)品的獨特性、辨識度。那么如何做才能恰到好處的向用戶展示產(chǎn)品信息呢?來看看戴森怎么做的,具體主要有兩方面:

1、App中產(chǎn)品出現(xiàn)的節(jié)點;2、以什么形式展示產(chǎn)品。

最順其自然的就是在設(shè)備控制界面放置對應(yīng)的產(chǎn)品,其次就是在引導(dǎo)頁中體現(xiàn),可以很直觀的告知用戶如何操作及產(chǎn)品當(dāng)前的狀態(tài)反饋。

最后還可以在登錄頁、空狀態(tài)頁作為裝飾元素出現(xiàn)。

 

產(chǎn)品展現(xiàn)形式在控制界面及引導(dǎo)頁面要盡可能展示產(chǎn)品當(dāng)前場景下的樣子。

例如:在調(diào)節(jié)角度界面,用俯視圖可以更加直觀體現(xiàn)旋轉(zhuǎn)角度的狀態(tài)。

在房屋界面,由于只需要體現(xiàn)設(shè)備狀態(tài),所以用45度視角盡可能體現(xiàn)產(chǎn)品獨特的造型細節(jié)。

在登錄頁使用產(chǎn)品線框圖作為裝飾元素,減少對文本內(nèi)容的干擾。



1-9 戴森空氣凈化器控制界面樣式

表現(xiàn)層:

首頁上空氣凈化器選取常用的功能作為快速入口,并且使用圓、圓角矩形作為按鍵外框,我們看它的實體遙控器、產(chǎn)品造型,就知道為什么要用這2種形態(tài)了,這樣可以延續(xù)戴森的產(chǎn)品特征,使得整體品牌更具辨識度,達到強化品牌滲透的目的。

右下角為設(shè)備控制詳情入口,通過使用不透明白底與快捷功能鍵作出區(qū)分,還能保持整體性,品質(zhì)感。



1-10 空氣凈化器控制詳情頁

表現(xiàn)層:

控制詳情頁放置產(chǎn)品實物圖,可以直觀展示產(chǎn)品狀態(tài),功能圖標前期做了區(qū)分歸類,保證每一行的圖標尺寸一致的同時確保它們之間的相關(guān)性。角度設(shè)置界面,產(chǎn)品使用俯視圖,可以直觀展示角度信息。



1-11 空氣凈化器操控手勢

體驗層:

對于用戶常用的操作使用滑動手勢,例如:風(fēng)量,長按上下滑動可以很方便設(shè)置等級,松手返回確認,風(fēng)量按鈕可以顯示風(fēng)量等級條,用戶不僅可以通過數(shù)字了解風(fēng)量等級,還可以通過進度條更直觀感知風(fēng)量大小。



1-12 快捷鍵功能權(quán)限定義

功能層:

從畫面中可以看出,同樣的風(fēng)向設(shè)置按鈕,在首頁,點擊后只能進行開啟、關(guān)閉風(fēng)向;進入控制詳情頁,則可以設(shè)置具體的角度值;保證在不同場景下即可以快速便捷控制設(shè)備,也可以精確控制設(shè)備。



1-13 戴森掃地機控制界面

表現(xiàn)層:

最左邊的控制界面是最早的版本,只有啟動或停止機器的功能,使用帶角度的視角來展示機器與場景,并且機器是可以進行移動擦除動畫,體現(xiàn)運行中的狀態(tài),這種方式比較耗費開發(fā)時間。

 

中間的界面是過渡版本,較上一個版本做了優(yōu)化,采用正視圖,并且增加了運行強度、運行區(qū)域、定時功能,底部的地板元素漸變處理減少了畫面對功能入口的干擾,既能體現(xiàn)場景,還更加易用。

 

最右邊界面為最新版本,放大了產(chǎn)品,減少了不必要的視覺元素,弱化了地板背景;充電圖標和設(shè)備狀態(tài)放置頂部,與功能區(qū)做區(qū)分;運行強度選項由展開變成收起,估計這個功能使用頻率較低;運行區(qū)域、定時功能的圖標做了優(yōu)化,更加貼切。視覺和功能得到了完美的平衡。



1-14 戴森燈光控制界面

功能層:

燈光控制界面,主畫面是燈頂部實物圖,值得一提的是,點擊圖片上的開關(guān)按鈕就可以實現(xiàn)燈的開啟關(guān)閉,很直接;點擊開關(guān)上部的區(qū)域,會彈出色溫、亮度調(diào)節(jié)界面。功能區(qū)域和實物結(jié)合的形式值得我們學(xué)習(xí)。



1-15 戴森燈光場景功能

功能層:

右下角為場景選擇,可以選擇系統(tǒng)自帶的燈光使用場景,例如:讀書模式、休閑模式,也可以自定義,可以方便快速設(shè)定光線。



總結(jié):

通過對戴森App的分析,我們了解到了可以通過擬物或者將功能控制區(qū)與實物結(jié)合的方式,提升用戶操控體驗及產(chǎn)品品牌辨識度;對于硬件產(chǎn)品App,要盡可能保持與實物的一致性,突出產(chǎn)品特征,包括按鈕形狀、色彩;還有就是可以學(xué)習(xí)到戴森為了平衡用戶與品牌方的需求,在視覺層面、交互層面的細微改動下的思考方式。

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

作者:土木君    來源:站酷


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

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.lapeinture.cn

存檔

国产高清在线精品一区二区| 91麻豆爱豆果冻天美星空| 999久久狠狠免费精品| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 日韩专区在线播放| 国产精品自拍一区| 国产视频一区在线| 欧美日本韩国| 欧美日本免费| 精品视频一区二区三区| 欧美激情一区二区三区在线播放 | 亚欧乱色一区二区三区| 国产极品精频在线观看| 国产精品免费久久| 日韩av成人| 国产成人精品综合久久久| 日韩中文字幕在线亚洲一区 | 国产麻豆精品高清在线播放| 欧美a级片免费看| 欧美另类videosbestsex视频| 欧美大片一区| 久久国产一区二区| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 欧美1区2区3区| 欧美一级视频高清片| 日日夜人人澡人人澡人人看免| 亚洲www美色| 可以在线看黄的网站| 欧美一级视频高清片| 精品视频在线观看视频免费视频| 日本免费看视频| 久久99这里只有精品国产| 日本在线www| 日韩av东京社区男人的天堂| 91麻豆精品国产高清在线| 亚洲 欧美 成人日韩| 夜夜操天天爽| 99久久精品国产麻豆| 青青久在线视频| 亚欧成人乱码一区二区| 美女免费精品高清毛片在线视 | 亚洲第一色在线| 超级乱淫黄漫画免费| 国产91素人搭讪系列天堂| 久久成人亚洲| 尤物视频网站在线| 亚洲 男人 天堂| 欧美大片一区| 韩国毛片免费| 精品视频在线观看一区二区三区| 精品久久久久久中文字幕2017| 毛片电影网| 黄色免费三级| 亚欧视频在线| 欧美1区2区3区| 国产成人精品影视| 91麻豆tv| 亚洲www美色| 精品国产一区二区三区免费 | 99热精品一区| 欧美一级视频高清片| 一 级 黄 中国色 片| 成人av在线播放| 亚洲 欧美 成人日韩| 日本在线不卡视频| 国产91精品系列在线观看| 色综合久久天天综线观看| 欧美激情一区二区三区在线播放 | 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 国产网站在线| 一级女性全黄生活片免费| 欧美激情一区二区三区在线 | 精品在线视频播放| 免费国产一级特黄aa大片在线| 欧美大片一区| 可以在线看黄的网站| 可以在线看黄的网站| 亚洲 欧美 成人日韩| 久久99欧美| 免费一级片在线| 亚洲精品久久玖玖玖玖| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 亚洲精品影院| 国产不卡福利| 日韩中文字幕在线播放| 久久国产影院| 成人高清视频在线观看| 欧美激情一区二区三区视频| 青青久久网| 国产国语对白一级毛片| 欧美激情一区二区三区在线 | 欧美激情一区二区三区在线播放 | 国产成人精品综合久久久| 毛片成人永久免费视频| 91麻豆国产| 天天做日日爱| 亚洲女初尝黑人巨高清在线观看| 免费一级片在线| 亚洲天堂在线播放| 日韩av片免费播放| 国产成a人片在线观看视频| 你懂的日韩| 九九九网站| 香蕉视频三级| 久久99这里只有精品国产| 亚洲天堂在线播放| 青青久久网| 国产综合成人观看在线| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 欧美α片无限看在线观看免费| 色综合久久天天综合| 成人免费网站视频ww| 亚洲第一页乱| 精品国产一级毛片| 亚洲 欧美 成人日韩| 午夜在线亚洲| 国产一级强片在线观看| 国产极品白嫩美女在线观看看| 你懂的日韩| 日韩免费在线| 欧美α片无限看在线观看免费| 欧美国产日韩在线| 国产成+人+综合+亚洲不卡| 国产国语对白一级毛片| 天天做日日爱| 青青久在线视频| 国产一区二区精品久久91| 国产成+人+综合+亚洲不卡| 日本免费看视频| 精品国产亚洲一区二区三区| 精品国产亚洲人成在线| 国产a视频精品免费观看| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 午夜欧美成人久久久久久| 国产综合91天堂亚洲国产| a级精品九九九大片免费看| 日韩av东京社区男人的天堂| 国产亚洲男人的天堂在线观看| 国产不卡高清| 国产麻豆精品hdvideoss| 深夜做爰性大片中文| 欧美电影免费看大全| 黄色短视频网站| 99久久精品国产高清一区二区| 黄视频网站在线免费观看| 国产成+人+综合+亚洲不卡| 成人免费高清视频| 91麻豆高清国产在线播放| 免费一级片在线| 韩国三级一区| 午夜欧美成人香蕉剧场| 青青青草影院 | 国产国语在线播放视频| 日日日夜夜操| 欧美日本韩国| 韩国三级一区| 日本在线不卡视频| 久久国产影院| 欧美日本免费| 天天做日日干| 99热精品一区| 国产一区二区精品久久| 一级片片| 国产网站在线| 亚洲女人国产香蕉久久精品| 欧美国产日韩久久久| 国产福利免费视频| 成人免费一级纶理片| 成人影视在线观看| 韩国三级一区| 一本高清在线| 99热精品一区| 日本特黄一级| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 午夜欧美成人香蕉剧场| 可以免费在线看黄的网站| 欧美另类videosbestsex久久| 在线观看成人网| 韩国毛片基地| 一级女性全黄生活片免费| 国产精品自拍亚洲| 免费国产在线观看不卡| 精品国产一区二区三区国产馆| 欧美大片a一级毛片视频| 999久久66久6只有精品| a级毛片免费观看网站| 欧美国产日韩一区二区三区| 香蕉视频久久| 成人影视在线播放| 高清一级毛片一本到免费观看| 青青青草影院 | 日韩中文字幕在线播放| 精品国产一区二区三区久久久狼| 成人av在线播放| 亚洲www美色| 中文字幕一区二区三区精彩视频| 欧美1区| 色综合久久天天综线观看| 91麻豆精品国产综合久久久| 精品久久久久久中文字幕一区|