產(chǎn)品設(shè)計:邊緣情況類型和解決方法

2021-9-6    資深UI設(shè)計者

編輯導(dǎo)語:在產(chǎn)品中,有某些情況是客觀存在但卻極少出現(xiàn)的,這就是產(chǎn)品中的邊緣情況,而邊緣情況的發(fā)生會影響用戶的使用體驗,因此產(chǎn)品設(shè)計時需要考慮到如何應(yīng)對邊緣情況的發(fā)生。本篇文章里,作者就邊緣情況的類型、應(yīng)對策略等方面做了總結(jié),一起來看一下。


一、講在前面

作為一名職場中合格的交互設(shè)計師或產(chǎn)品經(jīng)理來說,避免在工作中出現(xiàn)遺漏各種邊緣情況的考慮,與規(guī)避在方案評審的時候會遭到評審會中其他同學(xué)的各種diss的尷尬,是評判交互方案和交互設(shè)計師活好不好的重要評判指標(biāo)。

所以,產(chǎn)品設(shè)計方案好賴看產(chǎn)品和交互的能力,產(chǎn)品和交互能力的好賴不得不看邊緣情況怎么處理了。

交互設(shè)計其實(shí)是“向好避壞”并行的設(shè)計過程,向好設(shè)計是要追求絕對的好,結(jié)合實(shí)際情況竟可能保證產(chǎn)品體驗的舒適和驚喜,這是產(chǎn)品設(shè)計一定要為用戶的極致體驗需要負(fù)責(zé)的;避壞設(shè)計是相對的壞,結(jié)合實(shí)際情況盡可能為一些低頻場景的極端情況做好容錯方案和機(jī)制,這就是產(chǎn)品設(shè)計中常常提到的邊緣情況處理設(shè)計。

二、什么是邊緣情況

從產(chǎn)品角度來講,邊緣情況是在用戶使用APP的時候,極少會出現(xiàn)但是又客觀存在的、會極大影響產(chǎn)品使用體驗的一些不可控場景,這是區(qū)別于需求功能設(shè)計的一種隱性問題。

邊緣情況的出現(xiàn)往往是和硬件設(shè)備、系統(tǒng)、技術(shù)和使用環(huán)境有強(qiáng)關(guān)聯(lián)的,和產(chǎn)品需求或交互設(shè)計本身關(guān)聯(lián)較小,但是也有一些極少的場景,之后我們會給大家舉簡單的例子作為解釋。

iOS 14 中遇到的邊緣情況

對于所有的邊緣情況來說,其實(shí),不管哪一種因素導(dǎo)致的不可控的情況發(fā)生,作為交互設(shè)計師或產(chǎn)品經(jīng)理來說,我們都可以用嚴(yán)謹(jǐn)?shù)倪壿媮韺⒁馔獾倪吘壡闆r預(yù)先做出優(yōu)化處理。

但是通常在產(chǎn)品設(shè)計的時候,邊緣情況是很難被我們通過設(shè)計方法所避免的,同時,邊緣情況也會隨著網(wǎng)絡(luò)技術(shù)、硬件設(shè)備、系統(tǒng)及技術(shù)的變化而變化的,而且有時候業(yè)內(nèi)也會將“解決邊緣情況問題”的能力作為一個產(chǎn)品經(jīng)理或交互設(shè)計師是否有經(jīng)驗是否資深的一個評判標(biāo)準(zhǔn)。

所以,在日常的工作中,能主動應(yīng)對或者在輸出需求和交互方案時,可以先入為主地考慮和走查自己是否考慮到邊緣情況的處理機(jī)制就顯得格外重要了,這就是區(qū)別你和普通產(chǎn)品經(jīng)理或交互設(shè)計師的一個直觀評判標(biāo)準(zhǔn)了。

三、邊緣情況分類

  1. 環(huán)境主導(dǎo)類:比如最常見的了網(wǎng)絡(luò)狀況,弱網(wǎng)加載、斷網(wǎng)加載,云端內(nèi)存已滿、系統(tǒng)問題、磁干擾等等。
  2. 硬件主導(dǎo)類:硬件內(nèi)存上線、硬件CPU超高超低溫度影響、多按鍵沖突等。
  3. 軟件主導(dǎo)類:多設(shè)備多賬號同時登陸、圖片縮放上限未限制、新功能在新老版本中的兼容問題等。

四、邊緣情況處理

關(guān)于邊緣情況的解決方案大致可分為3類。

1. 錯誤提示

該解決方案是相對研發(fā)成本最低的一種處理方法,但是,對于用戶來說,體驗感是最差的。這類解決方案往往以dialog或toast給予用戶錯誤提示,如下圖抖音斷網(wǎng)提示:

抖音 v15.4.1

2. 引導(dǎo)解決

這是遇到邊緣情況最常用的一種解決方案,也是一種比較“中庸”的方法,可同時堅顧研發(fā)成本和用戶體驗的平衡,也是對于一些環(huán)境主導(dǎo)的邊緣情況的最佳解決方案,因為環(huán)境主導(dǎo)型的邊緣情況有時候只能用戶自己解決,APP是沒有辦法真正避免的。

該類解決方案往往會給出用戶具體的解決步驟,如下圖微信斷網(wǎng)提示:

微信 v8.0.4

3. 預(yù)備planB

該解決方案應(yīng)該是對用戶體驗最友好的解決方法了,這就是一種難受自己、滿足用戶的“自虐行為”,它可以在最大限度不干擾用戶的前提下,默默處理掉一些突發(fā)的邊緣情況而用戶卻毫不知情,但是這種解決方案就會加大開發(fā)成本和損耗研發(fā)人員的大量腦細(xì)胞了。

這種預(yù)先做好planB的處理方法通常用戶是對已經(jīng)出現(xiàn)的邊緣情況無感知的,比如微信(v8、v7)的朋友圈評論處理機(jī)制,在斷網(wǎng)或弱網(wǎng)情況下,用戶評論或點(diǎn)贊朋友圈是沒有任何斷網(wǎng)弱網(wǎng)提示的,這是因為微信將用戶操作數(shù)據(jù)保存到本地,等有網(wǎng)的情況下再次請求數(shù)據(jù)知道評論或點(diǎn)贊成功為止,這樣就很好地避免了打斷了用戶評論和點(diǎn)贊行為。

五、常見的邊緣情況lists

1. 環(huán)境主導(dǎo)型

  • 網(wǎng)絡(luò)狀況不好時,如,弱網(wǎng)、無網(wǎng)情況時的加載等待和請求失敗的提示。
  • 根據(jù)網(wǎng)絡(luò)類型選擇不同的數(shù)據(jù)加載方案:如瀏覽視頻時,對于手機(jī)網(wǎng)絡(luò)的判定為無線網(wǎng)或數(shù)據(jù)流量時的區(qū)別對待,無線網(wǎng)絡(luò)連接時,視頻圖片都內(nèi)容提前預(yù)加載,視頻自動播放;使用數(shù)據(jù)流量時不預(yù)加載視頻音樂等耗流量的內(nèi)容,也不自動播放。
  • 從云端拉取數(shù)據(jù)時,如,iOS中,用戶選圖發(fā)送feed時,如選擇了被存儲在iCloud里的情況時,圖片和視頻需要先下載到本地,這里需要給與用戶下載提示反饋,和等待措施。
  • 安卓輸入法鍵盤是系統(tǒng)的,光標(biāo)和輸入法不能聯(lián)動同步。

2. 硬件主導(dǎo)型

  • APP內(nèi)存情況:APP中打開照片和視頻預(yù)覽頁與APP外存即手機(jī)內(nèi)存:刪除該預(yù)覽照片和視頻時的顯示邏輯。
  • 相冊選圖達(dá)到最大限數(shù)后,其他圖片置灰時,有些安卓機(jī)子性能不好會出現(xiàn)卡頓,和一屏顯示幾乘幾的圖片以及用戶最多可選多少張圖也有關(guān)系。
  • 多端聯(lián)動:賬號被另一設(shè)備登出,可多設(shè)備同時登錄還是僅限一臺設(shè)備登錄,還是半閉狀態(tài),部分功能可多設(shè)備使用,部分功能僅限一臺設(shè)備使用。

3. 軟件主導(dǎo)型

  • APP拍攝圖片使用上傳為頭像背景圖時是否存儲在本地相冊,何時何種行為后儲存等。
  • 圖片縮放和異形圖(超高超長圖處理)可放大至多少像素或原圖的多少倍。
  • 加載動畫出現(xiàn)的時間限制,加載時長超過1s后在顯示加載動畫,一般為中心加載長設(shè)限,類似Instagram的替補(bǔ)狀態(tài)欄加載的橫條加載動畫影響不大。
  • 新功能在老版本中的兼容問題。
  • 手勢滑動距離的設(shè)定,類ins相冊上滑交互的考量。

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

文章來源:人人都是產(chǎn)品經(jīng)理   作者:一只船

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)



分享本文至:

日歷

鏈接

個人資料

存檔