92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

在不同屏幕和設備上創建用戶體驗設計的8個步驟

2022-4-26    seo達人


1. 確定核心用戶體驗

每個產品都有核心的用戶體驗,這基本上是它存在的原因。它解決了人們所面臨的問題,而且為他們提供有意義的價值。關鍵內容和功能的組合代表了核心的用戶體驗。要查找你的產品核心用戶體驗,就要問自己一個問題:“客戶需要完成哪些最常見和最重要的任務?”在你用于產品的每個渠道上支持這些核心任務的本質至關重要。例如,Uber的核心用戶體驗是任何時間隨叫隨到。無論屏幕尺寸如何,此功能都能在每個設備上正常工作實現這一目的。

Image title

                             預約出租車是Uber用戶最重要的任務。用戶可以使用Apple Watch完成此任務。圖片來源: Techcrunch

 

2. 定義產品的設備組

盡管存在大量不同屏幕尺寸的設備,但絕對不能定位各個設備,可以根據用戶可能關注的任務定義產品的設備組。最常見的設備組是:

移動手機

平板電腦

臺式電腦

智能電視

智能手表

Image title

不同的設備組在不同的上下文中提供不同的服務:用戶根據他們正在查看的屏幕的類型參與不同的交互模式。例如,手機主要用于微任務,并且具有較短的用戶會話。平板電腦主要用于內容消費,目前不被視為大多數人的工作工具。在了解各種設備類型的基本上下文的假設對于構建一個好的用戶體驗是至關重要。

 

3. 適應每個上下文使用的體驗

確定產品的核心用戶體驗后,選擇一組你希望支持的設備組,你需要調整每個組的體驗(對于每個上下文的使用)。上下文的設計在不同設備組設計時尤為重要。

第一,并非所有功能都在所有設備上都有意義。你需要確定你的產品在多個設備組中使用的不同場景,并設計適合每個場景的體驗。例如,通常移動用戶比電腦用戶想要的不同于產品。以 Evernote為例,可以在多臺設備上使用流行的筆記本產品。其電腦版本針對內容消費進行了優化:

Image title

                           用于電腦版本的Evernote應用程序被優化用于閱讀文本和查看媒體。

 

而移動版本是針對拍攝筆記、照片和捕獲音頻進行了優化的:

Image title

Evernote了解移動環境:它利用設備功能,并提供快速保存想法的方式(添加文本筆記,捕獲照片或設置提醒)。

 

第二,不同的屏幕允許不同的輸入法。以觸摸輸入為例。在設計具有觸摸輸入(移動手機和智能手機)的設備時,設計師會犯的幾個常見錯誤包括:

小的點擊目標。點擊目標(如CTA按鈕)必須具有足夠大的尺寸。通常至少7毫米是足夠的,但最好使用10mm觸摸目標尺寸。

Image title

                                      圖片來源:UXMag

 

將項目過于緊密地放在一起。你應該考慮點擊目標的大小以及它們之間的間距,因為間距有助于分離控件,并給你的用戶界面提供呼吸的空間。建議的間距至少為23pt以防止輸入錯誤。

Image title

                                                                                      按鈕之間的間距

使用懸停狀態。但在觸摸屏上,沒有“懸?!薄?

 

4. 最小屏幕設計

歷史上,設計師一直從事大屏幕到小屏幕的設計工作,這意味著第一個也是主要設計是為了完整的電腦桌面視圖(它具有最多的功能)。只有電腦桌面設計完成后才移植到移動設備和其他設備組。但當設計電腦桌面時,我們通常面臨“廚房水槽”問題:許多功能被添加到產品中,特別是當涉及多個利益相關者時。這并不奇怪,,當你有很多不動產時,添加功能是比較容易。實踐經驗清楚地表明,最好使用移動方法進行設計,并通過與用戶相關的最小屏幕創建應用程序。

當你首先設計相關屏幕的最小尺寸時,它會強制你決定最重要的。一段時間后,你將采用同樣的方法仔細選擇產品的其他版本,無論是電腦桌面設備,平板電腦還是電視。

Image title

在大多數情況下,手機將是相關屏幕的最小尺寸。如果可穿戴設備對你很重要,那么你將需要考慮具有更小分辨率的微型屏幕。

 

5. 不要忘記大屏幕

想想大屏幕以及小屏幕,給大屏幕和小屏幕提供同樣的注意力:

不只是縮小設計,使其適合那些大屏幕。充分利用你可以使用的額外空間。

Image title

                                                                                           圖片來源:Wikipedia

 

確保圖像不會因為屏幕尺寸的放大而失去質量。

Image title

                                                左:低質量圖像。右:正確的分辨率。

 

考慮大屏幕細節。每個設備組都有自己的不同。例如,電視屏幕的設計被稱為“設計10英尺體驗”,因為從沙發的距離來看,與電腦桌面屏幕相比,屏幕上元素的明顯尺寸明顯更小。

Image title

                                                                 電視的用戶界面元素應大于電腦桌面。圖片來源:Samsung

 

6. 提供一致的體驗

一致的體驗意味著應用程序及其在所有屏幕尺寸上的體驗都是相似的。無論設備如何,一致的用戶體驗是成功的全通道用戶體驗的關鍵組成部分之一:

對未來與產品的交互設定期望,并建立用戶信心。

一致的體驗使得你的產品在其他設備上與用戶的交互更容易。

你可以將它們視為相同體驗的方面,而不是將設計定制到越來越多的屏幕和設備中。例如,Google搜索應用在所有設備上提供相同的搜索體驗。

Image title

                                                 當設計和功能一致時,用戶可以在他們選擇的設備上更快更有效地完成任務。

 

7. 創造無縫體驗

跨不同設備組創建無縫體驗對你的用戶非常重要。人們可以自由地在設備之間來回移動,完成任務,或當他們從設備轉移到另一設備時,他們期望他們的產品和服務與他們一起轉移。這意味著用戶不必考慮他們正在使用的設備,環境的變化或上下文的變化,并且可以依賴于設備良好的功能性和獨立于設備的易用性。

Image title

                  大多數人如何走過他們的一天,他們訪問的主要屏幕。圖片來源:Intercom

 

根據使用情況,你可能希望確保每個設備上的內容消耗量同步。以Apple Music為例:你可以在Mac上設置播放列表,并在iPhone上即時播放,也可以開始聽iPhone上的歌曲,當你轉到電腦桌面時,你將被拍攝回到你在iPhone上。

Image title

                                                                  Apple Music可以很好地處理多個設備的同步。

 

8. 測試你的設計

在測試環境中有效的并不總是在現實世界中。在實際設備上為實際用戶運行可用性測試,你可以在發布之前發現用戶體驗的問題并解決它。

 

結論

在設計多個屏幕和設備時,最好的策略是保持最終的用戶體驗。作為用戶體驗設計師,你必須評估產品的使用時間,位置和方式,以評估用戶的最佳體驗。無論你的內容是什么尺寸的屏幕,用戶都希望在各種設備之間獲得流暢的體驗。

 

原文地址:ADOBE BLOG

譯文地址:UI中國

作者:Nick Babich

譯者:SKYUI

 

轉載請注明:學UI網》在不同屏幕和設備上創建用戶體驗設計的8個步驟

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

截屏2021-05-13 上午11.41.03.png

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

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
午夜精品视频在线| 日韩国产精品视频| 亚洲自拍偷拍网址| 91国产精品91| 亚洲情综合五月天| 欧美国产高跟鞋裸体秀xxxhd| 国产精品久久久久久久久久久久久| 精品日韩美女的视频高清| 欧美精品18videos性欧| 亚洲综合日韩在线| 亚洲国产精久久久久久| 国产精品视频中文字幕91| 亚洲另类xxxx| 成人激情春色网| 在线免费观看羞羞视频一区二区| 91热福利电影| 亚洲欧美日韩区| 欧美黑人xxxⅹ高潮交| 国产精品美女网站| 国产日韩换脸av一区在线观看| 精品视频在线导航| 一区二区三区国产在线观看| 国产精品久久久久久久久男| 日韩一区视频在线| 亚洲日本中文字幕免费在线不卡| 国产在线精品播放| 亚洲男人天堂古典| 国产视频精品久久久| 久久这里只有精品99| 亚洲国产成人av在线| 欧美成人精品一区二区三区| 人人做人人澡人人爽欧美| 96精品久久久久中文字幕| 亚洲国产另类 国产精品国产免费| 亚洲国产第一页| 亚洲自拍偷拍区| 欧美精品免费在线观看| 国产在线999| 日韩电影中文 亚洲精品乱码| 国产成人精品久久二区二区| 欧美人交a欧美精品| 97在线免费视频| 亚洲欧美国产日韩天堂区| 九九热这里只有在线精品视| 这里只有精品久久| 国内精久久久久久久久久人| 欧美电影在线免费观看网站| 亚洲精品97久久| 成人国产精品av| 日韩免费观看在线观看| 日韩精品免费在线| 永久免费毛片在线播放不卡| 国产91精品不卡视频| 欧美在线观看一区二区三区| 亚洲四色影视在线观看| 国产亚洲aⅴaaaaaa毛片| 久久99精品久久久久久青青91| 亚洲精品免费在线视频| 亚洲国产精品电影| 日韩欧美亚洲综合| 啊v视频在线一区二区三区| 亚洲影视中文字幕| 亚洲一区二区三区毛片| 亚洲精品成人av| 国产美女91呻吟求| 亚洲一区二区三区成人在线视频精品| 久久99精品国产99久久6尤物| 国产亚洲欧美一区| 亚洲美女性视频| 国产精品ⅴa在线观看h| 久久琪琪电影院| 国产精品视频999| 久久久999精品视频| 国产精品高清免费在线观看| 秋霞成人午夜鲁丝一区二区三区| 亚洲第一中文字幕在线观看| 亚洲国产精品电影| 成人国产亚洲精品a区天堂华泰| 久久99精品久久久久久青青91| 国产精品久久久久久中文字| 欧美成人精品h版在线观看| 亚洲欧美成人一区二区在线电影| 青青a在线精品免费观看| 色婷婷av一区二区三区在线观看| 欧美性猛交xxxx黑人猛交| 日韩综合中文字幕| 清纯唯美日韩制服另类| 欧美高清视频在线观看| 成人性生交大片免费观看嘿嘿视频| 日韩福利视频在线观看| 九九精品在线视频| 国产综合在线视频| 中文字幕亚洲欧美日韩在线不卡| 九九热99久久久国产盗摄| 国产精品露脸自拍| 国产精品精品一区二区三区午夜版| 亚洲人成电影在线观看天堂色| 亚洲欧美一区二区三区四区| 国产国产精品人在线视| 亚洲久久久久久久久久| 日韩理论片久久| 成人中心免费视频| 久久精品国产清自在天天线| 亚洲一区第一页| 国产亚洲人成a一在线v站| 欧美专区中文字幕| 国产精品一区=区| 亚洲mm色国产网站| 97精品久久久| 亚洲黄色av网站| 久久精品亚洲94久久精品| 在线电影欧美日韩一区二区私密| 久久视频在线直播| 伊人精品在线观看| 国产精品一区二区三区免费视频| 欧美日韩性视频在线| 国产a级全部精品| 姬川优奈aav一区二区| 国产欧美精品在线播放| 精品中文字幕在线| 亚洲精品国精品久久99热一| 国产亚洲欧洲在线| 亚洲理论片在线观看| 中文字幕日韩综合av| 91午夜理伦私人影院| 久久久久成人精品| 精品视频9999| 97香蕉久久夜色精品国产| 九九九久久国产免费| 高清一区二区三区四区五区| 成人在线国产精品| 国产精品免费小视频| 久久精品视频播放| 成人免费看吃奶视频网站| 亚洲网站在线观看| 欧洲s码亚洲m码精品一区| 精品国产91久久久久久老师| 日韩av在线一区二区| 亚洲国产精品va在看黑人| 久久精品一本久久99精品| 国产日韩欧美中文| 91夜夜揉人人捏人人添红杏| 欧美电影免费播放| 久久av在线播放| 国产精品久久久久久久久免费| 久久久噜久噜久久综合| 91精品久久久久久综合乱菊| 亚洲精品国产电影| 中文字幕不卡av| 欧美电影免费在线观看| 韩国三级日本三级少妇99| 97在线日本国产| 成人精品视频99在线观看免费| 精品国产一区二区三区久久久狼| 宅男66日本亚洲欧美视频| 亚洲aaa激情| 国产精品中文在线| 久久国产色av| 久久久久久亚洲精品不卡| 欧美黄色片在线观看| 曰本色欧美视频在线| 精品视频在线观看日韩| 久久精品成人欧美大片古装| 国产精品白嫩初高中害羞小美女|