編輯導語：亞馬遜的AWS云產品連續 11 年被 Gartner 評為“全球云計算領導者”，作者在使用了這個產品之后，發現了一些設計特點，本文通過6個方面來進行介紹，讓我們一起來看看吧！

最近體驗了亞馬遜的AWS 云產品，發現了一些設計特點分享給大家。由于云產品業務比較復雜，我無法從業務角度做出分析，只能做一些交互方面的評判。大家也可以了解下國外產品與國內產品在交互上的差異。

本文內容主要有以下幾個方面：

1. 彈窗的應用
2. 面包屑導航
3. 表格設計
4. 分屏展示
5. 版本切換
6. 懸停交互

PS：因為 AWS 云科技是一個大平臺，我只是做了部分產品的體驗，難免有些遺漏或者以偏概全，感興趣的同學可以自己去體驗一下?；蛟S有不一樣的發現。

一、彈窗替代

彈窗是B端產品中重要的組件，可以承載業務內容、給出用戶反饋等等，使用頻率比較高。不過在亞馬遜云產品中，彈窗主要用在一些設置項和內容選擇的場景中例如下圖，存儲桶名稱采用了文本框輸入形式，用戶也可以點擊按鈕打開彈窗選擇內容。

不過有沒有更好的操作方式呢？輸入框改為下拉選擇控件是不是更簡單呢？

是因為選擇項很多，下拉選擇不方便？或者用戶要查看存儲桶的詳細信息才能確定選擇目標？這個點我沒想明白。

總的來說，彈窗用的比較少，而是采用其他形式做了替代。

1. 錯誤信息內嵌

在亞馬遜中，錯誤信息直接展示在頁面底部，從而減少了彈窗的應用，也減弱了阻斷感。

2. 高成本行為減少誤操作

刪除或者禁用內容時，為了避免用戶誤操作，我們經常會使用二次確認彈窗。

在亞馬遜中則是采用了輸入固定信息的方式，避免用戶誤操作，也可以省略彈窗提示。不過用戶的交互成本是不是太高了呢？

3. 隱形彈窗

在亞馬遜上傳文件時，上傳的過程及完成后的結果采用的是弱彈窗樣式。并非傳統意義上增加了遮罩的彈出層。主要是由于內容很多，干脆將彈窗鋪滿了整個內容區，給人感覺像是普通頁面，只是需要通過右上角按鈕關閉窗口。

二、面包屑導航

在亞馬遜中，面包屑是一種非常重要的導航方式。用戶進入到操作頁面時，左側導航菜單會自動收起，給內容區更大的展示空間。另外功能的配置大都采用頁面跳轉方式完成，導致功能路徑比較深。所以面包屑菜單成為了唯一的導航方式。

而在國內云產品中，騰訊云、華為云都將頁面層級盡量扁平化，一般不超過3級，所以取消了面包屑導航。阿里云雖然保留了面包屑菜單，但是在二級頁面中都增加了“返回”按鈕，面包屑的作用也被弱化了。

三、表格設計

在B端產品中，表格是非常重要的組件。亞馬遜中表格設計有比較明顯的特點。

1. 右上角的翻頁器

亞馬遜將翻頁器放置在了表格的右上角，個人認為不太符合用戶的視覺動線。國內翻頁器都是放在表格下方，畢竟用戶瀏覽到表格底部就可以翻頁了。放在右上角可能的原因有2點（個人猜測）：

節約空間。單獨的頁碼條會占據一行頁面空間；為了節約空間，表格每頁顯示的行數，被放在了首選項設置，表格項總量則被在了表格標題后面（見上圖）；

亞馬遜通過調研或者數據了解到用戶翻頁行為比較少。主要是通過搜索定位內容，并能夠在首頁就可以找到目標；

2. 自動換行

我們在表格中經常會遇到內容顯示不下的場景。通常我們會選擇截斷方式，鼠標懸停觸發氣泡顯示全部信息。

在亞馬遜產品中，則引入了excel 表格自動換行的方式，在首選項中勾選自動換行后，表格就可以完整字段信息，便于用戶更方便的瀏覽完整信息。

3. 右鍵功能

亞馬遜表格中沒有單獨的操作列，只能選定表格項后，激活功能按鈕進行操作。而國內表格大都支持批量和單個操作兩種方式。

不過為了彌補操作列的缺失，亞馬遜表格中增加了右鍵功能，用戶可以在表格首選項中開啟右鍵菜單功能，可以替代瀏覽器的右鍵菜單。另外右鍵的優勢就是可以承載更多的菜單項。不過對于用戶來說，可能需要重新適應這種交互方式。

四、分屏顯示

Web系統中詳細信息主要是采用彈窗、抽屜、頁面跳轉等方式呈現給用戶。在亞馬遜產品中設計了分屏模式。用戶選擇表格項后，下方會展示表格項的詳情內容，并且分屏空間可以拖動或者設定三個顯示尺寸。從而減少用戶的跳轉，操作更加高效。不過這種方式在大屏顯示器上應用效果會更好。

五、版本切換

如果采用A/B test，我們更希望用戶體驗新版本，從而獲得更多的反饋信息。所以舊版本入口大都會弱化展示。而亞馬遜則采用了開關方式切換版本，放置在醒目的標題菜單的位置。

六、點擊VS懸停

在亞馬遜中很少使用懸停交互，更多采用點擊方式。例如表格中的訪問權限的解釋信息，是通過點擊操作完成的，想要去關閉浮窗信息，要點擊空白處或者關閉按鈕。

而我們為了減少用戶操作，通常會優先選擇鼠標懸停的方式觸發內容展示，隨用隨走，交互上更加輕量。

另外為了減少頁面信息量，我們會根據信息重要性，將解釋說明內容隱藏在圖標里，通過懸停方式觸發。在亞馬遜產品中，我沒見過這種交互方式。

七、總結

我不是AWS 云產品的重度用戶，體驗也不深入?？偟膩碚f，感覺 AWS 與國內的產品有較大的差異。AWS更加樸實，程序化風格比較重。國內的云產品則更多的融入了互聯網的風格。以上就是我對AWS 云產品的體驗總結。

#專欄作家#

子牧先生，微信公眾號：HelloDesign，產品體驗設計師

本文原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自 Unsplash，基于 CC0 協議