f24ls.cn-美女看a上一区,国产一区二区三区免费,亚洲国产精品自拍,中文在线一区二区

首頁 > 網(wǎng)絡(luò)營銷
互諾觀點 網(wǎng)絡(luò)營銷 SEO專欄 行業(yè)資訊

如何站在用戶體驗角度,設(shè)計跨屏幕的響應(yīng)式

1、確定核心的用戶體驗

雖然用戶體驗是無處不在的,但是對于特定產(chǎn)品,最核心的體驗是存在的。產(chǎn)品通常是用來解決用戶所面臨的特定問題的,它的這一特質(zhì)讓產(chǎn)品變得有意義。關(guān)鍵的內(nèi)容和關(guān)鍵的功能的組合,通常構(gòu)成了產(chǎn)品的核心用戶體驗。如果你并沒有想明白這個問題,不妨問問自己:用戶需要完成哪些最常見/最重要的任務(wù)?找到問題的答案之后,你的產(chǎn)品就應(yīng)當(dāng)從各個方面、各個渠道,完整而全面地支撐這些功能,幫助用戶完成這些任務(wù)。舉個例子,Uber 的核心用戶體驗是隨時隨地地叫車,無論設(shè)備的屏幕大小如何,你進(jìn)行的設(shè)計全部都應(yīng)該圍繞著這個需求和功能來進(jìn)行。

東莞網(wǎng)站建設(shè)|東莞網(wǎng)站設(shè)計|東莞網(wǎng)絡(luò)公司|東莞網(wǎng)站制作|東莞網(wǎng)頁設(shè)計|東莞建站|東莞網(wǎng)絡(luò)公司


叫車是Uber的核心功能,即使使用Apple Watch 都應(yīng)該順利地完成這個任務(wù)。

2、敲定你的產(chǎn)品所覆蓋的設(shè)備類型

現(xiàn)在的移動端設(shè)備屏幕尺寸各不相同,單獨為某一個設(shè)備設(shè)計內(nèi)容無疑是不經(jīng)濟(jì)的。根據(jù)你的產(chǎn)品覆蓋人群、受眾分類、使用場景,綜合考慮你的內(nèi)容會優(yōu)先呈現(xiàn)在哪些設(shè)備和平臺上,然后有意識地篩選出常見的設(shè)備類型:

手機(jī)
平板
桌面端
智能電視
智能手表
……

東莞網(wǎng)站建設(shè)|東莞網(wǎng)站設(shè)計|東莞網(wǎng)絡(luò)公司|東莞網(wǎng)站制作|東莞網(wǎng)頁設(shè)計|東莞建站|東莞網(wǎng)絡(luò)公司

不同的設(shè)備組合通常是基于不同的場景、需求和服務(wù)來構(gòu)成的,用戶會針對不同的屏幕進(jìn)行不同模式的交互,甚至處理的內(nèi)容也會有差異。比如說,在手機(jī)上,用戶更加傾向于使用輕量級的任務(wù),并且進(jìn)行一定量的溝通和交流。在平板上,用戶行為更多集中在內(nèi)容消費上,并且目前平板的使用量被認(rèn)為在逐步降低。桌面端依然是用戶完成較為專業(yè)、復(fù)雜任務(wù)的首選平臺,足以應(yīng)付復(fù)雜多樣的內(nèi)容。了解各種設(shè)備類型和使用場景是用來構(gòu)建用戶體驗的關(guān)鍵。

3、針對不同內(nèi)容來匹配用戶體驗

搞清楚產(chǎn)品本身的核心用戶體驗之后,選取你的用戶群體所使用的硬件設(shè)備,這個時候你應(yīng)該了解每種不同的設(shè)備所使用的場景,設(shè)備使用的環(huán)境和場景是設(shè)計的重要依據(jù)。

并非所有的內(nèi)容都符合不同設(shè)備的使用場景,比如智能手表就不適合展示大量的文本內(nèi)容。你的產(chǎn)品所覆蓋的設(shè)備組當(dāng)中,每種設(shè)備的使用場景不同,應(yīng)該匹配的用戶體驗也不一樣。移動端用戶和桌面端用戶的需求就是不同的,場景差異也很大。以Evernote 為例,它可以在多種不同類型的設(shè)備之間同步和切換,其桌面端版本就針對用戶的內(nèi)容需求進(jìn)行了優(yōu)化:

東莞網(wǎng)站建設(shè)|東莞網(wǎng)站設(shè)計|東莞網(wǎng)絡(luò)公司|東莞網(wǎng)站制作|東莞網(wǎng)頁設(shè)計|東莞建站|東莞網(wǎng)絡(luò)公司


Evernote 的桌面端應(yīng)用程序針對閱讀性的內(nèi)容和多媒體進(jìn)行了優(yōu)化,而移動端的Evernote 則強(qiáng)化了拍攝記錄、圖片和音頻記錄的功能:

東莞網(wǎng)站建設(shè)|東莞網(wǎng)站設(shè)計|東莞網(wǎng)絡(luò)公司|東莞網(wǎng)站制作|東莞網(wǎng)頁設(shè)計|東莞建站|東莞網(wǎng)絡(luò)公司


Evernote 的開發(fā)團(tuán)隊無疑是仔細(xì)考慮過移動端的使用場景,所以充分利用了移動端設(shè)備功能,讓用戶采用最快速有效的方法來保存想法(文本筆記,拍照,設(shè)置提醒)。

其次,不同的設(shè)備屏幕具備不同的輸入方式。以觸摸屏為例,設(shè)計師如果忽略輸入方式上的獨特性,常常會在設(shè)計的時候出現(xiàn)下面的問題:

·過小的點擊觸發(fā)區(qū)域。按鈕和可點擊的元素(比如CTA按鈕)必須有足夠大的尺寸,一般說來,直徑超過7mm的按鈕就具備可用性,但是最好控制在10mm以上。

東莞網(wǎng)站建設(shè)|東莞網(wǎng)站設(shè)計|東莞網(wǎng)絡(luò)公司|東莞網(wǎng)站制作|東莞網(wǎng)頁設(shè)計|東莞建站|東莞網(wǎng)絡(luò)公司


·將元素放得太靠近??紤]到不同元素的大小尺寸和用戶的實際使用狀況,應(yīng)該留夠空間和間隙,才能確保界面的呼吸感和可用性。為了防止點擊和輸入錯誤,這個間距至少為23pt。

東莞網(wǎng)站建設(shè)|東莞網(wǎng)站設(shè)計|東莞網(wǎng)絡(luò)公司|東莞網(wǎng)站制作|東莞網(wǎng)頁設(shè)計|東莞建站|東莞網(wǎng)絡(luò)公司


“移動端上沒有光標(biāo)懸停(Hover)這一狀態(tài)?!?/span>
4、優(yōu)先為最小的屏幕做設(shè)計

一直以來,設(shè)計師都習(xí)慣從最大的屏幕著手設(shè)計,最后考慮最小的屏幕上的顯示效果,這意味著絕大多數(shù)的設(shè)計都是從桌面端開始設(shè)計的,通常桌面端的內(nèi)容和功能更全面。當(dāng)桌面端的整體設(shè)計完成之后,再推進(jìn)到其他設(shè)備端的設(shè)計。然而,在進(jìn)行桌面端設(shè)計的時候,我們常常會遭遇“廚房水槽”困境:由于產(chǎn)品通常會牽涉到多個利益相關(guān)方,許多多余的功能會被加入進(jìn)來。而實踐經(jīng)驗表明,移動端優(yōu)先的設(shè)計往往能夠更好的專注于核心功能,更適合作為產(chǎn)品設(shè)計的起點。

當(dāng)你優(yōu)先設(shè)計最小屏幕所需要的界面的時候,這種局面會強(qiáng)制你從最關(guān)鍵最重要的地方開始設(shè)計。這也是之前設(shè)計圈和產(chǎn)品開發(fā)領(lǐng)域一直所強(qiáng)調(diào)的“移動端優(yōu)先”的策略的由來。在此之后,再進(jìn)行平板、桌面和電視端的設(shè)計,就是一個自然的做加法的過程了。

在絕大多數(shù)的案例當(dāng)中,最小屏幕通常是手機(jī)屏幕。

東莞網(wǎng)站建設(shè)|東莞網(wǎng)站設(shè)計|東莞網(wǎng)絡(luò)公司|東莞網(wǎng)站制作|東莞網(wǎng)頁設(shè)計|東莞建站|東莞網(wǎng)絡(luò)公司


5、不要忘記大屏幕

大屏幕設(shè)備和小屏幕設(shè)備是同樣重要:



·不要僅僅只是將內(nèi)容放大來簡單適應(yīng)大屏幕,而是要有針對性地、充分利用大屏幕的額外空間。



·確保圖片不會因為放大而失去應(yīng)有的質(zhì)量。大屏幕上的圖片應(yīng)該更清晰。



·考慮大屏幕上展示內(nèi)容的獨有情況。每種設(shè)備不僅屏幕尺寸有差距,而且使用場景也會造成各種區(qū)別。比如電視屏幕雖然比桌面端顯示器更大,但是因為客廳的使用場景,電視屏幕給用戶帶來的是“ 10 英寸屏幕的視覺體驗”,所以它的實際顯示效果,是比桌面端尺寸更小的。

6、提供一致的用戶體驗

雖然你的產(chǎn)品內(nèi)容在不同平臺上有差異,但是體驗應(yīng)該是相似的。一致的體驗是產(chǎn)品跨屏幕統(tǒng)一性的體現(xiàn):

·一致的體驗?zāi)軌蜃層脩魧Ξa(chǎn)品的其他版本有所預(yù)期,并且建立用戶后續(xù)使用的信心

·一致的用戶體驗讓用戶與其他版本的同系產(chǎn)品更輕松地互動



相比于在不同的屏幕不同的設(shè)備上“定制”不同的體驗,不如盡可能將不同屏幕上的交互和體驗納入到一套體系當(dāng)中來。Google 就將所有平臺上的搜索都設(shè)計成幾乎完全一樣的體驗。

當(dāng)產(chǎn)品的設(shè)計和功能在各個地方都保持一致的時候,用戶能夠更快地完成任務(wù)。

7、創(chuàng)造無縫的用戶體驗

跨設(shè)備的用戶體驗是接下來許多產(chǎn)品都力圖做到的事情。在手機(jī)上保存的Evernote 筆記,能夠在電腦上打開瀏覽,這只是很基礎(chǔ)的工作,相比之下,人們在手機(jī)、電腦、電視和智能手表這樣的設(shè)備上同步數(shù)據(jù),切換場景,同系列APP之間互相操控,這樣的需求更加復(fù)雜,場景、交互和體驗所需要的設(shè)計要求更高。從一個設(shè)備到另外一個設(shè)備,用戶是期望同系列產(chǎn)品能夠提供完全無縫的體驗,產(chǎn)品設(shè)計師需要對于環(huán)境、用戶流程有著極深刻的洞悉和精準(zhǔn)的判斷,也對產(chǎn)品功能和易用性設(shè)計提出了更高的要求。



根據(jù)實際使用情況,你可能會希望設(shè)備和設(shè)備之間同步盡可能少地消耗流量。以Apple Music 為例,你在Mac 上設(shè)置播放列表,就可以立刻在iPhone上播放;當(dāng)你再切換為Mac的時候,你可以沿著iPhone 播放的進(jìn)度繼續(xù)聽,這就是無縫的播放體驗。



8、測試你的設(shè)計

產(chǎn)品的測試環(huán)境并不一定都得是在現(xiàn)實世界找那個,但是在盡可能讓真實的用戶來做可用性測試,并且在產(chǎn)品發(fā)布之前解決所有的用戶體驗上的問題。

結(jié)語

跨設(shè)備、多屏幕、響應(yīng)式的產(chǎn)品,無論是APP還是網(wǎng)頁,需要產(chǎn)品設(shè)計師、用戶體驗設(shè)計師能夠始終將終端用戶的體驗,牢記在心。無論用戶所面對的屏幕是怎樣的,設(shè)計師要能夠讓用戶時刻感受到產(chǎn)品最核心的功能與體驗,并且無縫地切換。


客服QQ :270425077
客服電話 : 13751222800

掃描關(guān)注微信號

周一至周六 9:00~18:00

非工作時間,請您QQ留言,我們會及時回復(fù)

返回頂部
服務(wù)熱線:137 5122 2800

售前咨詢

售前咨詢

售前咨詢

售前咨詢

欧美电影免费观看高清完整版在线 | 国产自产v一区二区三区c| 久久精品日产第一区二区三区高清版 | 国产精品美女久久久久aⅴ| 欧美一二三四区在线| 欧美另类久久久品| 欧美精品粉嫩高潮一区二区| 在线播放国产精品二区一二区四区| 欧美午夜免费电影| 欧美色窝79yyyycom| 欧美日韩视频在线观看一区二区三区| 欧美在线你懂得| 51精品国自产在线| 精品久久久久久久久久久久久久久| 欧美成人aa大片| 久久欧美一区二区| 国产精品乱码一区二三区小蝌蚪| 椎名由奈av一区二区三区| 亚洲综合色自拍一区| 无码av中文一区二区三区桃花岛| 奇米精品一区二区三区四区| 国产在线日韩欧美| 99热99精品| 欧美日本一区二区三区四区 | 九九精品一区二区| 国产成人精品亚洲777人妖| 91亚洲精品一区二区乱码| 欧美人与禽zozo性伦| 精品国内二区三区| 18欧美亚洲精品| 青青草成人在线观看| 国产精品亚洲专一区二区三区| av中文字幕在线不卡| 欧美吻胸吃奶大尺度电影| 日韩免费看的电影| 亚洲欧洲精品成人久久奇米网| 午夜成人在线视频| 成人av在线看| 欧美一级电影网站| 亚洲丝袜制服诱惑| 久久精品国产第一区二区三区| 成人黄页毛片网站| 欧美妇女性影城| 中文字幕一区二区三区av | 国产精品一区二区免费不卡| 色哦色哦哦色天天综合| 精品福利在线导航| 一区二区三区国产豹纹内裤在线| 久久99最新地址| 在线免费观看日韩欧美| 久久奇米777| 日本不卡在线视频| 日本精品视频一区二区三区| 久久久久高清精品| 日本中文字幕一区二区有限公司| 不卡视频一二三| 久久欧美一区二区| 日韩av不卡一区二区| 色av一区二区| 国产精品激情偷乱一区二区∴| 久久不见久久见免费视频1| 91国偷自产一区二区三区观看| 欧美国产一区二区在线观看 | 日韩精品一二三| 一本久久精品一区二区| 欧美激情在线免费观看| 久久电影网站中文字幕| 欧美日韩国产欧美日美国产精品| 日韩美女视频一区| 精品一区二区三区在线观看| 欧美日韩五月天| 亚洲中国最大av网站| 91一区二区在线| 国产精品剧情在线亚洲| 国产精品综合一区二区三区| 日韩欧美中文一区二区| 偷拍一区二区三区四区| 欧美综合在线视频| 一区二区三区高清在线| 91影院在线免费观看| 国产精品乱码人人做人人爱| 高清不卡一二三区| 亚洲国产精品激情在线观看| 国产白丝网站精品污在线入口| 久久亚洲综合色| 国产乱理伦片在线观看夜一区| 久久综合色综合88| 国产伦理精品不卡| 中文字幕精品在线不卡| 成人免费视频播放| 日韩码欧中文字| 欧美自拍偷拍午夜视频| 午夜欧美2019年伦理| 欧美一卡2卡三卡4卡5免费| 久久激情综合网| 久久久久国产一区二区三区四区| 国内外成人在线视频| 国产免费成人在线视频| 成人av网站免费观看| 亚洲人成小说网站色在线| 在线亚洲欧美专区二区| 日韩中文字幕91| 精品国产乱码久久久久久免费| 国产精品中文有码| 亚洲少妇屁股交4| 欧美日韩精品一二三区| 久久99精品久久只有精品| 国产精品色在线| 欧美色男人天堂| 韩国一区二区在线观看| 自拍偷拍国产亚洲| 91精品国产一区二区人妖| 国产一区二区免费在线| 中文字幕中文在线不卡住| 欧美亚洲国产一卡| 久久av中文字幕片| 亚洲婷婷在线视频| 91精品国产91综合久久蜜臀| 国产精品一区在线| 一区二区三区在线视频观看58| 欧美一区二区三区在线观看视频 | 欧美体内she精高潮| 激情综合亚洲精品| 亚洲精品精品亚洲| 日韩免费观看2025年上映的电影 | 国产一区高清在线| 一片黄亚洲嫩模| 久久久亚洲精华液精华液精华液| 成人a免费在线看| 日本一道高清亚洲日美韩| 中文字幕高清一区| 欧美日韩在线观看一区二区 | 9i在线看片成人免费| 五月天中文字幕一区二区| 欧美国产欧美综合| 欧美二区乱c少妇| 成人av集中营| 麻豆精品久久久| 亚洲综合久久久久| 欧美韩国日本综合| 欧美一级二级三级乱码| 色综合久久中文字幕综合网| 精油按摩中文字幕久久| 亚洲va欧美va国产va天堂影院| 欧美国产一区在线| 精品99999| 日韩一区二区精品| 精品视频999| 色噜噜久久综合| eeuss鲁片一区二区三区在线看| 蜜臀99久久精品久久久久久软件| 亚洲乱码精品一二三四区日韩在线| 26uuu亚洲| 日韩欧美综合在线| 8v天堂国产在线一区二区| 色婷婷精品久久二区二区蜜臂av| 中文字幕va一区二区三区| 国产精品不卡视频| 欧美精品丝袜中出| 91在线看国产| 国产麻豆视频精品| 免费的国产精品| 一级女性全黄久久生活片免费| 久久精品欧美一区二区三区不卡| 欧美高清性hdvideosex| 欧美在线观看禁18| 91色九色蝌蚪| 成人禁用看黄a在线| 国产美女一区二区三区| 麻豆精品视频在线观看免费| 亚洲成人免费在线观看| 亚洲精品日产精品乱码不卡| 国产精品女主播av| 国产嫩草影院久久久久| 久久久久久久久久久久电影| 欧美成人a在线| ww久久中文字幕| 日韩女优制服丝袜电影| 欧美一区二区三区在线看| 欧美群妇大交群的观看方式| 日本黄色一区二区| 91极品视觉盛宴| 色成人在线视频| 色系网站成人免费| 色婷婷国产精品久久包臀 | 日本系列欧美系列| 日本亚洲免费观看| 国内成人精品2018免费看| 国产精品1区2区| 丁香另类激情小说| 91色在线porny| 欧美日韩一区在线| 欧美一区二区三区在线电影| 精品日韩欧美在线| 欧美激情中文字幕一区二区| 亚洲日韩欧美一区二区在线| 亚洲二区在线视频| 狂野欧美性猛交blacked| 国产精品1区2区3区| 色狠狠综合天天综合综合|