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

?編輯導語：我們平常在使用各類APP時，經常會遇到彈窗，彈窗的設計好與壞很大的影響了用戶的體驗，讓用戶感到不舒服的彈窗只會讓你的后續收到更多的麻煩和反饋；本文作者分享了關于“彈窗設計規范”大全，叫你怎么提升用戶體驗，我們一起來看一下。

今天來聊一聊彈窗，在17年的時候就對彈窗做過類別的解釋說明，感興趣的可以去《淺析APP控件：模態彈窗與非模態彈窗》了解模態與非模態彈窗的區別，那么彈窗的規范化設計是什么呢？

最近有來自小伙伴的求解，針對產品的彈窗該如何優化？所以來剖析下彈窗設計的規范，讓你避開那一些坑做出更好的彈窗。

一、彈窗是什么？

彈窗是為了讓用戶回應，需要用戶與之交互的窗口。

存在于應用的多種場景中，需要用到不同的彈窗類型，滿足跟用戶交流的信息傳達與操作。

彈窗在產品中的地位相當于一個小助手，在用戶迷茫的時候，告訴用戶如何做（引導）；在用戶與產品進行交互操作時，告訴用戶接下來會發生什么（提示）；甚至在用戶沉浸在體驗中的時候，輕微告知用戶需要知道的信息（傳達）。

1. 彈窗類型

感興趣去了解下那篇文章，這里就簡單說下有幾種常用彈窗類型：

二、優秀的彈窗具備什么條件

1. 視覺設計

1）簡潔

彈窗其實是一種干擾的信息提示，這時候考慮用戶可能正沉浸在產品體驗中，如果被強行打斷，那么也要告訴用戶WHY？

就像此前iOS13系統，低電量提醒彈窗的出現，可能用戶正在手機游戲過程中，這時候能夠快速了解發生了什么，才能做出操作。

2）易懂

正如可用性原則中說的一樣，當用戶看到一個頁面，應該一目了然知道它是什么意思的。

特別是標題與內容、按鈕文案，需要統一或者需要區分的地方，一定要清晰，如果需要引導用戶操作，可以在按鈕設計上做文章。

3）快速

快速響應，是一個彈窗的基本素養。什么是快速響應呢？

特別是在網絡狀況不好的情況下，更應該給予用戶反饋的狀態；比如用戶操作了一個需要付費或者消費的行為，那么這時候需要告知用戶當前的狀況，如果等你網絡好了再告訴用戶發生了什么，用戶早已經被嚇跑。

2. 交互要求

1）可識別

文案與顯示圖片需清晰，按鈕間的字體顏色需讓用戶了解按鈕的作用與說明，采取對比色進行區分。特別是按鈕文案的配色，盡量在突出信息的情況下，也讓用戶清晰文字信息。

2）可操作

對話彈窗是需要操作的，首先一定存在可關閉操作，其次就是直接操作；對于用戶來說，需要怎樣的操作，取決于TA自己的選擇，想不想要確定還是取消，是用戶的主動行為。

3）可控制

在既定場景里，如果與場景有關的信息提示，那么不應該進行頁面跳轉或者覆蓋掉用戶的操作當前界面，否則容易造成視覺影響甚至產生歧義。

3. 加分/進階：彈性運動

1）為什么用彈性運動？

彈性運動對比常規的運動讓人感知更加真實、流暢、自然，能彌補屬性動畫帶來的機械感給人的不友好體驗。

最優秀的例子就是iOS的系統動畫了，除了iOS本身系統出色，也有是UI動畫做得非常細膩。

2）彈性動畫類型

常用的有Spring、Ease in 、Ease out、Linear和Ease both，具體數值可以自行進行調整（這部分內容要按實際需求來增減，效果不可以過多，控制在適當的度，詳細的說明看后續的文章）。

二、彈窗的設計規范

1. 模態（對話框）彈窗

一個模態（對話框）彈窗基本由「四部分」組成，包含標題、內容、操作按鈕、蒙層，部分類型彈窗的樣式與內容會有所不同，但是所包含元素必然有「內容」。

如果對彈窗使用情況不是很理解的話，接著看下去，四大部分該如何使用。

1）標題

標題一般在彈窗框架的頂部，用于明確提示內容的主題與中心，讓用戶快速了解這是怎樣的信息，精簡為主，切忌采用長文案。

個人建議控制在7字以內，根據「2±7法則」，過多的文字會造成短期識別與記憶壓力，所以盡量控制（能用“超流量提醒”，就不要用“檢測到您的流量已經超額”這樣的廢話！）。

注：如果內容文案簡單，只有一小段話，那么可以省略標題，避免造成重復信息的干擾。

2）內容

內容一般是說明性文字，用來告知用戶主要信息，也是補充標題描述信息。作用既然是告知信息，引導信息，那么就不能夠太過復雜，表述簡潔清晰。

如果遇到長文案時，適當進行分行，適當進行頁面可滑動操作（內容盡量刪減，字數應在“5-30字”內最佳，長文案支持上下滑動，避免適配問題）。

注：盡量避免句號“。”和感嘆號“！”，容易給用戶強硬的語氣壓力；還有這類彈窗盡量少用，內容過多可考慮新頁面。

3）操作

操作一般是指對對話彈窗的交互操作，一般有“確定”、“取消”、“關閉”等。

作用是讓用戶擁有控制權，也是可用性原則中重要的一點（按鈕一般可以進行顏色區分，以側重需要突出的信息，也有提示類彈窗，那么也存在單按鈕情況）。

注：

• 按鈕文案不宜過長，注意操作人群的使用習慣進行左右分布；
• 選擇類信息一定要提供關閉按鈕，應用的強制更新除外；
• 不可逆操作應進行顏色區分，提醒用戶將進行重要選擇。

4）蒙層

蒙層是指對話彈窗后面的黑色的遮罩層，一般是帶有透明度的，作用是為了讓用戶更好區分對話彈窗與原本界面（透明度可根據產品特性調整，也可以根據實際情況去除）。

2. 其他彈窗

1）升級/警告彈窗

用于提示與警告用，常用于升級、警告、內測公告等內容。

此類彈窗必備的內容也是4要素，特別注意進行操作按鈕區分。

2）活動類彈窗

用戶告訴用戶特殊的信息、活動的信息，一般以好看的元素搭配吸引用戶點擊。

此類彈窗比較特殊，特別注意需要保留關閉按鈕，不可隱藏。

3. 非模態（提示框）彈窗

提示類的彈窗，一般也是Toast和Snackbar，主要是輕量信息的反饋，既不影響用戶的當前操作與當前視覺，也不去要求用戶需要進行交互，在呈現一定時間后消失（一般不超過5-7s），一般置于界面的最頂層。

1）反饋圖標

反饋圖標一般包括幾種狀態，成功、失敗、異常等；圖形元素更能夠吸引視覺焦點，比文字更生動形象，一般2s內很難抓住用戶焦點，所以圖標效果更佳（非必要，根據產品特性選擇是否需要圖標）。

2）反饋文案

文案一般非常簡短，在有限的時間內盡量清晰，讓用戶快速知道發生了什么（不可超過兩行）。

3）框背景

一般是為了在界面上層讓信息更加清晰，在復雜的界面中，如果此提示不加框的話，容易被其他元素所影響，造成了視覺干擾。

三、總結

無論是怎樣的設計，都是一個持續優化的過程，除了針對現狀問題進行修復優化，還要時刻了解互聯網市場的發展趨勢，不斷變更以適應互聯網時代的產品特性。

當產品前期沒有進行好好思考與打磨，那么在使用的過程中會暴露越來越多的問題，基于最基本的設計規范，進行優化更新——這是所有產品從業者、設計師，甚至開發者的共同目標。

在現在還是會聽到一些互聯網公司的聲音“體驗沒關系，能用就行”。

在市場競爭日益激烈的環境下，很多產品勝利在于它優秀的體驗維度，身為產品設計者還有用戶的我們，更要明白體驗是維持產品不斷發展的調和劑。

#專欄作家#

JaylonG（微信號JJ865477301），人人都是產品經理專欄作家。一枚擅長用產品思維看問題，用邏輯思維做分析，用情感體驗做設計的產品愛好者。愛好廣泛，歡迎交流，拒絕水友。

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

題圖來自 Unsplash ，基于 CC0 協議