產品設計中,當網絡斷掉時APP如何應對?

4 評論 13018 瀏覽 96 收藏 8 分鐘

如今移動互聯網已經深入到生活的各個層面,現在的移動應用已經無法脫離網絡而獨立存在。本文主要就是討論應用在網絡情況不佳時的處理方式,希望和大家多討論。

最初,應用的使用不需要網絡。我們下載一個應用到手機中,安裝包包含了所有的內容,比如游戲、離線地圖等工具。后來隨著移動互聯網的發展,app功能增加必須借助網絡來完成相應功能,所以當今大多數應用在無網絡的前提下是不能夠運行使用的。

本文主要討論app的斷網提示界面,現在市場上通用的斷網提示有三種——彈出框提示、背景圖刷新提示、頂部提示,這三種斷網處理方法分為2類。一個是斷網提示類型,如彈出框提示;另一個是斷網狀態類型,如背景刷新提示、頂部提示。當然后兩種也同樣起到了斷網的效果,但是傳達的意義有一定區別。這三種斷網處理方法也經?;旌鲜褂?,達到產品想要傳達的效果。

彈出框提示

這類斷網提示是最常見的,這種處理方法屬于一個過程提示,即提示用戶現在網斷了。它更突出斷網這樣一個動作而不是狀態?,F在大多數的應用也都使用此類斷網提示。

1

這種提示的特點是簡短、突出具有很強的提示性,此類處理方法一般可以應用于非IM類別的應用中,彈出提示框的時間點一般為向后臺請求時發生。這類處理方式最大的特點是具有極強的突出性,可以馬上引起用戶的注意。但是該類提示也具有一些缺點。首先,從心理學上講,人在使用工具(app)中具有一定連續性,即在出現任何中斷時人都會感到不安。比如我們正在進行的使用一個應用時突然黑屏,用戶肯定會對此感到非常詫異于驚恐。其次,傳達的意義也有限。因為大信息量大提示必然需要較長時間,越會給用戶以不安的感覺。

設計上為了將缺陷降低到最小也做出了一些改進:

  • 提示框較小
  • 提示語較短且清晰
  • 彈出時間短

在足夠表達提示的前提下盡可能的減少提示框面積,可以減少用戶的不安感,是手機畫面更可能多的保留之前用戶的使用狀態,這也符合iOS人機交互原則的順從原則。提示框的時間越長使人的不安感受越發強烈,所以注定傳達的內容需要極為精煉的語言來進行描述。大家可以參考上面幾張圖,無論從文案與彈框大小,都是極為精簡的。

背景圖提示

斷網的處理方法中,此類方法也較為常用的,表現一個斷網狀態。而且通常與彈出框提示混合使用。從使用場景而言,與彈出框提示不同的是,彈出框提示是一個過程,他告訴用戶現在出現了一個斷網的動作;而背景圖的提示方式表明目前處于斷網的一個狀態。一般用于非IM體系的應用中,特別是雜化H5頁面的應用。

2

這種方式提供了一個斷網的狀態,往往和彈出框提示搭配使用。在做出一個請求的同時,彈出提示框,提示用戶沒有網絡,同時展示背景圖提示用戶刷新。此種模式我個人認為是最佳的,即提示了用戶出現了斷網的動作,也可以標識出目前用戶處于什么狀態。而且一個優秀的背景圖也可以使應用增加趣味性,也符合iOS人機交互原則中的深度原則。

背景圖提示從場景上來講更加使用與頁面類的應用,說白了就是一個歡樂的404頁面。這里值得再次指出一點,一般的產品都擁有緩存設計,對于斷網的情況首先應該調取緩存內容,這樣可以保證用戶的連續使用。當頁面沒有緩存時,再調取背景圖提示是最優的處理方法。當然全網頁app更適應于這個方法。

頂部提示

微信與qq的用戶占有率如此之大,所以用戶自然對頂部提示未連接這種處理方式很熟悉。其實這是一個最佳的處理方式,即用較輕的方式提示了一個狀態又不過分影響用戶使用的場景與頁面,而且提示了現在網絡的狀態。不過這種斷網提示方式目前也就是使用在時時通訊應用中,因為IM應用中存在心跳,能夠實時監測是否有網絡信號,所以在信號恢復的第一時刻頂部提示就消失了。

頂部提示的好處在于既可以起到提示作用,又不會影響用戶對當前界面的操作,也可以顯示現有的網絡狀態,但使用場景是與服務器的時時通訊,所以一般使用在帶有心跳的IM應用中。

3

一篇信守拈來的小文,歡迎大家提意見與吐槽。做產品本身就是以小見大的工作,注意每個細節,充分理解業務才能成為一名優秀的產品經理。

#專欄作家#

高飛,人人都是產品經理專欄作家。移動醫療高級產品經理,綜合負責醫療資訊、電商、社交類產品族設計與開發。擅長需求挖掘,用戶研究,數據分析等。愛好羽毛球,對用戶體驗具有變態要求。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 我就想了解一下對用戶體驗有變態要求都是些啥要求。。。

    回復
  2. 什么是IM類型的應用

    回復
    1. 即時通訊應用,比如微信QQ

      來自四川 回復
  3. ??

    來自廣東 回復