今年受到新冠疫情的影響，線上電子商務(wù)行業(yè)飛速發(fā)展。直播帶貨、社區(qū)團(tuán)購(gòu)等成為新的風(fēng)口，未來(lái)它們還能這么火嗎？本文作者從自身工作經(jīng)驗(yàn)出發(fā)，對(duì)2021年中國(guó)電商市場(chǎng)的趨勢(shì)進(jìn)行預(yù)測(cè)，與你分享。

2020年受新冠疫情影響，線上電子商務(wù)行業(yè)飛速發(fā)展。社區(qū)團(tuán)購(gòu)，C2M趨勢(shì)越來(lái)越明顯，因此預(yù)計(jì)2021年將是中國(guó)電子商務(wù)市場(chǎng)充滿創(chuàng)新和擴(kuò)展的一年。各商家將采用新的舉措和技術(shù)，并希望將業(yè)務(wù)擴(kuò)展到低端城市。以下是2021年中國(guó)電子商務(wù)市場(chǎng)的10大趨勢(shì)預(yù)測(cè)。

1. 直播將成為重要的傳播媒介。
2. 從KOL營(yíng)銷向KOC營(yíng)銷的轉(zhuǎn)變。
3. 短視頻應(yīng)用程序?qū)⒗^續(xù)結(jié)合電子商務(wù)。
4. 隨著主要電子商務(wù)平臺(tái)啟動(dòng)團(tuán)購(gòu)功能，團(tuán)購(gòu)將持續(xù)增長(zhǎng)。
5. 小程序提供新的購(gòu)物平臺(tái)。
6. 快遞運(yùn)輸將更快。
7. 中國(guó)基于數(shù)據(jù)的消費(fèi)者到制造商（C2M）模式將推動(dòng)電子商務(wù)的發(fā)展。
8. 垂直電子商務(wù)網(wǎng)站將獲得吸引力。
9. 跨境電子商務(wù)的格局正在發(fā)生變化。

因此：2021年將是中國(guó)電子商務(wù)市場(chǎng)創(chuàng)新與擴(kuò)展的一年。

• 實(shí)時(shí)流媒體和短視頻為零售商和品牌提供了與消費(fèi)者互動(dòng)和推廣其產(chǎn)品的手段。
• 新興購(gòu)物渠道（包括團(tuán)購(gòu)和小程序）將與主導(dǎo)的電子商務(wù)平臺(tái)一起蓬勃發(fā)展。
• 垂直電子商務(wù)網(wǎng)站將在2021年實(shí)現(xiàn)強(qiáng)勁增長(zhǎng)。
• 零售業(yè)中越來(lái)越多的技術(shù)采用和數(shù)據(jù)使用將使消費(fèi)者對(duì)制造商（C2M）業(yè)務(wù)模型的增長(zhǎng)以及更快的交付服務(wù)成為可能。
• 跨境電子商務(wù)將通過(guò)阿里巴巴收購(gòu)考拉平臺(tái)進(jìn)行整合，從而進(jìn)一步鞏固該公司在在線領(lǐng)域的主導(dǎo)地位。

01 直播將成為更加重要的傳播媒介

實(shí)時(shí)流媒體在2020年對(duì)消費(fèi)者的購(gòu)物行為產(chǎn)生了更大的影響，并將在2021年繼續(xù)在中國(guó)電子商務(wù)市場(chǎng)中發(fā)揮越來(lái)越重要的作用。這種銷售媒介類似于電視購(gòu)物（例如QVC），但在21世紀(jì)得到了升級(jí)。

直播會(huì)話的視頻內(nèi)容實(shí)時(shí)廣播，觀眾可以通過(guò)在線鏈接在觀看視頻的同時(shí)購(gòu)買商品。就像QVC上的導(dǎo)購(gòu)一樣，實(shí)時(shí)流媒體主持人出售各種各樣的產(chǎn)品，從服裝和化妝品到電子產(chǎn)品和汽車。

購(gòu)物者被直播吸引的原因有幾個(gè)：

• 精選的產(chǎn)品： 直播間主持人會(huì)根據(jù)粉絲的喜好精心挑選產(chǎn)品，這不僅吸引了觀眾，而且還提高了轉(zhuǎn)換率。的確，淘寶聲稱它在2018年的直播中擁有65％的轉(zhuǎn)化率。
• 種類繁多的產(chǎn)品：通過(guò)直播，在美容，時(shí)尚和雜貨行業(yè)中推廣各種產(chǎn)品。一些主持人甚至賣電影票和酒店套票。
• 低廉的價(jià)格：淘寶直播主持人經(jīng)常與品牌合作，向粉絲們分發(fā)禮品或產(chǎn)品折扣，直播觀眾通常對(duì)價(jià)格更為敏感。
• 抽獎(jiǎng)：抽獎(jiǎng)是主持人與觀眾互動(dòng)的一種流行方式。例如，著名的中國(guó)主要輿論領(lǐng)袖（KOL）李嘉琪（被稱為“口紅之王”）通常會(huì)通過(guò)舉辦比賽來(lái)贏得戴森吹風(fēng)機(jī)，iPhone11和小米電視等高價(jià)值電子產(chǎn)品，以此來(lái)吸引觀眾參與。
• 數(shù)量有限和限時(shí)優(yōu)惠：直播主持人經(jīng)常采用快速銷售策略，每次銷售僅持續(xù)很短的時(shí)間，可用產(chǎn)品的數(shù)量有限。此外，主持人將定期宣布庫(kù)存余額，以增加觀眾購(gòu)買的緊迫感。
• 克服“選擇悖論”：如果向購(gòu)物者提供了太多選擇，他們可能會(huì)在購(gòu)買商品時(shí)感到困惑，因此什么也沒(méi)買。在直播會(huì)話期間與消費(fèi)者互動(dòng)，以幫助消費(fèi)者專注于一種產(chǎn)品并更輕松地做出購(gòu)買決定。

通過(guò)這些策略，直播主持人能夠吸引大量的購(gòu)物者。例如，在2019年雙十一，李佳琦直播了六個(gè)多小時(shí)，吸引了3680萬(wàn)觀眾。

在2019年雙十一期間，超過(guò)100,000個(gè)品牌使用在線直播作為銷售方式。在購(gòu)物狂歡節(jié)的第一個(gè)小時(shí)內(nèi)，在線直播產(chǎn)生的商品總銷量（GMV）超過(guò)了去年在線直播的全日總成交量?？傮w而言，2019年11月11日，GMV達(dá)到200億日元（28.5億美元），約占阿里巴巴2684億日元總銷售額的7.5％。

02 從KOL營(yíng)銷向KOC營(yíng)銷的轉(zhuǎn)變

關(guān)鍵意見(jiàn)消費(fèi)者（KOC）是通過(guò)視頻制作和帖子發(fā)布以分享自己產(chǎn)品使用體驗(yàn)感的普通消費(fèi)者。這種新興趨勢(shì)將為品牌商和零售商提供一種新的傳播途徑，使他們采用有影響力的營(yíng)銷方式，而不是使用KOL。由于包括快手、小紅書(shū)和抖音在內(nèi)的一些中國(guó)社交應(yīng)用程序的普及，KOC可以輕松共享其產(chǎn)品評(píng)論，從而影響其他購(gòu)物者的購(gòu)買決定。

KOC越來(lái)越受歡迎的原因之一是：消費(fèi)者越來(lái)越意識(shí)到KOL是由品牌贊助來(lái)提出產(chǎn)品建議的人，因此他們認(rèn)為提供的信息不那么可信和真實(shí)。另一方面，KOC本身就是日常消費(fèi)者，他們更能提供公正的產(chǎn)品評(píng)論。

KOC越來(lái)越受歡迎的部分原因是購(gòu)物者希望從日常消費(fèi)者那里尋求建議。例如，新父母在選擇母嬰產(chǎn)品時(shí)會(huì)尋求他們的朋友和其他有經(jīng)驗(yàn)的父母的建議。通過(guò)的社交應(yīng)用，這些購(gòu)物者現(xiàn)在可以在做出購(gòu)買決定之前，觀看經(jīng)驗(yàn)豐富的KOC的視頻和評(píng)論。

實(shí)際上，KOC營(yíng)銷是「完美日記」?fàn)I銷計(jì)劃的關(guān)鍵組成部分之一，該計(jì)劃已使其成為中國(guó)化妝品品牌之一。在公司成立之初，該品牌就開(kāi)始與KOC進(jìn)行大規(guī)模合作，這使普通消費(fèi)者覺(jué)得該品牌非常受歡迎。

03 短視頻應(yīng)用程序?qū)⒗^續(xù)結(jié)合電子商務(wù)

短視頻應(yīng)用程序已涉足電子商務(wù)市場(chǎng)，我們預(yù)計(jì)這一趨勢(shì)將在2021年繼續(xù)。短視頻的長(zhǎng)度通常為10–20秒，富含了各種各樣的內(nèi)容。據(jù)報(bào)道，一些用戶在短視頻應(yīng)用上日平均花費(fèi)數(shù)小時(shí)。借助人工智能技術(shù)和算法，鼓勵(lì)用戶根據(jù)瀏覽歷史和喜好定制個(gè)性化內(nèi)容，更大提高了用戶對(duì)短視頻的擁護(hù)。

短視頻行業(yè)在中國(guó)蓬勃發(fā)展，截至2019年，中國(guó)的用戶數(shù)量超過(guò)8.2億。據(jù)商業(yè)智能提供商QuestMobile稱，這一總數(shù)同比增長(zhǎng)了32％。在中國(guó)10個(gè)移動(dòng)互聯(lián)網(wǎng)用戶中，平均有7.2個(gè)使用了快手和抖音等短視頻應(yīng)用程序。根據(jù)QuestMobile的數(shù)據(jù)，自2018年以來(lái)，用戶在這些平臺(tái)上花費(fèi)的時(shí)間同比增長(zhǎng)了8.6％，總計(jì)每月超過(guò)22個(gè)小時(shí)。

為了利用這些統(tǒng)計(jì)數(shù)據(jù)和消費(fèi)者行為模式，短視頻應(yīng)用程序已采取步驟以通過(guò)其用戶流量獲利：

• 在2019年10月，抖音添加了一項(xiàng)新的功能，稱為“營(yíng)銷標(biāo)簽”，該功能為內(nèi)容分配了標(biāo)簽，以幫助零售商鎖定想要搜索產(chǎn)品的消費(fèi)者。
• 在2019年11月，TikTok取消了限制，允許所有用戶通過(guò)平臺(tái)銷售產(chǎn)品。以前，社交應(yīng)用程序?qū)τ脩粼L問(wèn)電子商務(wù)功能的要求為3,000個(gè)粉絲。此舉可以幫助擁有32億每日活躍用戶的抖音轉(zhuǎn)變?yōu)榛诙桃曨l的電子商務(wù)網(wǎng)站。

04 隨著主要電子商務(wù)平臺(tái)啟動(dòng)團(tuán)購(gòu)功能，團(tuán)購(gòu)將持續(xù)增長(zhǎng)

到2021年，電商平臺(tái)將大力發(fā)展社區(qū)團(tuán)購(gòu)，如果消費(fèi)者大量購(gòu)買，團(tuán)購(gòu)將以大大降低的價(jià)格提供產(chǎn)品和服務(wù)。這種購(gòu)物模式對(duì)預(yù)算有限的購(gòu)物者特別是二、三線城市的購(gòu)物者具有吸引力。

• 自2015年成立以來(lái)，拼多多經(jīng)歷了爆炸性的增長(zhǎng)。按市值計(jì)算，拼多多目前已成為僅次于阿里巴巴，騰訊，美團(tuán)和京東的第五大互聯(lián)網(wǎng)公司，截至2020年已超過(guò)百度。拼多多的成功在很大程度上應(yīng)歸功于與其團(tuán)購(gòu)模式保持一致，消費(fèi)者與朋友一起購(gòu)物以確保獲得更好的交易。
• 京東于2018年6月在微信上開(kāi)始了其團(tuán)購(gòu)小程序，并于2019年4月推出了其團(tuán)購(gòu)應(yīng)用程序。蘇寧于2018年7月建立了自己的團(tuán)購(gòu)應(yīng)用程序。
• 阿里巴巴于2010年推出了其快速銷售和團(tuán)購(gòu)平臺(tái)聚劃算。阿里巴巴的Alipay在2018年3月推出了名為拼購(gòu)的功能。

這些用戶在雙十一購(gòu)物狂歡節(jié)中提供了巨大的消費(fèi)能力：聚劃算報(bào)告稱，有576種產(chǎn)品在前兩個(gè)小時(shí)內(nèi)收到了超過(guò)1000萬(wàn)張訂單；京東表示，其40％的新客戶來(lái)自靖西。而拼多多在11月11日的前16分鐘內(nèi)售出了1000多輛汽車。

對(duì)品牌的影響：團(tuán)購(gòu)模式將以較低的價(jià)格提供給想要擴(kuò)展到中國(guó)低端城市的品牌。這些地區(qū)的消費(fèi)者往往對(duì)價(jià)格更為敏感，并且可能會(huì)尋找便宜貨。團(tuán)購(gòu)還為零售商提供了清理庫(kù)存的好機(jī)會(huì)。

05 小程序提供新的購(gòu)物平臺(tái)

小程序可在支付寶，美團(tuán)和微信等應(yīng)用程序中運(yùn)行。他們?yōu)槠放铺峁┝艘粋€(gè)額外的在線平臺(tái)來(lái)銷售其產(chǎn)品，用戶無(wú)需下載單獨(dú)的應(yīng)用程序即可執(zhí)行類似的功能。

品牌可以使用小程序作為大型電子商務(wù)平臺(tái)的補(bǔ)充，而不是替代。小程序用作輔助銷售渠道，可以列出通過(guò)快速促銷快速銷售的需求商品。小程序也可以用作品牌工具——品牌可以創(chuàng)建交互式的視覺(jué)程序，以更好地吸引客戶并鼓勵(lì)他們與朋友分享內(nèi)容。微信小程序現(xiàn)在支持增強(qiáng)現(xiàn)實(shí)（AR），它將虛擬圖像疊加到物理世界上。這種類型的第一個(gè)是阿瑪尼的化妝品小程序，該程序允許用戶通過(guò)用戶在手機(jī)上使用的自帶攝像頭來(lái)測(cè)試不同化妝品的外觀，例如各種色調(diào)的唇膏。

資料來(lái)源：阿瑪尼的微信小程序

小程序?yàn)橄Ｍ蛉氲投耸袌?chǎng)的品牌提供了優(yōu)勢(shì)，購(gòu)物者可能不愿下載新的應(yīng)用程序。品牌可以將小程序與團(tuán)購(gòu)結(jié)合起來(lái)，以訪問(wèn)較低線城市的微信用戶。

對(duì)品牌的影響：由于小程序的容量很輕，因此品牌在此投資進(jìn)行營(yíng)銷，客戶參與和電子商務(wù)是一件好事。微信小程序的創(chuàng)造者微信報(bào)告說(shuō)，截至2019年，它已擁有7億用戶，他們每月使用微信小程序42.6次。

06 快遞運(yùn)輸將更快

我們預(yù)計(jì)到2021年，物流提供商將通過(guò)升級(jí)物流基礎(chǔ)設(shè)施和增加保稅倉(cāng)庫(kù)的產(chǎn)能來(lái)提供更快的交貨速度。這樣就可以為更多產(chǎn)品提供當(dāng)天交貨。阿里巴巴的菜鳥(niǎo)計(jì)劃旨在通過(guò)幫助物流公司大規(guī)模部署物聯(lián)網(wǎng)（IoT）解決方案來(lái)數(shù)字化并加速整個(gè)交付過(guò)程。菜鳥(niǎo)計(jì)劃在2020年至2022年之間將1億臺(tái)智能設(shè)備連接到其IoT技術(shù)，包括其倉(cāng)庫(kù)，交付機(jī)器人和算法支持的管理系統(tǒng)。

菜鳥(niǎo)還將通過(guò)最后一公里送貨業(yè)務(wù)“菜鳥(niǎo)郵局”建立10萬(wàn)個(gè)中轉(zhuǎn)站，以增加送貨選擇。菜鳥(niǎo)郵局提供定期送貨，智能儲(chǔ)物柜和送貨上門取件等服務(wù)。

通過(guò)采用5G技術(shù)，物流提供商將能夠提供更，更快的交付。京東物流于2019年北京開(kāi)設(shè)了首個(gè)由5G供電的智能物流園區(qū)，并使用一代的連接性對(duì)叉車的位置和路線進(jìn)行實(shí)時(shí)監(jiān)控，并提供異常預(yù)警情況。

對(duì)品牌的影響：新技術(shù)將推動(dòng)中國(guó)交付的進(jìn)一步加速。品牌和零售商可以利用諸如智能路由之類的工具，該工具使用機(jī)器學(xué)習(xí)算法來(lái)優(yōu)化交付路線，從而提高交付效率。

07 中國(guó)基于數(shù)據(jù)的消費(fèi)者到制造商（C2M）模式將推動(dòng)電商的發(fā)展。

中國(guó)的消費(fèi)者對(duì)制造商（C2M）模式將成為電子商務(wù)發(fā)展的新動(dòng)力，幫助企業(yè)更好地滿足消費(fèi)者的需求并實(shí)現(xiàn)銷售增長(zhǎng)。

在C2M模式中，工廠變得以消費(fèi)者為中心。零售商和制造商從客戶那里收集數(shù)據(jù)，并使用大數(shù)據(jù)創(chuàng)建客戶資料，分析消費(fèi)特征并計(jì)劃生產(chǎn)。這有助于制造商預(yù)測(cè)產(chǎn)品需求并減少庫(kù)存和供應(yīng)鏈風(fēng)險(xiǎn)，這也使品牌商和零售商受益。

在2019年的光棍節(jié)購(gòu)物節(jié)期間，天貓用戶搶購(gòu)了1.70億個(gè)C2M產(chǎn)品。一家公司報(bào)告說(shuō)，電動(dòng)牙刷的銷量在11月11日達(dá)到了25,000。羅曼利用天貓的消費(fèi)者見(jiàn)識(shí)來(lái)影響牙刷的設(shè)計(jì)，例如牙刷頭的尺寸和牙刷的顏色等。

C2M模型還與中國(guó)對(duì)產(chǎn)品個(gè)性化需求的增長(zhǎng)相吻合，中國(guó)由80年代后的消費(fèi)者（1980-1989年出生的人）和90年代后的消費(fèi)者（1990-1999年出生的人）主導(dǎo)。C2M模式將允許制造商和零售商根據(jù)消費(fèi)者的需求生產(chǎn)產(chǎn)品。

品牌影響：根據(jù)中國(guó)研究公司艾瑞咨詢的數(shù)據(jù)，中國(guó)的C2M市場(chǎng)在2018年達(dá)到175億日元（25億美元），預(yù)計(jì)到2022年將達(dá)到420億日元（60億美元），復(fù)合年增長(zhǎng)率為24.4％。據(jù)Statista估計(jì)，這相當(dāng)于2018年中國(guó)電子商務(wù)總銷售額的0.4％和2022年中國(guó)電子商務(wù)總銷售額的0.6％。品牌可以使用C2M模型更好地滿足消費(fèi)者需求，并提高整個(gè)供應(yīng)鏈的效率。

08 垂直電子商務(wù)網(wǎng)站將獲得吸引力

垂直市場(chǎng)是電子商務(wù)平臺(tái)，在該平臺(tái)上，商品和服務(wù)被出售給特定的客戶群，他們可以通過(guò)在線社區(qū)相互聯(lián)系。我們預(yù)計(jì)此類網(wǎng)站將在2021年蓬勃發(fā)展。Babytree（專注于母嬰產(chǎn)品）和Gegejia（面向女性市場(chǎng)的全球食品進(jìn)口商）等網(wǎng)站和應(yīng)用都是成功的垂直市場(chǎng)的例子。

• 垂直平臺(tái)自然將志趣相投的消費(fèi)者捆綁在一起，并形成了圍繞特定行業(yè)或產(chǎn)品的強(qiáng)大社交社區(qū)。例如，對(duì)于父母和嬰兒市場(chǎng)Babytree，平臺(tái)上的用戶共享嬰兒產(chǎn)品的育兒技巧和建議。
• 垂直平臺(tái)提供了更好的內(nèi)容，可以幫助用戶做出購(gòu)買決定。根據(jù)麥肯錫（Mckinsey）在2019年的一項(xiàng)調(diào)查，中國(guó)三分之二的消費(fèi)者使用他們從垂直網(wǎng)站收集的信息來(lái)影響他們的購(gòu)買決定。

對(duì)品牌的影響：隨著消費(fèi)者對(duì)其購(gòu)買選擇的了解越來(lái)越復(fù)雜，我們希望垂直的電商站點(diǎn)能夠吸引人們的注意力，不僅提供產(chǎn)品知識(shí)，而且還提供志趣相投的客戶可以進(jìn)行交互的社區(qū)。品牌可以與這些平臺(tái)一起有效地將其產(chǎn)品定位到適當(dāng)?shù)南M(fèi)者基礎(chǔ)。

09 跨境電子商務(wù)的格局正在發(fā)生變化

我們預(yù)計(jì)跨境電商的格局將在2020年得到鞏固。阿里巴巴于2019年9月收購(gòu)了中國(guó)當(dāng)時(shí)最大的跨境電商平臺(tái)考拉，并將其整合到天貓。然后，阿里巴巴將占中國(guó)跨境電商市場(chǎng)的50％以上：根據(jù)研究公司iMedia Research的數(shù)據(jù)，網(wǎng)易考拉在2019年上半年占據(jù)了27.7％的市場(chǎng)份額，而阿里巴巴的天貓全球市場(chǎng)則占據(jù)了25.1％的份額。

這項(xiàng)收購(gòu)將增加阿里巴巴接觸需要跨境購(gòu)買商品的中國(guó)購(gòu)物者的機(jī)會(huì)。這也將幫助該公司實(shí)現(xiàn)天貓的商業(yè)模式多樣化，該模式主要涉及邀請(qǐng)外國(guó)品牌在其網(wǎng)站上開(kāi)設(shè)在線商店——考拉通常直接從外國(guó)商人那里大量購(gòu)買各種商品，然后再轉(zhuǎn)售給中國(guó)消費(fèi)者。首席執(zhí)行官Daniel Zhang表示，阿里巴巴對(duì)考拉的收購(gòu)將通過(guò)阿里巴巴整個(gè)生態(tài)系統(tǒng)的協(xié)同效應(yīng)，進(jìn)一步提升該公司為中國(guó)消費(fèi)者提供的進(jìn)口服務(wù)和體驗(yàn)。

10 2021電商市場(chǎng)趨勢(shì)總結(jié)

實(shí)時(shí)流媒體將在2021年的電子商務(wù)中扮演更重要的角色，因?yàn)樗蛊放坪土闶凵炭梢詫?shí)時(shí)向消費(fèi)者推銷產(chǎn)品，并為消費(fèi)者提供限時(shí)折扣的優(yōu)勢(shì)。

電商的格局將變得更加多樣化，短視頻平臺(tái)和小程序?qū)⒊掷m(xù)開(kāi)展直播帶貨，為零售商提供諸如AR之類的技術(shù)，以進(jìn)一步與潛在客戶互動(dòng)。電商大廠將繼續(xù)投資，以擴(kuò)大產(chǎn)品范圍，例如阿里巴巴收購(gòu)中國(guó)跨境電子商務(wù)平臺(tái)考拉，并利用技術(shù)為消費(fèi)者提供更無(wú)縫的購(gòu)物體驗(yàn)（例如，使用5G連接簡(jiǎn)化交付流程）。

基于關(guān)系的營(yíng)銷方法將在2021年激增：垂直市場(chǎng)為購(gòu)物社區(qū)提供參與機(jī)會(huì)。團(tuán)購(gòu)將以相對(duì)較低的成本提供產(chǎn)品，從而成為零售商吸引來(lái)自中國(guó)二線城市消費(fèi)者的一種有效方法。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如今，很難用界面動(dòng)畫給人留下深刻的印象甚至驚喜。它顯示了屏幕之間的交互，解釋了如何使用該應(yīng)用程序，或者只是引起用戶的注意力。在瀏覽有關(guān)動(dòng)畫的文章時(shí)，我發(fā)現(xiàn)幾乎所有的文章都只是描述了關(guān)于動(dòng)畫的特定的用例或一般事實(shí)，并沒(méi)有遇到任何關(guān)于界面動(dòng)畫通用規(guī)則的文章。在本文中我收集了界面動(dòng)畫的主要原則和規(guī)則，以便給想要設(shè)計(jì)動(dòng)畫界面的設(shè)計(jì)人員提供一些幫助。

01 動(dòng)畫的持續(xù)時(shí)間和速度

當(dāng)元素改變它們的狀態(tài)或位置時(shí)，動(dòng)畫的持續(xù)時(shí)間應(yīng)足夠慢，以使用戶可以注意到變化，但同時(shí)也要足夠快，以免引起等待。

在動(dòng)畫中使用適當(dāng)?shù)某掷m(xù)時(shí)間，不要太快，更不要讓用戶過(guò)長(zhǎng)等待

大量研究發(fā)現(xiàn)，界面動(dòng)畫的最佳速度在200-500毫秒之間。這些數(shù)據(jù)是基于人類大腦的特殊性得出的。任何小于100毫秒的動(dòng)畫都是瞬時(shí)的，根本不會(huì)被識(shí)別。而超過(guò)1秒的動(dòng)畫時(shí)長(zhǎng)會(huì)傳達(dá)延遲感，因此對(duì)用戶來(lái)說(shuō)很無(wú)聊。

最好在界面中保留動(dòng)畫的持續(xù)時(shí)間

在移動(dòng)設(shè)備上，《材料設(shè)計(jì)指南》還建議將動(dòng)畫的持續(xù)時(shí)間限制在200-300毫秒之間。至于Web端，持續(xù)時(shí)間應(yīng)延長(zhǎng)30％，大約為400-450毫秒。原因在于：屏幕尺寸越大，物體在改變位置時(shí)可以克服的路徑更長(zhǎng)。因此，在可穿戴設(shè)備上，持續(xù)時(shí)間應(yīng)縮短30％，大約為150-200ms，因?yàn)樵谳^小的屏幕上，移動(dòng)距離更短。

移動(dòng)設(shè)備的大小會(huì)影響動(dòng)畫的持續(xù)時(shí)間

Web動(dòng)畫的處理方式有所不同，由于我們已經(jīng)習(xí)慣了在瀏覽器中即時(shí)打開(kāi)網(wǎng)頁(yè)，所以我們希望也能在不同狀態(tài)之間快速轉(zhuǎn)換。因此，Web轉(zhuǎn)換的持續(xù)時(shí)間應(yīng)比移動(dòng)設(shè)備短約2倍，150-200毫秒之間。在其他情況下，用戶將不可避免地認(rèn)為計(jì)算機(jī)死機(jī)或網(wǎng)絡(luò)連接出現(xiàn)問(wèn)題。

但是，如果你要在網(wǎng)站上創(chuàng)建裝飾性動(dòng)畫或試圖吸引用戶對(duì)某些元素的關(guān)注，則無(wú)需考慮這些規(guī)則。在這些情況下，動(dòng)畫可以更長(zhǎng)一些。

大屏幕電腦=慢動(dòng)畫？決不是！

需要記住的是，無(wú)論平臺(tái)如何，動(dòng)畫的持續(xù)時(shí)間不僅取決于移動(dòng)距離，還取決于對(duì)象的大小。更小的元素或帶有小變化的的動(dòng)畫應(yīng)該移動(dòng)得更快。因此，大而復(fù)雜元素的動(dòng)畫在持續(xù)時(shí)間稍長(zhǎng)的時(shí)候看起來(lái)更好。

在相同大小的移動(dòng)物體中，停下來(lái)的是經(jīng)過(guò)最短距離的物體。與大物體相比，小物體移動(dòng)得更慢，因?yàn)樗鼈兊钠屏扛蟆?

動(dòng)畫的持續(xù)時(shí)間取決于對(duì)象的大小和移動(dòng)距離

當(dāng)物體碰撞時(shí)，根據(jù)物理定律，碰撞的能量必須均勻分布在物體之間。因此，最好排除反彈效應(yīng)，只在特殊情況下使用它才有意義。

避免使用彈跳效果，因?yàn)樗鼤?huì)分散注意力

物體的運(yùn)動(dòng)應(yīng)該是清晰和銳利的，所以不要使用運(yùn)動(dòng)模糊。即使在現(xiàn)代移動(dòng)設(shè)備上也很難再現(xiàn)這種效果，并且根本不用于界面動(dòng)畫中。

不要在動(dòng)畫中使用模糊效果

列表項(xiàng)(新聞卡片、電子郵件列表等)在其出現(xiàn)之間應(yīng)該有一個(gè)很短的延遲時(shí)間，每次出現(xiàn)的新元素應(yīng)該持續(xù)20-25毫秒。元素出現(xiàn)較慢的話可能會(huì)惹惱用戶。

列表項(xiàng)的動(dòng)畫應(yīng)持續(xù)在20–25毫秒

02 緩和

緩和有助于使物體的運(yùn)動(dòng)更加自然，這是動(dòng)畫的基本原則之一。這一點(diǎn)在《迪士尼動(dòng)畫原則》(The Illusion of Life: Disney Animation)一書(shū)中得到了充分的描述，這本書(shū)是由兩位重要的迪士尼動(dòng)畫師——奧利·約翰斯頓和弗蘭克·托馬斯所寫。

為了使動(dòng)畫看起來(lái)不顯得機(jī)械和人造，物體應(yīng)以一定的加速或減速的方式移動(dòng)，就像物理世界中的所有活動(dòng)對(duì)象一樣。

與線性動(dòng)畫相比，具有緩動(dòng)效果的動(dòng)畫看起來(lái)更自然（這里提示下：注意看每段豎格的間距）

2/1 直線運(yùn)動(dòng)

不受任何物理力影響的物體直線運(yùn)動(dòng)，換句話說(shuō)就是勻速運(yùn)動(dòng)。正因?yàn)槿绱耍鼈兛雌饋?lái)非常不自然，對(duì)人眼來(lái)說(shuō)是人為的。

所有動(dòng)畫應(yīng)用程序都使用動(dòng)畫曲線，我將嘗試解釋如何閱讀它們以及它們的含義。曲線顯示了物體的位置( y axis=position )在相同的時(shí)間間隔內(nèi)物體的位置如何變化(x axis=time)。在當(dāng)前情況下，運(yùn)動(dòng)是線性的，因此物體在同一時(shí)間行進(jìn)相同的距離。 

直線運(yùn)動(dòng)曲線

例如，直線運(yùn)動(dòng)只能在物體改變顏色或透明度時(shí)使用。一般來(lái)說(shuō)，我們可以用它來(lái)表示物體不改變其位置的狀態(tài)。

2/2 緩入或加速曲線

我們可以在曲線上看到，在開(kāi)始時(shí)物體的位置變化緩慢，而速度則逐漸增加，這意味著物體正在以一定的加速度移動(dòng)。

加速度曲線

當(dāng)物體以全速飛出屏幕消失時(shí)，應(yīng)使用此曲線，比如說(shuō)系統(tǒng)通知或者是界面卡片。但請(qǐng)記住，只有當(dāng)對(duì)象永遠(yuǎn)離開(kāi)屏幕且我們無(wú)法調(diào)用或返回它們時(shí)，才應(yīng)使用這種類型的曲線。

將卡片滑出屏幕的加速曲線

動(dòng)畫曲線有助于表達(dá)正確的情緒。在下面的示例中，我們可以看到所有物體的移動(dòng)持續(xù)時(shí)間和距離是相同的，但是即使曲線上的微小變化也可以影響動(dòng)畫的氣氛。當(dāng)然，通過(guò)改變曲線，你可以使物體盡可能地接近于真實(shí)世界。

持續(xù)時(shí)間和距離相同，但卻是不同的氛圍

2/3 緩動(dòng)或減速曲線

它與緩入曲線相反，因此物體會(huì)快速覆蓋很長(zhǎng)一段距離，然后緩慢的降低速度，直到最終停止。

減速曲線

當(dāng)元素出現(xiàn)在屏幕上時(shí)應(yīng)使用這種類型的曲線——它以全速向上飛入屏幕中，然后逐漸減速直到完全停止，這也可以應(yīng)用于從屏幕外部出現(xiàn)的其他卡片或?qū)ο蟆?

減速曲線，使動(dòng)畫更好地呈現(xiàn)

2/4 緩入緩出或標(biāo)準(zhǔn)曲線

該曲線使物體在開(kāi)始時(shí)獲得速度，然后慢慢地將速度降回零。這種類型的移動(dòng)是界面動(dòng)畫中最常用的。當(dāng)你猶豫在動(dòng)畫中使用哪種類型的運(yùn)動(dòng)時(shí)，可以使用標(biāo)準(zhǔn)曲線。

標(biāo)準(zhǔn)曲線

根據(jù)《材料設(shè)計(jì)指南》，最好使用非對(duì)稱曲線，使移動(dòng)看起來(lái)更加自然和真實(shí)。曲線的末端必須比它的開(kāi)始更加突出，以使加速的持續(xù)時(shí)間短于減速的持續(xù)時(shí)間。在這種情況下，用戶將更加關(guān)注元素的最終移動(dòng)，從而關(guān)注元素的新?tīng)顟B(tài)。

查看對(duì)稱和非對(duì)稱標(biāo)準(zhǔn)曲線之間的區(qū)別

當(dāng)對(duì)象從屏幕的一部分移至另一部分時(shí)，使用緩入緩出功能。在這種情況下，動(dòng)畫避免了引人注目的戲劇效果。

卡片在屏幕上的移動(dòng)以及相應(yīng)的不對(duì)稱曲線

當(dāng)元素從屏幕上消失時(shí)，應(yīng)該使用相同的移動(dòng)類型，但用戶可以在任何時(shí)候?qū)⑵浞祷氐较惹暗奈恢谩Ｋ婕俺閷鲜綄?dǎo)航等。

抽屜式導(dǎo)航從屏幕上隱藏了標(biāo)準(zhǔn)曲線

從這些例子中可以看出，許多初學(xué)者忽略了一個(gè)基本的規(guī)律——開(kāi)始動(dòng)畫并不等于結(jié)束動(dòng)畫。與抽屜式導(dǎo)航一樣，它以減速度曲線出現(xiàn)，而以標(biāo)準(zhǔn)曲線消失。另外，根據(jù)谷歌的材料設(shè)計(jì)語(yǔ)言，物體出現(xiàn)的時(shí)間應(yīng)該更長(zhǎng)，以吸引更多的關(guān)注。

側(cè)面菜單的出現(xiàn)和消失，分別通過(guò)減速度和標(biāo)準(zhǔn)曲線實(shí)現(xiàn)

使用函數(shù)cubic-bezier()來(lái)描述曲線。之所以稱為立方，是因?yàn)樗谒膫€(gè)點(diǎn)。在圖上已經(jīng)定義了具有坐標(biāo)的第一個(gè)點(diǎn)0;0（左下）和具有坐標(biāo)的最后一個(gè)點(diǎn)1;1（右上）。 

基于此，我們僅需描述圖形上的兩個(gè)點(diǎn)，這些點(diǎn)由函數(shù)的四個(gè)參數(shù)給出cubic-bezier()：前兩個(gè)是坐標(biāo)x和y第一個(gè)點(diǎn)，后兩個(gè)是坐標(biāo)x和y第二個(gè)點(diǎn)。 

為了簡(jiǎn)化曲線的工作，建議使用easings.net和cubic-bezier.com網(wǎng)站。第一個(gè)包含最常用曲線的列表，你可以將其參數(shù)復(fù)制到原型工具中。第二個(gè)來(lái)源使你可以使用曲線的不同參數(shù)，并立即查看到物體將是如何移動(dòng)的。

函數(shù)三次貝塞爾曲線的不同類型的曲線及其參數(shù)

03 界面動(dòng)畫中的編排

就像在芭蕾舞蹈設(shè)計(jì)中一樣，主要思想是在從一種狀態(tài)轉(zhuǎn)換為另一種狀態(tài)的過(guò)程中，引導(dǎo)用戶注意一個(gè)流動(dòng)的方向上。舞蹈編排有兩種類型——平等交互和從屬交互。

3/1 平等交互

平等交互意味著所有對(duì)象的外觀都遵循一個(gè)特定的規(guī)則。在這種情況下，所有卡片的外觀都被視為一種流程，可以引導(dǎo)用戶的注意力集中在一個(gè)方向上，即從上到下。如果我們不按照順序，那么用戶的注意力將會(huì)分散。所有元素同時(shí)出現(xiàn)看起來(lái)也會(huì)很糟糕。

用戶的注意力應(yīng)引導(dǎo)在一個(gè)流動(dòng)的方向上

對(duì)于表格視圖，它有點(diǎn)復(fù)雜。在這里，用戶的焦點(diǎn)應(yīng)指向?qū)蔷€，所以逐個(gè)地顯示元素是一個(gè)很糟糕的主意。單個(gè)展示元素會(huì)使動(dòng)畫過(guò)長(zhǎng)，并且用戶的注意力會(huì)呈鋸齒狀，這是錯(cuò)誤的。

卡片形式的對(duì)角線外觀

3/2 從屬交互

從屬交互意味著我們要有一個(gè)吸引用戶注意力的中心對(duì)象，而所有其他元素都從屬于它。這種類型的動(dòng)畫給人一種有序的感覺(jué)，從而引起用戶對(duì)主要內(nèi)容的更多關(guān)注。

在其他情況下，用戶將很難知道該關(guān)注哪個(gè)對(duì)象，因此他的注意力將被分散。所以，如果有多個(gè)要設(shè)置動(dòng)畫的元素，則需要明確它們的運(yùn)動(dòng)順序，并盡可能將動(dòng)畫設(shè)置為最小的對(duì)象。

只有一個(gè)中心對(duì)象的動(dòng)畫很有必要，其余元素應(yīng)是被引導(dǎo)的。否則，用戶將不知道關(guān)注什么對(duì)象

根據(jù)材料設(shè)計(jì)語(yǔ)言，當(dāng)移動(dòng)的物體尺寸發(fā)生不均衡變化時(shí)，它們應(yīng)沿著弧線而不是直線移動(dòng)。這有助于使動(dòng)作更自然?！安怀杀壤笔侵肝矬w的高度和寬度的增加/減少是不對(duì)稱的，即以不同的速度進(jìn)行(例如，一個(gè)正方形的卡片變成了一個(gè)長(zhǎng)方形)。

當(dāng)移動(dòng)的物體不按原有比例變化時(shí)，應(yīng)沿著弧線運(yùn)動(dòng)

當(dāng)物體按比例改變其大小時(shí)，使用沿直線的移動(dòng)。由于這種移動(dòng)的實(shí)現(xiàn)比較容易，因此通常會(huì)忽略不成比例的圓弧移動(dòng)的規(guī)則?？纯磳?shí)際應(yīng)用的例子，你會(huì)看到線性運(yùn)動(dòng)的主導(dǎo)地位。

尺寸的比例變化是沿著直線上運(yùn)動(dòng)的

曲線上的運(yùn)動(dòng)可以通過(guò)兩種方式實(shí)現(xiàn)：第一種稱為垂直向外——物體開(kāi)始水平移動(dòng)并以垂直移動(dòng)結(jié)束；第二種是水平向外——物體開(kāi)始垂直移動(dòng)并以水平運(yùn)動(dòng)結(jié)束。

物體沿曲線的移動(dòng)路徑必須與滾動(dòng)界面的主軸線重合。例如，在下一張圖片上，我們可以上下滾動(dòng)界面，相應(yīng)的卡片以“垂直輸出”的方式展開(kāi)-首先從右到下，然后向下。反向移動(dòng)以相反的方式進(jìn)行-即卡片首先垂直上升，最后水平移動(dòng)。

卡片的展開(kāi)/折疊方向應(yīng)與界面的軸線一致

如果移動(dòng)物體的路徑彼此相交，則它們將無(wú)法彼此移動(dòng)。這些物體應(yīng)通過(guò)減慢或加快自身的速度，為另一個(gè)物體的移動(dòng)留下足夠的空間。另一種選擇-他們只是推開(kāi)其他物體。為什么？因?yàn)槲覀兗僭O(shè)界面中的所有物體都位于一個(gè)平面中。

在移動(dòng)過(guò)程中，物體之間不應(yīng)相互穿過(guò)，而應(yīng)為另一個(gè)物體的移動(dòng)留下空間

另一種情況，移動(dòng)物體可以高于其他物體。但也不能通過(guò)其他物體消失或移動(dòng)。為什么？因?yàn)槲覀兿嘈沤缑嬖氐男袨榉衔锢矶?，現(xiàn)實(shí)世界中沒(méi)有任何固體物體能夠做到這一點(diǎn)。

物體可以超越其他物體，然后移動(dòng)

結(jié)論

從以上總結(jié)的規(guī)則和原則能明白，UX界面動(dòng)畫是反映物理世界中存在的運(yùn)動(dòng)，如摩擦、加速等，模仿現(xiàn)實(shí)世界存在的行為。我們可以創(chuàng)建一個(gè)序列，讓用戶能夠理解期望從界面得到什么。如果動(dòng)畫是正確構(gòu)建的，那么它不會(huì)太引人注目，并且不會(huì)分散用戶的目標(biāo)，動(dòng)畫不應(yīng)該影響用戶使用或完成任務(wù)。

但是不要忘記動(dòng)畫更多的是一種藝術(shù)而不是科學(xué)，所以最好的方法是在用戶身上試驗(yàn)和測(cè)試你的決定。

文章來(lái)源：站酷    作者：UX辭典

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

本文將針對(duì)酷家樂(lè)旗下云端建模工具——酷大師所做的可用性測(cè)試，說(shuō)明工具型產(chǎn)品如何去做可用性測(cè)試。

打造一款產(chǎn)品的過(guò)程中，我們需要時(shí)刻保持警惕：功能是否滿足用戶核心需求？交互流程能否做到簡(jiǎn)單流暢？是否還有未知領(lǐng)域可以由用戶帶來(lái)啟發(fā)？進(jìn)行一次準(zhǔn)備充分的可用性測(cè)試，無(wú)疑是解答上述問(wèn)題快捷有效的方式。

下面我將結(jié)合本次針對(duì)酷家樂(lè)旗下云端建模工具——酷大師所做的可用性測(cè)試，說(shuō)明工具型產(chǎn)品如何去做可用性測(cè)試。

準(zhǔn)備階段

第一步：明確測(cè)試目的

測(cè)試目的不同，安排的測(cè)試任務(wù)就不同，進(jìn)而就會(huì)影響最終得到的結(jié)果。所以測(cè)試之初需要考慮清楚測(cè)試目的。國(guó)際標(biāo)準(zhǔn)化組織在人體工程學(xué)設(shè)計(jì)的人機(jī)交互部分（ ISO9241） 把b2可用性c 規(guī)定為 3 個(gè)指標(biāo)：

• 有效性：用戶使用該系統(tǒng)完成任務(wù)的精度和完整性；
• 效率：用戶使用該系統(tǒng)完成任務(wù)需要耗費(fèi)的資源；
• 用戶滿意度：用戶對(duì)該系統(tǒng)的舒適度和認(rèn)可接受程度。

結(jié)合這3個(gè)指標(biāo)，我將本次測(cè)試目的設(shè)定為：

• 了解用戶對(duì)酷大師現(xiàn)有主流程的使用現(xiàn)狀；
• 了解用戶對(duì)酷大師的體驗(yàn)滿意度及需求滿足情況。

第二步：確定測(cè)試時(shí)間和環(huán)境

測(cè)試時(shí)間：

• 測(cè)試準(zhǔn)備時(shí)間：建議為期2天。準(zhǔn)備相關(guān)文檔、設(shè)備、場(chǎng)地、任務(wù)等。
• 用戶測(cè)試時(shí)間：建議為期3-5天。可短時(shí)間內(nèi)容集中進(jìn)行用戶測(cè)試，或在工作日穿插進(jìn)行測(cè)試。
• 結(jié)果整理時(shí)間：建議為期5天。用于整理測(cè)試信息、落實(shí)產(chǎn)品迭代任務(wù)、撰寫總結(jié)報(bào)告等。

測(cè)試環(huán)境：

• 線下環(huán)境：邀約用戶到公司辦公室現(xiàn)場(chǎng)測(cè)試；
• 線上環(huán)境：考慮到用戶路程及時(shí)間等限制性因素，也可在線上進(jìn)行測(cè)試。

第三步：安排測(cè)試設(shè)備

• 操作設(shè)備：取決于目標(biāo)用戶群體主要使用的設(shè)備，假如用戶都使用ipad，就要將ipad列為主要操作設(shè)備。
• 錄音設(shè)備：測(cè)試結(jié)束后需要進(jìn)行詳細(xì)的信息整理，錄音資料可以幫助回憶溝通內(nèi)容?？墒褂檬謾C(jī)自帶錄音功能或?qū)I(yè)錄音筆。錄音前必須告知用戶，在征得許可后方能進(jìn)行錄音。
• 錄屏設(shè)備：工具型產(chǎn)品的操作過(guò)程中涉及很多細(xì)節(jié)，錄屏資料可以幫助工作人員進(jìn)行問(wèn)題定位。可使用電腦自帶錄屏功能，或錄屏工具。
• 遠(yuǎn)程設(shè)備：由于部分用戶需在線上測(cè)試，可使用在線工具進(jìn)行遠(yuǎn)程協(xié)作，比如：zoom、騰訊會(huì)議等。
• 記錄本和筆：測(cè)試過(guò)程中進(jìn)行表格填寫時(shí)需要使用。
• 文檔資料：主要包括測(cè)試過(guò)程中需要填寫的表格。建議打印n+2套，n是測(cè)試樣本數(shù)量，另外2套備用。
• 場(chǎng)地準(zhǔn)備：提前預(yù)約會(huì)議室，給用戶獨(dú)立的操作環(huán)境。
• 測(cè)試酬勞：具體可根據(jù)公司政策進(jìn)行準(zhǔn)備。

第四步.邀約測(cè)試樣本

Nielsen在理論中認(rèn)為5-8位用戶可以測(cè)試出85%的可用性問(wèn)題，實(shí)踐下來(lái)確實(shí)如此，樣本數(shù)量建議控制在這個(gè)范圍。

在同一個(gè)產(chǎn)品的用戶中，新手用戶、永久的的中間用戶、專家用戶這三類角色通常是共存的。我們需要讓新手用戶快速和無(wú)痛苦地成為中間用戶；避免為那些想成為專家的用戶設(shè)置障礙；最為重要的是，讓永久的中間用戶感到愉快，因?yàn)樗麄兊募寄軐⒎€(wěn)定地處于中間層。

本次測(cè)試中，我盡量使樣本中包含這3類用戶，比例為2：3：3。測(cè)試之后，就可以大概知道對(duì)于不同類型用戶來(lái)說(shuō)，產(chǎn)品可用性和

易用性情況，也可以得到多維度差異化的反饋。

第五步：設(shè)計(jì)測(cè)試文檔

測(cè)試中需要使用一些管理用戶信息或記錄用戶反饋的表格，在準(zhǔn)備階段就要做好表格設(shè)計(jì)和打印工作。下面是具體的表格，可根據(jù)具體需求做相應(yīng)調(diào)整。

《用戶信息&排期表》

在這張表中管理測(cè)試用戶信息b2姓名、職業(yè)c 、測(cè)試安排「時(shí)間、地點(diǎn)」、測(cè)試工作人員「主持人、觀察員」。一場(chǎng)測(cè)試盡量安排一位主持人和一位觀察員作為工作人員相互配合。

主持人負(fù)責(zé)與用戶溝通互動(dòng)，推進(jìn)測(cè)試進(jìn)程；觀察員負(fù)責(zé)設(shè)備和資料保障，以及測(cè)試過(guò)程中的行為觀察和記錄。一個(gè)人獨(dú)自承擔(dān)主持人+觀察員角色的話，在用戶反饋密集而現(xiàn)場(chǎng)又出現(xiàn)臨時(shí)狀況時(shí)就會(huì)手忙腳亂，所以建議兩個(gè)角色分工協(xié)作。

《用戶基本信息問(wèn)卷》

在這張問(wèn)卷中可以設(shè)計(jì)與產(chǎn)品相關(guān)的用戶基本信息問(wèn)題，問(wèn)卷設(shè)計(jì)原則為：

• 關(guān)聯(lián)性：與需要測(cè)試的內(nèi)容相關(guān)；
• 層級(jí)性：?jiǎn)栴}層級(jí)依次遞進(jìn)，使用戶回答問(wèn)題時(shí)能夠思維連貫，由淺入深；
• 隱私性：盡量避免涉及用戶敏感信息，必須涉及時(shí)需解釋原因，尊重用戶意愿。比如有些用戶不愿透露年齡、收入等信息。

這張問(wèn)卷使用在線工具呈現(xiàn)，比如騰訊問(wèn)卷；也可現(xiàn)場(chǎng)打印紙質(zhì)問(wèn)卷進(jìn)行詢問(wèn)填寫。大多數(shù)用戶比較喜歡現(xiàn)場(chǎng)填寫。

《單任務(wù)滿意度問(wèn)卷》

測(cè)試過(guò)程中，我們需要讓用戶完成一個(gè)完整任務(wù)，該任務(wù)需要拆解成若干單任務(wù)。在每個(gè)單任務(wù)結(jié)束后，立刻對(duì)用戶進(jìn)行該單任務(wù)的滿意度詢問(wèn)。

《SUS系統(tǒng)可用性量表》

用戶結(jié)束完整任務(wù)后，填寫該量表。該量表由10個(gè)題目組成，包括奇數(shù)項(xiàng)的正面陳述和偶數(shù)項(xiàng)的反面陳述。在結(jié)果整理階段，我們?cè)賹?duì)該量表進(jìn)行分值計(jì)算。

第六步：規(guī)劃測(cè)試腳本

從開(kāi)始到結(jié)束，需要主持人將整場(chǎng)測(cè)試的各個(gè)環(huán)節(jié)串聯(lián)起來(lái)，引導(dǎo)用戶操作，推動(dòng)測(cè)試進(jìn)程向前發(fā)展。為防止意外狀況出現(xiàn)，可以預(yù)設(shè)測(cè)試腳本，規(guī)劃情境和話術(shù)，并在預(yù)測(cè)試環(huán)節(jié)驗(yàn)證及優(yōu)化該話術(shù)。

比如可以這樣開(kāi)場(chǎng)：“首先非常感謝您今天能來(lái)參加我們的可用性測(cè)試，我是主持人XXX，這位是觀察員XXX。我們這次是對(duì)酷大師建模工具進(jìn)行可用性測(cè)試，想了解您使用時(shí)的體驗(yàn)和感受。

在這里需要強(qiáng)調(diào)的是：我們測(cè)試的對(duì)象是工具，而不是您，所以您不必感到緊張……當(dāng)您使用工具時(shí)，我們會(huì)觀察和記錄。今天的測(cè)試大概需要一個(gè)小時(shí)，測(cè)試過(guò)程中會(huì)有休息時(shí)間。測(cè)試過(guò)程中，請(qǐng)您將手機(jī)保持靜音狀態(tài)……“

比如可以這樣進(jìn)行兩個(gè)單任務(wù)環(huán)節(jié)串場(chǎng)：“好的，我們已經(jīng)完成了第一個(gè)單任務(wù)。現(xiàn)在有一份簡(jiǎn)單的問(wèn)卷，填完后可以稍微休息一下。

「出示問(wèn)卷，并作簡(jiǎn)要填寫說(shuō)明」「問(wèn)卷完成后進(jìn)行簡(jiǎn)單訪談，用戶也稍稍休息后繼續(xù)」現(xiàn)在，我們開(kāi)始進(jìn)行第二個(gè)單任務(wù)「要清晰且大聲地說(shuō)出這句話，以“鼓勵(lì)”測(cè)試參加者和提示記錄人員」……”

具體話術(shù)依據(jù)需要測(cè)試的內(nèi)容和情境展開(kāi)，盡量做到專業(yè)、友好。

第七步：設(shè)計(jì)測(cè)試任務(wù)

可用性測(cè)試往往帶有一定目的性，而這些目的能不能達(dá)成，取決于任務(wù)與目的的關(guān)聯(lián)性以及用戶是否能夠給到對(duì)應(yīng)反饋。通常，測(cè)試用戶是愿意給予反饋的，那么測(cè)試任務(wù)的設(shè)計(jì)就成為整個(gè)準(zhǔn)備階段最重要的環(huán)節(jié)。

做好測(cè)試任務(wù)的設(shè)計(jì)和拆解：需要具備從全局高度理解產(chǎn)品的能力；需要知道產(chǎn)品全鏈路的過(guò)去起源、現(xiàn)狀細(xì)節(jié)、未來(lái)走向；需要把控重點(diǎn)，拎出骨架；需要去繁就簡(jiǎn)，以較少的任務(wù)成本測(cè)出最有價(jià)值的信息。

本次測(cè)試中，我設(shè)計(jì)的主流程是：模型創(chuàng)建——材質(zhì)鋪貼——模型渲染——模型發(fā)布——模型分享，并且我還希望測(cè)到拉伸、陣列、組編輯、移動(dòng)、旋轉(zhuǎn)這樣的主功能。所以我將這兩塊有機(jī)結(jié)合，給到用戶創(chuàng)建一個(gè)「樓梯踏步模型」的任務(wù)。

我將任務(wù)按照主流程拆解為5個(gè)單任務(wù)，主功能分布到其中幾個(gè)單任務(wù)中，且盡量做到兩個(gè)單任務(wù)中不重復(fù)使用同一個(gè)主功能。

預(yù)測(cè)試階段

大多數(shù)產(chǎn)品都存在一些限制因素導(dǎo)致的尚未解決的已知問(wèn)題。這些問(wèn)題在測(cè)試中出現(xiàn)的話，會(huì)轉(zhuǎn)移用戶注意力，削弱本次測(cè)試的價(jià)值，偏移本次測(cè)試的目的。

另外，我們準(zhǔn)備階段進(jìn)行的種種規(guī)劃也需要得到驗(yàn)證。結(jié)合這兩個(gè)原因，正式測(cè)試之前建議進(jìn)行內(nèi)部的用戶預(yù)測(cè)試。找出并修復(fù)測(cè)試環(huán)節(jié)中的漏洞，準(zhǔn)備好各類突發(fā)狀況下的planB，以及修復(fù)影響正式測(cè)試的已知問(wèn)題，提高正式測(cè)試的執(zhí)行效率。

正式測(cè)試階段

第一步.測(cè)試開(kāi)場(chǎng)，填寫《用戶基本信息問(wèn)卷》

本次測(cè)試是在工作日穿插進(jìn)行8場(chǎng)一對(duì)一用戶測(cè)試。這樣可以放緩測(cè)試節(jié)奏，在兩場(chǎng)測(cè)試間隙有充足時(shí)間簡(jiǎn)單整理上一場(chǎng)收集的信息，與下一場(chǎng)用戶確認(rèn)測(cè)試安排，以及對(duì)突發(fā)狀況及時(shí)處理。

正式開(kāi)始前半小時(shí)，觀察員需確認(rèn)設(shè)備都已調(diào)試妥當(dāng)，資料都已打印完成。主持人可與用戶進(jìn)行聯(lián)系，帶領(lǐng)用戶進(jìn)入測(cè)試場(chǎng)所。主持人可以通過(guò)填寫《用戶基本信息問(wèn)卷》了解用戶基本信息，幫助用戶消除在陌生環(huán)境下的溝通障礙。也可以使用戶以放松狀態(tài)完成測(cè)試任務(wù)，以開(kāi)放心態(tài)為后續(xù)拓展性話題的展開(kāi)做好準(zhǔn)備。

無(wú)論是填寫《用戶基本信息問(wèn)卷》還是后續(xù)的問(wèn)卷，建議采用主持人提問(wèn)、用戶回答的方式收集信息。用戶的注意力集中于思考和溝通，就能夠提供更多有價(jià)值的信息，而不是忙于撰寫問(wèn)卷。

第二步.完成單任務(wù)，填寫《單任務(wù)滿意度問(wèn)卷》

主持人按照順序分步解說(shuō)單任務(wù)。單任務(wù)測(cè)試過(guò)程中，工作人員不要去打擾用戶，也不要給用戶任何提示，所有的問(wèn)題都等到測(cè)試結(jié)束再進(jìn)行解答。

觀察員需仔細(xì)觀察用戶操作，記錄用戶是否很容易判斷出如何操作，完成某個(gè)重要功能點(diǎn)時(shí)是否順暢；需隨時(shí)關(guān)注用戶表情，記錄下明顯表情相關(guān)聯(lián)的流程或功能點(diǎn)等等細(xì)節(jié)。

一個(gè)單任務(wù)完成后，提示用戶稍事休息，然后提問(wèn)《單任務(wù)滿意度問(wèn)卷》中的問(wèn)題。此時(shí)可以回答用戶操作過(guò)程中的疑問(wèn)，也可以藉由操作中的細(xì)節(jié)做延展發(fā)散，詢問(wèn)用戶操作感受。通?？梢垣@得很多針對(duì)該單任務(wù)的意見(jiàn)和建議。這些意見(jiàn)和建議后續(xù)就需要記錄整理，作為優(yōu)化任務(wù)幫助提升產(chǎn)品可用性和易用性。

第三步.填寫《SUS系統(tǒng)可用性量表》，了解整體評(píng)估

整個(gè)任務(wù)完成后，可以藉由填寫《SUS系統(tǒng)可用性量表》，了解用戶對(duì)整體的評(píng)估。由于量表的10個(gè)題目中，包括奇數(shù)項(xiàng)的正面陳述和偶數(shù)項(xiàng)的反面陳述，所以在提問(wèn)過(guò)程中一定要陳述清楚題目。如果用戶認(rèn)為有些問(wèn)題無(wú)法回答，則視為其選擇中間值。在后續(xù)的結(jié)果整理階段，再對(duì)量表總分進(jìn)行計(jì)算。

在問(wèn)題詢問(wèn)過(guò)程中，可以有針對(duì)性地詢問(wèn)原因。比如針對(duì)第2個(gè)問(wèn)題“我認(rèn)為酷大師建模工具的操作較為復(fù)雜，其實(shí)沒(méi)必要這么復(fù)雜”。

如果用戶認(rèn)為不復(fù)雜，則可以詢問(wèn)哪些點(diǎn)非常簡(jiǎn)單易用；如果用戶覺(jué)得復(fù)雜，則可以詢問(wèn)哪些點(diǎn)覺(jué)得復(fù)雜。用戶告知原因的同時(shí)，常常會(huì)說(shuō)出他認(rèn)為比較簡(jiǎn)單的解決方案。這些解決方案或者來(lái)自于競(jìng)品，或者來(lái)自于實(shí)踐，或者來(lái)自于創(chuàng)新，常常可以幫助我們開(kāi)拓思路，走出認(rèn)知盲區(qū)。

第四步.拓展性訪談，測(cè)試收尾

在這個(gè)環(huán)節(jié)可以不必拘泥于原定的測(cè)試任務(wù)。建議預(yù)留一定時(shí)間，大到行業(yè)發(fā)展，小到產(chǎn)品細(xì)節(jié)，與用戶進(jìn)行一番深度探討。這些來(lái)自于一線的用戶常常會(huì)帶來(lái)一些新鮮的靈感，為產(chǎn)品未來(lái)的拓展提供一些線索，解決產(chǎn)品當(dāng)下的一些困惑。

由于我們一開(kāi)始就對(duì)測(cè)試樣本進(jìn)行了分類，所以也可以結(jié)合前面幾個(gè)環(huán)節(jié)的信息，對(duì)各分類下的用戶訴求和行為習(xí)慣進(jìn)一步驗(yàn)證、區(qū)分、歸納。

結(jié)果整理階段

第一步.SUS量表分值計(jì)算

首先，我們需要計(jì)算SUS量表總分。奇數(shù)項(xiàng)計(jì)分采用“原始得分-1”，偶數(shù)項(xiàng)計(jì)分采用“5-原始得分”。由于是5點(diǎn)量表，每個(gè)題目的得分范圍記為0~4（最大值為40），而SUS的范圍在0~100，故需要把所有項(xiàng)的轉(zhuǎn)換分相加，最終再乘以2.5，即可獲得SUS分?jǐn)?shù)。

其次，我們可以獲得分量表得分。SUS量表中，第4和第10項(xiàng)構(gòu)成的子量表為“易學(xué)性”（Learnability），其他8項(xiàng)構(gòu)成的子量表為“可用性”（Usability）。

為了使易學(xué)性和可用性分?jǐn)?shù)能夠與整體SUS分?jǐn)?shù)兼容，范圍也是0~100，需要對(duì)原始分?jǐn)?shù)進(jìn)行轉(zhuǎn)換：易學(xué)性量表轉(zhuǎn)換分?jǐn)?shù)的總和乘以12.5，可用性量表乘以3.125。

最后，我們可以將SUS量表分?jǐn)?shù)換算成百分等級(jí)來(lái)解釋，找到對(duì)應(yīng)評(píng)級(jí)。百分等級(jí)的意思是指測(cè)量的產(chǎn)品或系統(tǒng)相對(duì)于總數(shù)據(jù)庫(kù)里其他產(chǎn)品或系統(tǒng)的可用性程度。比如SUS得分是73分，其百分等級(jí)大約為67，意味著比大約66%的產(chǎn)品可用性更好。

第二步.整理問(wèn)題列表，推進(jìn)迭代優(yōu)化

做完所有用戶的測(cè)試之后，我們一定會(huì)收集到很多涉及具體功能點(diǎn)的反饋。對(duì)于正向反饋，我們可以謙虛地接受，并且思考這些打動(dòng)用戶的點(diǎn)如何復(fù)用；對(duì)于非正向反饋，我們應(yīng)該冷靜地思考，它們將是本次可用性測(cè)試中最直接而有效的收獲！

對(duì)這些反饋可以進(jìn)行分類歸納，將其中能夠立即應(yīng)用于產(chǎn)品的內(nèi)容整理出來(lái)，按照優(yōu)先級(jí)，放入產(chǎn)品迭代優(yōu)化任務(wù)中。這些任務(wù)將提高產(chǎn)品可用性，在數(shù)據(jù)層面能夠幫助提升留存率。我們這次可用性測(cè)試中總共獲取97個(gè)有效反饋，其中62個(gè)整理進(jìn)產(chǎn)品迭代任務(wù)，并且取得了用戶使用數(shù)據(jù)上的相應(yīng)提升。

第三步.撰寫測(cè)試報(bào)告

整個(gè)測(cè)試環(huán)節(jié)通常只有2-3位工作人員，如果希望能和團(tuán)隊(duì)一起分享測(cè)試的收獲，建議整理一份總結(jié)報(bào)告?？梢允褂脀ord或者ppt形式，說(shuō)明測(cè)試背景、測(cè)試用戶信息、主要結(jié)論、發(fā)現(xiàn)的問(wèn)題、以及解決問(wèn)題的行動(dòng)項(xiàng)。

總結(jié)升級(jí)

經(jīng)過(guò)幾場(chǎng)頗具收獲的工具型產(chǎn)品的可用性測(cè)試之后，我做了一些總結(jié)，希望能夠形成適應(yīng)于工具型產(chǎn)品的可用性測(cè)試體系：

1. 目的性

工具型產(chǎn)品的可用性測(cè)試目的比較統(tǒng)一：幫助團(tuán)隊(duì)優(yōu)化體驗(yàn)路徑；幫助團(tuán)隊(duì)明確用戶使用產(chǎn)品時(shí)的體驗(yàn)感受；幫助設(shè)計(jì)師驗(yàn)證設(shè)計(jì)指標(biāo)。

2. 專業(yè)性

完整的可用性測(cè)試全程都需要專業(yè)支撐，從籌備到進(jìn)行，從任務(wù)到結(jié)果，每一個(gè)細(xì)節(jié)都需要考慮到位。在這過(guò)程中我們要盡量保證：流程規(guī)劃清晰；文檔整理完整；分工明確到位。

3. 參與性

大多數(shù)可用性測(cè)試是用戶體驗(yàn)相關(guān)崗位人員發(fā)起，但是用戶對(duì)于產(chǎn)品的反饋與團(tuán)隊(duì)每位成員息息相關(guān)，所以建議團(tuán)隊(duì)共同參與。比如在這次可用性測(cè)試中，就邀請(qǐng)了產(chǎn)品經(jīng)理和研發(fā)人員擔(dān)當(dāng)觀察員或主持人；邀請(qǐng)用研人員給予專業(yè)指導(dǎo)培訓(xùn)；在對(duì)測(cè)試反饋的問(wèn)題進(jìn)行優(yōu)化過(guò)程中，也是團(tuán)隊(duì)通力合作，推進(jìn)迭代快速進(jìn)行。

4. 周期性

可用性測(cè)試不是進(jìn)行一次就結(jié)束的一場(chǎng)表演。而是結(jié)合產(chǎn)品進(jìn)展情況，可持續(xù)實(shí)施的一種有效的快速驗(yàn)證方式。

可以在新產(chǎn)品上線后進(jìn)行，可以在重要功能上線前進(jìn)行，也可以在迭代優(yōu)化后進(jìn)行。建議周期性進(jìn)行可用性測(cè)試，取得一些結(jié)果后立即應(yīng)用于產(chǎn)品，隔段時(shí)間再次驗(yàn)證，形成良性循環(huán)。亦趨近于精益用戶體驗(yàn)中倡導(dǎo)的基本MVP理念。

當(dāng)然，每次可用性測(cè)試都需要工作人員投入大量時(shí)間和精力，所以專業(yè)賦能可以成為很好的解決方案。即團(tuán)隊(duì)成員可以學(xué)習(xí)使用該方法，輪流進(jìn)行周期性操作。

寫在最后

我們?nèi)粘Ｆ鋵?shí)接觸并積累了大量專業(yè)方法，可用性測(cè)試只是其中一種。在不斷實(shí)踐的過(guò)程中才能真正體會(huì)到這些方法的魅力之處，在不斷落地的過(guò)程中才能打磨自身的方法論體系，形成屬于自己的一套打法，給產(chǎn)品設(shè)計(jì)帶來(lái)新穎的專業(yè)思路。

文章來(lái)源：優(yōu)設(shè)    作者：酷家樂(lè)UED 

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

的App類別是游戲，而健康&健身幾乎沒(méi)有進(jìn)入前10。2020年雖是艱難的一年，但它提供了很多機(jī)會(huì)，可以為移動(dòng)應(yīng)用市場(chǎng)引入一種新的經(jīng)濟(jì)回報(bào)和有意義的醫(yī)療解決方案，直接影響人們的健康行為、并幫助他們生活得更輕松、更愉悅。

為此，你需要一個(gè)功能強(qiáng)大的App，因?yàn)槿绻荒苓\(yùn)行的話他就是無(wú)用的產(chǎn)品。但是這種強(qiáng)大的功能還需要通過(guò)設(shè)計(jì)來(lái)將它呈現(xiàn)出來(lái)。一個(gè)優(yōu)秀的醫(yī)療App設(shè)計(jì)將醫(yī)藥類App最重要的細(xì)節(jié)呈現(xiàn)出來(lái)，并引導(dǎo)用戶使用，以及建議用戶接下來(lái)如何操作，最終完成必要操作。

一個(gè)App能憑借自身成為一個(gè)的客戶開(kāi)發(fā)工具和公司的核心產(chǎn)品。對(duì)于與健康或醫(yī)學(xué)相關(guān)的產(chǎn)品，UI/UX設(shè)計(jì)更為重要。

呼吸監(jiān)測(cè)應(yīng)用程序-作者: George Frigo

在這篇對(duì)設(shè)計(jì)師和公司都有幫助的文章中，我們將探討一些醫(yī)療App設(shè)計(jì)中的最佳實(shí)踐是如何發(fā)揮作用的。

醫(yī)療類應(yīng)用類型

值得注意的是，“醫(yī)療保健App”是一個(gè)多方面的概念，包含了大量與健康和醫(yī)學(xué)相關(guān)的數(shù)字產(chǎn)品。

這里有很多類型的醫(yī)療類App，包括：

醫(yī)療專業(yè)人員遠(yuǎn)程病人會(huì)診的App（遠(yuǎn)程醫(yī)療）

電子病歷App(EMR)

記錄和管理患者生命體征的App

提醒患者服藥、鍛煉等的App

醫(yī)療計(jì)算App

提供醫(yī)療信息參考的App

健身和運(yùn)動(dòng)類App

健康的生活方式和健康A(chǔ)pp（每日飲水量、睡眠管理等）

這似乎是一個(gè)過(guò)于寬泛的主題（例如，將卡路里計(jì)數(shù)器app與醫(yī)學(xué)教育解決方案相比較），但是也有一些通用設(shè)計(jì)經(jīng)驗(yàn)可以使得醫(yī)療健康類App更、讓人們有辦法得到他們想要的。

醫(yī)療應(yīng)用程序作者: Victor Nikitin

如何為醫(yī)療健康打造移動(dòng)應(yīng)用

即使一個(gè)App不是企業(yè)的主要產(chǎn)品，它也有可能產(chǎn)生巨大的價(jià)值。例如，如果它是一個(gè)醫(yī)療辦公室的配套應(yīng)用程序，它可以減輕員工的負(fù)擔(dān)，為客戶提供信息和服務(wù)。如果一個(gè)健康A(chǔ)pp是企業(yè)的主要產(chǎn)品，比如健身或冥想應(yīng)用程序，那就比較危險(xiǎn)了。有時(shí)候，健康A(chǔ)pp的缺陷是人們放棄使用這些App的原因。

為了避免這種情況，我們來(lái)看看醫(yī)療App設(shè)計(jì)中的一些最佳實(shí)踐技巧，以及它們?nèi)绾螏椭鶤pp聚焦、直觀和快速。

醫(yī)療保健: Anatoly

調(diào)研—成功的第一步

在設(shè)計(jì)原型應(yīng)用程序界面之前，你需要知道誰(shuí)是你的目標(biāo)用戶，以及他們的地理環(huán)境、社會(huì)經(jīng)濟(jì)背景和心理特征，畢竟沒(méi)有產(chǎn)品可以迎合每個(gè)人。用戶的興趣和能力決定了他們?nèi)绾闻c軟件互動(dòng)。所以解答以下問(wèn)題將有所幫助：

誰(shuí)是你的目標(biāo)人群？

他們喜歡什么？

怎么樣的app他們每天都會(huì)使用？

使用目的？

通常，醫(yī)療健康軟件要么被患者使用，要么被醫(yī)生使用（如果我們將生活服務(wù)類軟件的用戶也計(jì)作患者的話）。這兩種用戶的需求在功能和UI設(shè)計(jì)上都有不同。因此，醫(yī)務(wù)人員通常需要快速獲得某些數(shù)據(jù)項(xiàng)：EHR/EMR（電子健康檔案/電子病歷），藥品規(guī)格標(biāo)準(zhǔn)，診斷和治療建議，參考資料等。然而患者需要的是盡可能精簡(jiǎn)的、易于理解的信息項(xiàng)。因?yàn)檫@一群體中有相當(dāng)一部分老年人或者有某種特殊障礙。

只有進(jìn)行了恰當(dāng)?shù)挠脩粽{(diào)研，得出了相應(yīng)的結(jié)論，設(shè)計(jì)師才能繼續(xù)醫(yī)療健康軟件的真實(shí)有效的設(shè)計(jì)。

Chahua的健康管理軟件

細(xì)化明晰每個(gè)案例

醫(yī)學(xué)對(duì)普通人來(lái)講是復(fù)雜的學(xué)科，最好的方法反而是將醫(yī)療健康設(shè)計(jì)得相對(duì)簡(jiǎn)單，以安撫用戶并讓他們保持專注。

“世人總將事物搞復(fù)雜，殊不知，簡(jiǎn)單才是至理?！?——Richard Branson

想要給人留下深刻印象，將醫(yī)療UI設(shè)計(jì)得過(guò)于詳細(xì)是沒(méi)有意義的，最好的是界面和邏輯易于理解，即使軟件是專為醫(yī)務(wù)人員設(shè)計(jì)的（當(dāng)然，不要居高臨下）。

醫(yī)療App/檔案和活躍度-作者: Igor savalev

設(shè)計(jì)醫(yī)療健康軟件的UI，提供有益的新用戶引導(dǎo)流程，使界面可直觀理解。否則，用戶會(huì)對(duì)糟糕的體驗(yàn)失望，甚至等不到進(jìn)入核心功能就會(huì)退出。

所有相關(guān)方，不管是醫(yī)生還是患者，都會(huì)喜歡清晰極簡(jiǎn)的軟件，這樣，你就不需要讓用戶學(xué)習(xí)如何操作軟件，這對(duì)醫(yī)療機(jī)構(gòu)來(lái)講是個(gè)解決辦法，他們已經(jīng)習(xí)慣了這些事。

幫助用戶穩(wěn)定發(fā)現(xiàn)功能，循序漸進(jìn)地給予指導(dǎo)。以用戶引導(dǎo)流程開(kāi)始，將app中每個(gè)動(dòng)作劃分成可處理塊，一次提供一個(gè)操作說(shuō)明。

使用恰當(dāng)?shù)念伾ǜM(jìn)一步）

利用被動(dòng)輸入和自動(dòng)補(bǔ)齊功能限制用戶必須輸入的信息的數(shù)量，調(diào)整鍵盤，動(dòng)態(tài)驗(yàn)證字段值。這篇文章里還有更多表單設(shè)計(jì)相關(guān)。

所有醫(yī)療信息都得由擁有一定學(xué)歷和專業(yè)知識(shí)的專家提供，否則，這些內(nèi)容要么不完整，要么包含錯(cuò)誤，這在醫(yī)療健康中是不容允許的。

醫(yī)務(wù)人員使用的醫(yī)療軟件-作者: yurig

功能的重要性（及特色）

醫(yī)療保健應(yīng)用程序的特性和功能類型取決于它的用途和目標(biāo)用戶。例如，醫(yī)療中心的應(yīng)用程序需要一個(gè)賬戶，病人可以在那里查看他們的就診、推薦和預(yù)約記錄。如果沒(méi)有安全加密的視頻會(huì)議和通信功能，遠(yuǎn)程醫(yī)療應(yīng)用程序就毫無(wú)用處。

與其他一般APP不一樣的地方，“首頁(yè)”是醫(yī)療類的app的主要功能的位置。先來(lái)回答一個(gè)問(wèn)題: 為什么有人使用您的應(yīng)用程序(或類似的醫(yī)療類App) ，如果一個(gè)人訪問(wèn)一個(gè)應(yīng)用程序來(lái)記錄或接收一些信息，聯(lián)系醫(yī)生，檢查他們的進(jìn)展等，這個(gè)功能都放在“首頁(yè)”上？

呼應(yīng)前面的觀點(diǎn)，就是避免過(guò)多功能同時(shí)出現(xiàn)時(shí)的混亂。不可否認(rèn)，這種情況在傳統(tǒng)的醫(yī)療類App中更為常見(jiàn)，這些應(yīng)用程序有時(shí)候會(huì)分散注意力，不斷添加新的和新的功能，直到只有資深的用戶才能理解并熟練使用。

根據(jù)二八定律的法則告訴過(guò)你，80%的用戶傾向于使用不超過(guò)20%的功能。區(qū)分優(yōu)先次序，決定哪些功能對(duì)用戶最重要。

醫(yī)藥應(yīng)用App作者: Manoj Dalvadi

導(dǎo)航的研究和鑒賞

清晰的導(dǎo)航結(jié)構(gòu)是醫(yī)療應(yīng)用程序用戶界面設(shè)計(jì)的骨干必需組件。沒(méi)有它，這個(gè)App將會(huì)不再受歡迎。導(dǎo)航代表和易用，因此從用戶的角度來(lái)看是有價(jià)值的。一個(gè)醫(yī)療專業(yè)人士需要一個(gè)能輔助工具，因?yàn)樗麄円呀?jīng)有太多的時(shí)間花在處理EHR（電子健康記錄）上了，【類似國(guó)內(nèi)的病歷本】。

經(jīng)斯坦福醫(yī)學(xué)院進(jìn)行的調(diào)查發(fā)現(xiàn)，醫(yī)生花在每個(gè)病人身上的時(shí)間中，有62%的時(shí)間花在EHR（電子健康記錄）上。如果設(shè)計(jì)的導(dǎo)航不夠，那么這個(gè)App就沒(méi)有任何使用價(jià)值。就算病人目前在使用導(dǎo)航的頻率很低，但他們也不會(huì)樂(lè)意看到混亂的導(dǎo)航而放棄二次使用的機(jī)會(huì)。

重要的導(dǎo)航信息應(yīng)放在屏幕上顯眼的地方，并根據(jù)要求提供詳細(xì)信息。有一個(gè)“三次點(diǎn)擊規(guī)則”說(shuō)系統(tǒng)的設(shè)計(jì)應(yīng)該使任何信息都可以在三次轉(zhuǎn)換中使用。如果用戶在三次點(diǎn)擊之后找不到他們想要的東西，他們可能會(huì)感到沮喪，放棄他們?cè)疽龅娜蝿?wù)。

目前采用標(biāo)準(zhǔn)的應(yīng)用程序?qū)Ш接校?/span>

-漢堡菜單

-標(biāo)簽欄

-導(dǎo)航抽屜

醫(yī)療應(yīng)用-作者: Alex Samofalov

色彩的運(yùn)用方法

一般來(lái)說(shuō)，應(yīng)用程序的顏色選擇取決于目標(biāo)用戶和應(yīng)用程序的主題來(lái)決定。

醫(yī)療保健應(yīng)用程序的設(shè)計(jì)通常是在中性色調(diào)與流行的冷色調(diào)的藍(lán)色和綠色，白色為背景。在大多數(shù)情況下，設(shè)計(jì)師這樣做是為了達(dá)到某些效果: 利用舒緩柔和的顏色與醫(yī)療保健行業(yè)的共同聯(lián)系，緩解焦慮，增加可信度。所以你很少能看到明亮的紅色或黃色在醫(yī)療類App的界面。

藍(lán)色為主的醫(yī)療類App，作者Adam Sokoowski

然而，考慮到醫(yī)療軟件的通用性，在顏色的選擇方面沒(méi)有特別的限制。要考慮到的是，應(yīng)用程序的整體外觀應(yīng)該創(chuàng)造一個(gè)積極的印象，而不是引起擔(dān)憂，恐懼，或其他不良情緒的感覺(jué)。

例如，下面這個(gè)健身應(yīng)用程序的深色調(diào)的設(shè)計(jì)看起來(lái)很漂亮，也不過(guò)時(shí)：

深色為主的醫(yī)療類App

健康與鍛煉應(yīng)用程序-作者: Saepul Rohman

或者用明亮的顏色來(lái)增加一些活力：

移動(dòng)健身應(yīng)用-作者: Michal Parulski

追求個(gè)性

移動(dòng)App的個(gè)性化設(shè)計(jì)是近年來(lái)最顯著的設(shè)計(jì)趨勢(shì)之一。某些功能需要適應(yīng)特定的用戶模式。

這樣設(shè)計(jì)的目標(biāo)是幫助用戶更地利用App解決他們的問(wèn)題。這個(gè)系統(tǒng)提示了一個(gè)人接下來(lái)要指示的操作，否則這些可能會(huì)被忽略。要做到這一點(diǎn)，必須識(shí)別和分析用戶特征，并通過(guò)數(shù)據(jù)跟蹤用戶的行為變化。就像每個(gè)人都有自己不同的身體狀態(tài)一樣，他們也希望自己使用的App能根據(jù)他們的身體狀態(tài)提供相應(yīng)的差異化體驗(yàn)。即使不是醫(yī)療保健行業(yè)，也有33% 的客戶會(huì)因?yàn)閭€(gè)性化不足而放棄某款產(chǎn)品。

在醫(yī)療App設(shè)計(jì)中，個(gè)性化定制選項(xiàng)有很多: 顏色主題、通知、交互元素、使用 AI 創(chuàng)建個(gè)性化推薦等等。

最大化可訪問(wèn)性設(shè)計(jì)

易訪問(wèn)性設(shè)計(jì)對(duì)于每個(gè)App設(shè)計(jì)都很重要，特別是醫(yī)療App。

醫(yī)療App的用戶通常有不同程度的視力和聽(tīng)力，年齡，身體和心理障礙。醫(yī)療App的功能設(shè)計(jì)需要讓不同的用戶在使用過(guò)程中都有比較好的用戶體驗(yàn)。考慮不同用戶的局限性，并幫助他們努力克服局限性帶來(lái)的負(fù)面影響非常重要。例如，暈動(dòng)病患者不太喜歡過(guò)多動(dòng)效。

這并不意味著在醫(yī)療App設(shè)計(jì)中只能有兩種顏色，所有的字號(hào)都必須非常大，但這確實(shí)意味對(duì)于醫(yī)療App，設(shè)計(jì)師會(huì)面臨更多挑戰(zhàn)。不過(guò)這是一個(gè)額外鍛煉機(jī)會(huì)，而不是負(fù)擔(dān)。從WC3的網(wǎng)頁(yè)內(nèi)容無(wú)障礙指南開(kāi)始，使用像這樣的色盲模擬器。

App無(wú)障礙設(shè)計(jì)的例子: 把主要元素放在拇指區(qū)，不要忘記選擇改變視圖為水平模式，字號(hào)需要更大，等等。

色盲模擬器-作者: keithar

積極態(tài)度的力量

醫(yī)學(xué)不僅復(fù)雜，而且通常讓人望而生畏。比較聰明的設(shè)計(jì)手法是讓你的應(yīng)用看起來(lái)和醫(yī)學(xué)毫無(wú)關(guān)系。這樣可以消除人們對(duì)醫(yī)學(xué)壓力的刻板印象，讓用戶體驗(yàn)更加愉悅。

比如在用戶使用的不同階段運(yùn)用積極的文案、有趣的圖片、舒緩的顏色或其他元素。醫(yī)療App界面設(shè)計(jì)中的圖片和圖標(biāo)需要能夠用戶調(diào)動(dòng)積極、愉快的情緒，營(yíng)造一種無(wú)痛感和安全感。

冠狀病毒APP-作者: Mahdieh Khalili

不要將App設(shè)計(jì)成網(wǎng)頁(yè)

在有醫(yī)療網(wǎng)站的情況下設(shè)計(jì)醫(yī)療App，老板甚至是設(shè)計(jì)師可能會(huì)將網(wǎng)頁(yè)頁(yè)面復(fù)制到App當(dāng)中，這樣通常會(huì)導(dǎo)致用戶放棄使用App。

移動(dòng)端和網(wǎng)頁(yè)端的交互存在一定的差異性。手機(jī)的物理尺寸比電腦屏幕小。在手機(jī)上，我們的任何交互都是通過(guò)手指來(lái)完成，所以不愿意輸入冗長(zhǎng)的文案，同時(shí)期望產(chǎn)品運(yùn)行得更快。

在大多數(shù)情況下，人們使用網(wǎng)站獲取信息，使用App完成工作。此外，App集成了手機(jī)的功能，比如加速器和攝像頭，使App的設(shè)計(jì)不同于網(wǎng)頁(yè)。

健康醫(yī)療應(yīng)用-作者: Grace Saraswati

適得其反

保持吸引力與功能平衡都很重要。醫(yī)療保健應(yīng)用程序必須不能分散用戶對(duì)其內(nèi)容的注意力。仔細(xì)看看上面的要點(diǎn)，注意好分寸就行。

圖形元素、包括動(dòng)效，應(yīng)該始終履行他們的使命，即數(shù)據(jù)輸入，并說(shuō)明微交互的用戶與系統(tǒng)，而不是僅僅只為了使一個(gè)應(yīng)用程序看起來(lái)很炫酷。

不要過(guò)度使用漸變和陰影，只將用戶的注意力集中在主要文字信息上。只使用一種字體，你可以通過(guò)改變字體的大小和其他特征來(lái)改變它，比如斜體、粗體。

多使用簡(jiǎn)單的配色可以獲得更清晰的品牌信息和導(dǎo)航。

健康與活動(dòng)跟蹤互動(dòng)-作者: Dibbendo Pranto

抄還是不抄？

你可能會(huì)在某個(gè)時(shí)候想，如果覺(jué)得抄這個(gè)方案有用的話？是不是應(yīng)該拿一些成功的競(jìng)爭(zhēng)對(duì)手的應(yīng)用程序復(fù)制一份。

其實(shí)，照抄其他產(chǎn)品是不明智的行為，因?yàn)樗麄兊脑O(shè)計(jì)可能很容易就不夠好。你最終可能正好抄了競(jìng)爭(zhēng)對(duì)手的錯(cuò)誤方案，從而阻礙未來(lái)應(yīng)用程序市場(chǎng)運(yùn)作。

另一方面，你肯定應(yīng)該對(duì)其他應(yīng)用程序進(jìn)行分析，進(jìn)行競(jìng)爭(zhēng)對(duì)手的研究。一個(gè)應(yīng)用程序應(yīng)該與用戶以前使用其他應(yīng)用程序的經(jīng)驗(yàn)相關(guān)。如果事實(shí)并非如此，而且你添加了太多的原創(chuàng)性，那么使用這個(gè)應(yīng)用程序的用戶就會(huì)覺(jué)得很麻煩，用戶也不會(huì)容忍“一切都錯(cuò)了”的設(shè)計(jì)。蘋果和谷歌都有人機(jī)界面指南和材質(zhì)設(shè)計(jì)。

用戶把大部分時(shí)間花在其他事情上 ——Jacob’s Law

有必要根據(jù)你的品牌、服務(wù)和產(chǎn)品的具體情況進(jìn)行設(shè)計(jì)。好比如一個(gè)健身APP與一醫(yī)療APP，兩者使用方向有很大的差異。所以說(shuō)必須完全符合目標(biāo)受眾的要求、細(xì)節(jié)，以及應(yīng)用程序的主題情況進(jìn)行針對(duì)性設(shè)計(jì)。

藥物提醒程序-作者: Martyna Zielińska

實(shí)用性測(cè)試

最后，要記住最重要的一點(diǎn)，每個(gè)設(shè)計(jì)師都可以認(rèn)為這個(gè)決定是否合理。他們可能會(huì)對(duì)應(yīng)用程序的架構(gòu)和導(dǎo)航的一致性，深思熟慮的設(shè)計(jì)，以及最重要的實(shí)用價(jià)值深信不疑，以至于完全忘記了通過(guò)實(shí)踐進(jìn)行測(cè)試，設(shè)計(jì)師可以提高他們的同理心水平，更好地感受客戶的需求。但事實(shí)上，這種陷阱會(huì)給應(yīng)用程序帶來(lái)很多負(fù)面影響。

只有在分析了與用戶與應(yīng)用程序界面交互相關(guān)的數(shù)據(jù)之后，才能得出結(jié)論。多進(jìn)行一些測(cè)試將有助于及時(shí)地獲得反饋，解決應(yīng)用程序中的所有可出現(xiàn)陷阱一樣的場(chǎng)景。

積極的用戶參與是成功的關(guān)鍵。在年齡、職業(yè)、地理位置、性別、文化和宗教背景等方面，選擇盡可能接近目標(biāo)受眾的相關(guān)測(cè)試對(duì)象。越接近越好。讓他們執(zhí)行你的應(yīng)用程序的主要功能并收集反饋。

病歷本App應(yīng)用-作者: Alex Samofalov

最后

設(shè)計(jì)不單單是討論顏色搭配和字體的運(yùn)用，而是能夠帶來(lái)價(jià)值和解決業(yè)務(wù)問(wèn)題。健康和醫(yī)療類App是一個(gè)敏感而富有挑戰(zhàn)性的課題，需要特別關(guān)注。設(shè)計(jì)師們一直在努力平衡醫(yī)療應(yīng)用程序極高的安全性和可用性要求與其界面的美學(xué)性，經(jīng)過(guò)深思熟慮體驗(yàn)和用戶界面設(shè)計(jì)成就一個(gè)很好的醫(yī)療類工具，讓用戶在一個(gè)簡(jiǎn)單和直觀的界面的幫助下參與使用。

文章來(lái)源：花火圓桌（ID：huahuoyuanzhuo）  作者：Kate Shokurova

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

支付寶作為一個(gè)“簡(jiǎn)單、安全、快速”的支付工具，其交互設(shè)計(jì)與其他產(chǎn)品有何不同呢？不同的原因?yàn)楹危?

這篇文章是《10分鐘帶你看懂支付寶的交互設(shè)計(jì)》的（一）首頁(yè)篇，后面還會(huì)繼續(xù)更新。

下面進(jìn)入正文：

一、了解支付寶的產(chǎn)品定位

體驗(yàn)操作系統(tǒng)：手機(jī)iPhone6s；

支付寶版本號(hào)：10.1.58；

在開(kāi)始產(chǎn)品分析前，我們先來(lái)看看支付寶的產(chǎn)品定位。

所謂產(chǎn)品定位，包括以下三方面：使用人群、主要功能、產(chǎn)品特色。如圖1所示：

圖1  產(chǎn)品定位

從百度上支付寶的網(wǎng)頁(yè)介紹（圖2）和百度百科（圖3）的介紹中，可以看出支付寶的產(chǎn)品定位為：致力于為廣大用戶提供“簡(jiǎn)單、安全、快速”的支付解決方案。

那么支付寶的產(chǎn)品定位可分解為：

• 使用人群：廣大用戶；

• 主要功能：支付；

• 產(chǎn)品特色：簡(jiǎn)單、安全、快捷。

圖2  支付寶網(wǎng)頁(yè)介紹

圖3  百度百科介紹

二、整體分析

當(dāng)用戶打開(kāi)支付寶，看到的第一個(gè)界面，就是支付寶的歡迎界面，支付寶的歡迎界面很有特點(diǎn)——停留時(shí)間很短（因?yàn)闀r(shí)間太短，導(dǎo)致我無(wú)法成功截屏，所以這里就不放圖了）。為什么支付寶的歡迎界面從來(lái)不像其它APP（如抖音等）一樣會(huì)有一個(gè)廣告呢（如圖4）？

這與我們之前提到的支付寶的產(chǎn)品定位有關(guān)，支付寶作為一個(gè)“簡(jiǎn)單、安全、快速”的支付工具。當(dāng)用戶打開(kāi)它時(shí)，多數(shù)場(chǎng)景下，都是用于支付，作為一個(gè)以“快速”為特色的工具類產(chǎn)品，就限制了它不能在歡迎界面做太長(zhǎng)的停留，也不能做廣告（盡管這種廣告的收入很大），因?yàn)檫@樣會(huì)造成用戶極大的不舒適。

舉個(gè)例子，當(dāng)你早上急急忙忙的起了床趕去教室上課，在食堂買早餐時(shí)，打開(kāi)支付寶付款，（原本你的內(nèi)心就很著急）卻還要像其它APP一樣看一段廣告！我想你此時(shí)一定會(huì)默默的罵馬云，并且心里會(huì)慢慢開(kāi)始對(duì)支付寶產(chǎn)生一種厭惡的情緒。

如果你有一天看見(jiàn)支付寶歡迎界面都開(kāi)始做廣告的時(shí)候，請(qǐng)相信我，支付寶一定活不到102歲那一天！

圖4  抖音歡迎界面的廣告

任何一個(gè)成功的APP，用戶進(jìn)去見(jiàn)到的第一個(gè)界面，一定是該產(chǎn)品最想讓你看到的界面，也是存放產(chǎn)品主要功能的界面。在支付寶中，它的首頁(yè)就是最主要的界面。

從整個(gè)支付寶APP的布局來(lái)看，底部采用五個(gè)Tab導(dǎo)航，分別是首頁(yè)、財(cái)富、口碑、朋友、我的，當(dāng)處于相應(yīng)界面時(shí)，底部導(dǎo)航會(huì)變成支付寶的品牌“藍(lán)”（圖5所示），這個(gè)設(shè)計(jì)有三個(gè)作用：

①在視覺(jué)上與其它導(dǎo)航相區(qū)別，表示用戶當(dāng)前所處頁(yè)面；

②利用品牌的顏色加強(qiáng)用戶對(duì)品牌的認(rèn)知；

③增強(qiáng)APP的界面一致性。

圖5  支付寶底部導(dǎo)航

在首頁(yè)這一界面，從整體看，總共被劃分為了六個(gè)板塊，從上至下分別是核心功能區(qū)、擴(kuò)展功能區(qū)、信息通知區(qū)、活動(dòng)展示區(qū)、其它產(chǎn)品區(qū)、導(dǎo)航欄（如圖6）。

整個(gè)頁(yè)面布局清晰，因?yàn)槭且詨K狀來(lái)劃分層次，可擴(kuò)展性也比較強(qiáng)（可以根據(jù)需要?jiǎng)澐猪?yè)面層次，同時(shí)界面改變也不會(huì)太大，不會(huì)影響用戶的正常使用）。

在未來(lái)，如果支付寶需要發(fā)展其它重量級(jí)產(chǎn)品，就可以很方便的加入首頁(yè)。（這里教大家一個(gè)方法——如何看出一個(gè)界面的模塊劃分，只需要把眼睛瞇起來(lái)，不去關(guān)注內(nèi)容，而是關(guān)注框架，就可以輕易的看見(jiàn)該界面的層次結(jié)構(gòu)了。）

圖6  支付寶首頁(yè)層次劃分

三、核心功能區(qū)

我們按照從上到下的順序來(lái)分析支付寶的首頁(yè)。

核心功能區(qū)位于頁(yè)面頂端，是視覺(jué)焦點(diǎn)，又有一個(gè)支付寶的品牌“藍(lán)”作為底色，一下就成為了視覺(jué)重心，很顯然這個(gè)位置應(yīng)該存放支付寶的主要功能，也就是支付功能。

支付寶的支付功能包括哪些呢？限于技術(shù)，目前支付寶主要通過(guò)識(shí)別二維碼進(jìn)行支付，所以掃一掃自然就是最常用的功能，所以放在第一個(gè)，付錢、收錢隨后，敢預(yù)言，不管以后支付寶的版本怎么改，他的支付功能始終位于首頁(yè)，而且是首頁(yè)的視覺(jué)焦點(diǎn)。為什么此處卡包也置于頁(yè)面最顯眼的位置呢？

與支付寶的很多活動(dòng)有關(guān)，因?yàn)楹芏嗌虡I(yè)活動(dòng)都靠贈(zèng)送各類卡卷來(lái)實(shí)現(xiàn)（也就是所謂的商業(yè)需求）。將搜索框置于頂層，看似搶了核心功能的風(fēng)頭，其實(shí)不然，設(shè)計(jì)師巧妙的在這里進(jìn)行了處理，首先將搜索框的大小變?。ǖ遣挥绊懹脩舻恼｜c(diǎn)擊）,然后將掃一掃那一欄的圖標(biāo)變大，將字號(hào)也變大，視覺(jué)重心依然回到了掃一掃那一欄。但是為什么會(huì)將搜索框置于如此明顯的位置呢？

首先隨著支付寶的功能越來(lái)越多，由于頁(yè)面的第一層級(jí)裝不下，就會(huì)根據(jù)優(yōu)先級(jí)進(jìn)行排序，將優(yōu)先級(jí)靠后的功能放入后一層級(jí)，因此很多功能的層級(jí)就會(huì)比較深。有了搜索框之后，用戶就可以通過(guò)首頁(yè)的搜索，快速進(jìn)入用戶需要的功能（用戶需求），另外一方面，又可以在搜索框進(jìn)行商業(yè)推廣（商業(yè)需求）。

將通訊錄也置于顯眼位置，是支付寶對(duì)于社交功能的探索，從此處可以看出，支付寶對(duì)于社交功能的渴望。加號(hào)打開(kāi)是掃一掃、收錢、乘車碼、智能管理，將掃一掃置于該層級(jí)，可能是為了方便單手操作的用戶，這樣不管哪只手操作，都能方便的進(jìn)行使用。

四、擴(kuò)展功能區(qū)

擴(kuò)展功能區(qū)，也就是支付寶擴(kuò)展業(yè)務(wù)或第三方合作方入口，4*3的設(shè)計(jì)，與上方掃一掃、付錢、收錢、卡包對(duì)齊，增加了整個(gè)頁(yè)面的整齊度，該區(qū)域的圖標(biāo)、字號(hào)，都相應(yīng)的減弱，避免喧賓奪主。

大家注意看(圖7)，最后一個(gè)圖標(biāo)是更多，擴(kuò)展性極強(qiáng)，只要有第三方想和支付寶合作，馬云只需要增加一個(gè)廣告位，然后笑著用自己的支付寶收錢就好了（我猜后期版本，支付寶會(huì)把“更多”這個(gè)按鈕做的比其它按鈕更搶眼一點(diǎn)，因?yàn)檫@是一個(gè)很大的流量入口，能夠滿足很多商業(yè)需求）。同時(shí)，該區(qū)域還有一個(gè)很好的交互方式，當(dāng)用戶進(jìn)行長(zhǎng)按圖標(biāo)，就可以進(jìn)行調(diào)節(jié)，給了用戶自主權(quán)。

圖7  首頁(yè)—更多

五、信息通知區(qū)

在信息通知這一欄，當(dāng)有新的信息時(shí)，左邊的螞蟻會(huì)拿著一個(gè)信封微微擺動(dòng)，不注意根本看不見(jiàn)，但是當(dāng)你觀察到了，你就會(huì)覺(jué)得好可愛(ài)，支付寶好用心啊，心里默默就會(huì)給支付寶一個(gè)好評(píng)，這就是情感化體驗(yàn)，給用戶一個(gè)小驚喜。同時(shí)右邊有一個(gè)小紅點(diǎn)，會(huì)誘惑你去點(diǎn)擊，去閱讀信息，當(dāng)你閱讀了信息之后，就只有螞蟻的觸須在動(dòng)，信封就消失了（見(jiàn)圖8）。

圖8  信息通知區(qū)

六、活動(dòng)展示區(qū)

在活動(dòng)展示欄（圖9），雖然這個(gè)條目已經(jīng)處于視覺(jué)中心以外，但是，聰明的設(shè)計(jì)師絕不會(huì)浪費(fèi)任何一個(gè)可以利用的界面，于是設(shè)計(jì)師就利用輪播的圖片來(lái)吸引你的眼球，輪播的好處在于，一方面可以播放多個(gè)廣告（擴(kuò)展性也比較好），另外一方面運(yùn)動(dòng)的物體可以吸引用戶的眼球（這個(gè)原理源于在古代我們的祖先為了安全，總是會(huì)關(guān)注到運(yùn)動(dòng)的物體，這也就是為什么大多數(shù)網(wǎng)頁(yè)中的廣告都采用動(dòng)畫的形式，就是為了吸引你的眼球，去點(diǎn)擊它。

圖9  活動(dòng)展示欄

七、其它產(chǎn)品區(qū)

其它產(chǎn)品區(qū)，就是一些活動(dòng)和商業(yè)推廣的入口（這就純屬于商業(yè)需求，為別的產(chǎn)品引流）。

說(shuō)一下這里的設(shè)計(jì)吧，這里的“惠支付”字號(hào)比上面都還要大，是不是會(huì)搶了風(fēng)頭，答案是——不會(huì)，因?yàn)檫@已經(jīng)是頁(yè)面底端了，如果再不通過(guò)這種方式來(lái)強(qiáng)調(diào)這個(gè)版塊，可能用戶根本就看不見(jiàn)了。

同時(shí)，設(shè)計(jì)師利用親密性原理——在視覺(jué)上挨得近的我們會(huì)認(rèn)為是一組，而沒(méi)有采用實(shí)線來(lái)分割，使整個(gè)界面簡(jiǎn)約了不少（圖10）。

圖10  “惠支付”

在首頁(yè)，為了讓用戶知道下面還有內(nèi)容，故意漏出一半的內(nèi)容，告訴用戶下面還有內(nèi)容，同時(shí)，當(dāng)整個(gè)頁(yè)面下拉時(shí)，掃一掃、付錢、收錢、搜索，加號(hào)的圖標(biāo)就會(huì)置于頁(yè)面上方，驗(yàn)證了我之前分析的一些結(jié)論（核心功能始終置頂顯示、始終放在用戶一眼就能看見(jiàn)的地方），當(dāng)滑到低端時(shí)，一句文案“我是有底線的”，讓人感覺(jué)這個(gè)APP還有一點(diǎn)人性、俏皮可愛(ài)，同時(shí)明確的告訴用戶該頁(yè)面已經(jīng)結(jié)束了。

可能是因?yàn)橹Ц秾毷菈K狀的結(jié)構(gòu)，為了避免發(fā)生誤觸，所以進(jìn)行頁(yè)面切換時(shí)，并不支持左右滑動(dòng)切，只能通過(guò)下方Tab導(dǎo)航進(jìn)行切換。

八、總結(jié)

從對(duì)支付寶的首頁(yè)界面進(jìn)行分析，可以看出，在進(jìn)行交互設(shè)計(jì)時(shí)，不僅要重視用戶體驗(yàn)，同時(shí)要兼顧商業(yè)需求（當(dāng)然還有技術(shù)，但是這里我不做表述），在兩者發(fā)生沖突時(shí)，要考慮兩者的優(yōu)先級(jí)和重要性，綜合考慮，尋求一個(gè)最佳點(diǎn)。

比如歡迎界面的廣告，支付寶就永遠(yuǎn)不能做，因?yàn)檫@樣做下來(lái)用戶體驗(yàn)會(huì)很差，可能會(huì)流失一大批用戶，但是支付寶可以在APP內(nèi)接入廣告來(lái)實(shí)現(xiàn)商業(yè)需求，這就是考慮用戶體驗(yàn)、商業(yè)需求之后做出的決定，從而設(shè)計(jì)的界面，是一個(gè)很好的案例。

很多時(shí)候，交互設(shè)計(jì)更像是做減法，知道哪些該減去，而不應(yīng)該做加法，把所有功能胡亂疊加，導(dǎo)致用戶體驗(yàn)極差。用戶體驗(yàn)差的產(chǎn)品，商業(yè)價(jià)值一定是無(wú)法實(shí)現(xiàn)的。

當(dāng)然，除了像12306這種強(qiáng)勢(shì)的APP……

文章來(lái)源：人人都是產(chǎn)品經(jīng)理     作者：交互設(shè)計(jì)汪

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)