中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

作為VUI&GUI的多模態(tài)交互產(chǎn)品，小愛(ài)觸屏音箱的UI體系比設(shè)計(jì)App更加復(fù)雜和困難。本文中，筆者為我們剖析了小愛(ài)觸屏音箱背后系統(tǒng)級(jí)UI的設(shè)計(jì)方法與原因。

VUI與GUI的復(fù)合并非只是簡(jiǎn)單的加法，背后還有很多體驗(yàn)細(xì)節(jié)的反復(fù)考量。而同時(shí)，小愛(ài)觸屏音箱也是與手機(jī)類(lèi)似的平臺(tái)屬性的產(chǎn)品。那我們?cè)撊绾卧O(shè)計(jì)這個(gè)復(fù)雜和全新的UI體系？本文會(huì)為大家分享小愛(ài)觸屏音箱的設(shè)計(jì)思考。

“人機(jī)環(huán)境+場(chǎng)景”的智能硬件分析法

在手機(jī)-App-UI-設(shè)計(jì)過(guò)程中，我們經(jīng)常通過(guò)產(chǎn)品定位、業(yè)務(wù)訴求等來(lái)分析設(shè)計(jì)目標(biāo)，但觸屏音箱在使用場(chǎng)景上與手機(jī)并不相同，我們不妨回溯一下，從人機(jī)環(huán)境來(lái)推導(dǎo)我們的設(shè)計(jì)主旨。

• 人：家庭設(shè)備而非個(gè)人設(shè)備，注意的是老少的輕松識(shí)別。
• 機(jī)：屏幕小，展現(xiàn)內(nèi)容有限語(yǔ)音交互更方便7×24小時(shí)待機(jī)。
• 環(huán)境：臥室床頭、客廳玄關(guān)、使用距離1米以上。
• 場(chǎng)景：邊聽(tīng)音樂(lè)邊干活；看劇；查天氣；控制IoT設(shè)備。

快速傳達(dá)：1米外的清晰識(shí)別

小愛(ài)觸屏音箱一般擺放在臥室床頭，用戶在使用時(shí)與音箱的距離相比手機(jī)要遠(yuǎn)很多，且很多時(shí)候是大于1米的。所以字體與顏色需要更強(qiáng)烈的識(shí)別性，以達(dá)到快速傳達(dá)信息的目的。

信息：操作的輕量界面交互

在大多數(shù)的觸屏音箱使用場(chǎng)景里，用戶可通過(guò)語(yǔ)音更便捷的進(jìn)行人機(jī)交互，這時(shí)候屏幕的作用就成了：展示信息為主，功能操作為輔。

例如，在家一邊收拾房間一邊用觸屏音箱聽(tīng)音樂(lè)，用戶可能會(huì)以下需求：看歌詞、聽(tīng)到喜歡的音樂(lè)想收藏、切換歌曲。后面兩個(gè)需求只需說(shuō)一句:“收藏這首歌”或“換一首”就行，非常便捷。而且此時(shí)雙手被占用，界面交互很麻煩。所以點(diǎn)擊收藏和切換音樂(lè)等操作控件可以弱化、展示歌詞信息可以更突出、

品牌：新潮科技的樂(lè)趣

小愛(ài)觸屏音箱作為提升生活體驗(yàn)、跟隨新技術(shù)應(yīng)運(yùn)而生的新潮多模態(tài)交互產(chǎn)品，其主要功能有聽(tīng)音樂(lè)、時(shí)鐘表盤(pán)、看視頻、控制家庭智能設(shè)備等。娛樂(lè)性強(qiáng)，需要新鮮感、樂(lè)趣與吸引力。且符合小愛(ài)同學(xué)的年輕活力形象。

1米外的快速識(shí)別，需要顏色比值>5的配色

手機(jī)APP的常用控件為彩色底+白字，比值在1.5-3.54的區(qū)間，近距離觀看柔和不刺眼，但為了增強(qiáng)識(shí)別性，音箱的控件是彩底黑字，比值區(qū)間在5.25-16.59。顏色比值計(jì)算 https://contrast-ratio.com

VUI(語(yǔ)音交互)的使用場(chǎng)景中，距離音箱一般大于100cm，屏幕上面的字體需要更強(qiáng)烈的識(shí)別性，而當(dāng)近距離時(shí)，GUI交互會(huì)更便捷。如果字號(hào)還是像遠(yuǎn)場(chǎng)時(shí)那么大，就會(huì)浪費(fèi)屏幕空間。所以需要針對(duì)GUI和VUI設(shè)置不同的字號(hào)與字重。

新潮科技的樂(lè)趣

小愛(ài)觸屏音箱作為提升生活體驗(yàn)、跟隨新技術(shù)應(yīng)運(yùn)而生的新潮多模態(tài)交互產(chǎn)品，大多數(shù)用戶是基于嘗鮮的心態(tài)購(gòu)買(mǎi)和體驗(yàn)，所以我們希望賦予她符合更多的新鮮感、樂(lè)趣與吸引力。從時(shí)尚潮流趨勢(shì)獲得更有活力和視覺(jué)吸引力的顏色質(zhì)感搭配。

喚醒動(dòng)效的設(shè)計(jì)我們希望傳遞具有生命力的科技與小愛(ài)同學(xué)的形象感受，沿用小愛(ài)同學(xué)的紅色，從自然中的螢火蟲(chóng)與水母的運(yùn)動(dòng)和形態(tài)獲得靈感，形成有生命呼吸節(jié)奏的喚醒動(dòng)效。

喚醒動(dòng)效是象征有著生命的科技小愛(ài)，而音箱初始化的過(guò)程就是小愛(ài)正在生長(zhǎng)的過(guò)程。她們具有同樣的視覺(jué)元素：圓和紅色，并通過(guò)匯聚、心跳節(jié)奏、扁平質(zhì)感來(lái)表現(xiàn)正在生長(zhǎng)中的狀態(tài)。

大多數(shù)APP的天氣背景分三種：純色、風(fēng)景圖片、扁平插畫(huà)。我們想探索不一樣的視覺(jué)方式，展現(xiàn)更多的吸引力。在抽象與具象中獲得平衡，顏色是抽象的，黃色是陽(yáng)光，藍(lán)色是雨，白色是雪，但顏色變化和流動(dòng)的韻律又是具象的，平緩的橫向變化是安靜的雪晨，紅色黃色的擁擠像熱的透不過(guò)氣的夏天，卷涌的咖啡色和灰綠是呼嘯的沙塵暴。

在設(shè)定大數(shù)字字體之初，我們幾乎嘗試市面所有的字體，并沒(méi)有找到我們心中的完美字體，最終我們決定設(shè)計(jì)一款小愛(ài)觸屏音箱的屏顯字體，在進(jìn)行了無(wú)襯線字體的字體研究之后，我們找到方向，以MITYPEY為藍(lán)本，保留了前者的幾何美感，增加了溫度與人文的親和力。關(guān)于【MiAitype字體設(shè)計(jì)的思考過(guò)程】，會(huì)在下一期詳細(xì)展現(xiàn)。

展示為主的輕量級(jí)界面交互

聽(tīng)音樂(lè)時(shí)候用戶可能會(huì)有以下需求：看歌詞、聽(tīng)到喜歡的音樂(lè)想收藏、切換歌曲等。后面兩個(gè)需求只需說(shuō)一句:“收藏這首歌”或“換一首”就行，非常便捷。而且在大多時(shí)候，用戶并不在音箱跟前，并不想進(jìn)行界面交互。所以點(diǎn)擊收藏和切換音樂(lè)等操作控件收藏在左上角的更多icon里，以展示歌詞信息為主。Iot控制也是遵循輕量便捷交互的原則，單點(diǎn)卡片關(guān)閉或開(kāi)啟，長(zhǎng)按展開(kāi)更多操作。

作者：小米智能創(chuàng)意，小米智能硬件部設(shè)計(jì)團(tuán)隊(duì)

本文由@小米智能創(chuàng)意 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash, 基于CC0協(xié)議