歡迎來到深圳市來科信科技有限公司網站!
        您當前的位置:深圳APP開發 > 新聞資訊 > APP開發資訊 >

        已閱讀

        談一談APP彈框的一些設計準則

        來源:www.bqtao.cn ?? ?? 發布時間:2017-08-19
                彈框,是在APP開發中經常會碰到的。彈框的類別一般分為以下幾個:
          1.系統自動彈出的提醒
          2.幫助用戶快速的做出選擇
          3.對用戶的操作給予反饋
          4.廣告。
          在說之前,先來給這幾個類別定個清晰的術語:
          系統自動彈出的提醒 -- 系統提示
          幫助用戶快速做選擇 -- 操作引導
          對用戶的操作給予反饋 -- 信息反饋
          廣告 -- 廣告彈框
         
          一、系統提示
         
          其實系統提示這一種彈框,就可以寫很長的篇幅,但是為了不把大家越帶越深,免得邏輯理不清,所以我說幾個相對重要的。
          有一種是大家見得最多的,就是評分類彈框。這種自動彈出的提醒,每次都會讓我有想卸載App的沖動(就是那種無法克制的沖動,不知道你們懂不懂那種感覺)。
          這類彈框,需要遵守的四個設計準則:
          1.不要在用戶第一次登錄就立馬出來。別人都沒用你產品,你就要別人評價,是想怎么樣?
          2.注意彈框的頻率。別一會就彈一會就彈的,彈出魚尾紋怎么辦。
          3.專門定個入口。有些用戶確實人品不錯,他會在使用之后去給產品評價,所以留個這樣的入口,層級可以深一點,讓用戶自己去操作,會更好。
          微信直接在頁面里留個評價入口。雖然層級深,但是總比一直彈框提醒和干脆取消這種彈框提醒的方式要好得多。要記住,用戶想要評價自然會去做,如果不想,你做得多了反而會有負面效果。
          4.老生常談的四個字:注意美化。想要讓自己產品在同行業中脫穎而出,在功能做的較好的前提下,要展示出與眾不同的特色。
          小紅書在這方面做得還是很不錯的。當然還有很多其他的,我就是正好看到他們家的,大家可以借鑒下。多思考思考,有時候細節真的是可以決定成敗的。
               用了四個點來說明這類彈框的設計方法,我把它們稱作為系統提示類的彈框設計四大準則。當然還有系統會提醒用戶是否接收推送消息等等,這些彈框都是系統提示類彈框,這里就不多說了。只要遵守這四個準則,設計思路都是一樣的。

              二、操作引導
          這類彈框,也有四個設計準則:
          1.注意出現的頻率。如果是自動彈出做引導,那必須注意頻率,它們一般在下載之后第一次打開應用才會出現。
                2.文案要簡潔明了。有些彈框很有趣,出現的文案讓你不知道該選擇什么,其實明明就兩個選項。
          3.按鈕的主次之分。這個準則正好可以用在上面那個圖上。顏色或字體的粗細都是可以進行區分的,要學會引導用戶,去做你想讓他做的事情。
          4.美觀依然重要。
          在設計操作引導類的彈框時,遵守這四個準則,設計出來的彈框一定不會差。
         
          三、信息反饋
          信息反饋類的彈框相信大家經常會有看到,只是印象不深,因為這個彈框給人一種好像不存在的感覺,但是實際上是存在的。
          那么這類彈框同樣也有四個準則:
          1.提供一個小動效,如菊花。為什么呢?因為這類反饋彈框都會讓用戶等待,所以要跟用戶產生互動,讓用戶知道現在已經在加載,而不是卡住了。如果實在懶,不想做圖片動效,那來個省略號動效也行吧。
          2.讓用戶選擇關閉。不知道你們有沒有遇到一種情況,就是點擊了某個按鈕之后會有加載,然后不知道為什么就是加載不出來,速度非常緩慢,一直在轉菊花,然后點哪里都沒反應,只有一層黑色蒙版的背景,結果只能退出應用重新打開它。是不是很煩?所以提供一個關閉按鈕,絕對是非常合理的。
          3.文案簡潔明了。一個信息反饋類彈框,千萬不要有多余的文字,有些App為了彰顯獨特的個性,非要來一些非主流的文案,說實話,用戶一點都不關心。不要把時間浪費在這類所謂的“細節”上,意思明確且簡單是最好的。
          4.美觀,還是那么重要。
          反饋信息類彈框的設計較為簡單,也沒那么多篇幅,但是如果要細說還是有很多內容了,這里就不延展開來討論了。只要遵守這四個準則,基本能完成這類彈框的設計了。
         
          四、廣告彈框
        最后一類,這是最近常看到的一類,它存在于各類彈框中,當然也包括系統提示、操作引導、信息反饋。有些產品的彈框是為了廣告而彈,這也是很常見的。來看看出現最多的一類:
          有時候外賣點完會讓你分享紅包,這類彈框是非常典型的廣告類彈框。還有很多其他的,不過今天我先說說這一種。也是一樣,廣告類彈框的設計也需要遵守四個準則:
          1.廣告內容明確,主體不要偏。做過平面設計的同學都知道,每次領導來一個需求,要求你設計一張banner或者海報之類的物料,恨不得把所有東西都擺上去,顯得內容豐富(其實我們都知道,low爆了)。但是在設計App廣告彈框時,必須要記住,你要宣傳的東西得很清晰,很明確。
          2.按鈕設計要突出。想要讓用戶使用你宣傳的東西,就干脆點,別小家子氣的來幾個小按鈕,然后內容特別多,你是要讓用戶看還是讓用戶用呢。何況一個彈框就那么一點大小,真要說很多的話就專門留個路口給用戶好好介紹下。
          3.優化文案。
          4.還是美觀。
         
          很多團隊都認為彈框就是一個提醒,有就好了,不用在意這么多。但是一個App的好壞就在這里能看出。彈框是交互設計中非常重要的一個點,這類設計不僅考驗交互設計師的綜合能力,也能從產品看出整個團隊的整體水平如何。這就是一個細節,但是細節往往決定成敗。

        APP開發 網站開發 產品設計 微信公眾號 APP開發公司 用戶體驗 APP運營 微信小程序 產品經理 網站設計