<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          優秀網站設計賞析

          前端達人

          很多網站仍然在使用老舊的頁面設計,比如國內一些企業官網,萬年不變的相類似的模板,外國的則是hero頁面,帶CTA按鈕,三欄式的布局。這些設計不能說是不好的設計,很實用,用戶能夠預測展示的內容,也容易找到需要的內容。但是正因為可預測,用戶沒有新鮮感,沒有期待,所以我們找了一些不僅打破常規,也依然有良好用戶體驗的網頁設計。

          藍藍設計(北京蘭亭妙微科技有限公司)是一家專注而深入的UI設計公司,公司對UI設計的追求一向很高,致力于為卓越的國內外企業提供卓越的手機app/安卓ui設計、軟件界面設計、網站設計,用戶研究、交互設計服務。

          接下來是精彩的UI設計賞析

          jhk-1605781847488.png

          jhk-1605858507124.png

          jhk-1605858621125.png

          jhk-1605858643110.png

          jhk-1605858651660.png

          北京藍藍設計團隊來自清華美院,工作多年,行業經驗豐富,專業性很強。我們是熱愛設計,設計不僅是我們的專業,我們的職業,還是我們的愛好。每一個藍藍設計的設計師都希望自己的設計越來越好,以高標準,敬業用心的態度、專業的技藝得到客戶的認可。為此,我們不惜代價,愿意額外的付出時間、精力,去學習、去嘗試、去研究、去探索。工作賣力,玩的開心。做好卓越的界面設計,成為這個領域的資深專家,幫助客戶取得成功,是我們的目標。

          jhk-1605858672127.png


          藍藍設計秉承設計優秀,不斷超越的理念,誠信敬業、專業耐心的工作作風,一直堅持注重用戶心理體驗及“設計與營銷”等領域的理論與實踐相結合。10余年專注努力,300+案例磨練。我們在ui創意設計,用戶體驗與交互設計,各種類型軟件界面設計,國際化標準和流行趨勢,進行過不斷的學習和實踐。藍藍設計提供的是可以信賴的ui設計服務,我們內部有一套管理要求,比如去客戶現場每周一次的檢視和溝通、內部提案會議、每天下班前的整理反饋成果發郵件、隨時溝通的qq、電話,階段性的匯報和進度記錄整理。多勞多得的獎勵機制,客戶滿意度評價獎勵機制,鼓勵大家用心、平和、耐心、勤奮、創新的做事.



          (以上圖片均來源于網絡)

          (精美流程圖設計)



            藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服



            更多精彩文章:

                 ui界面設計之網站設計案例欣賞(一)

                 超贊的創意頁面排版設計,打造“視”不可擋的網頁設計

                超贊的網頁設計+精美流程圖賞析

                 超贊的網站設計賞析


          4個案例教會你如何像設計師一樣解決問題

          周周

          好的設計是能夠解決不少問題的,具備設計思維不僅僅對設計師很重要,對我們來說同樣不可忽視。那么,什么是設計思維呢?我們又應該如何用設計思維來解決問題?本文作者通過這四個案例,教會我們如何像設計師一樣解決問題

          寫出好創意的方法論,都在這了!

          周周

          運營人的日常工作,是與創意分不開的。無論是寫文案還是設計頁面,無論是拉新促活,還是管理社群,都需要在以往的基礎上進行突破,而這就需要進行頭腦風暴了。創意這種捉摸不定的東西,如果沒有方法論的支撐,則會浪費時間和精力。接下來,本文作者為我們總結了一套寫出好創意的方法論

          辭典精譯 | 怎么做響應頁面?柵格系統來幫忙!

          鶴鶴

          柵格系統知識點 


          使用柵格系統很有幫助,它有助于在不同布局之間保持一致性,并加快設計決策的速度。柵格可更地控制不同屏幕尺寸之間的對齊方式及布局。本文重點介紹響應式柵格的重要知識點,以及產品設計師如何在設計工作流中調整柵格。


          柵格結構

          柵格由3個主要組件構成,包括列、槽和邊距。

          列是虛構的垂直塊,用于對齊內容。我們用百分比(%)或固定值定義列寬。


          柵格中的列


          它是列與列之間的空間,有助于分隔內容,我們將槽的寬度定義成固定值。


          柵格中的槽


          邊距

          邊距是內容和屏幕邊緣之間的空間。我們將邊距寬度定義為固定值,該值決定每個屏幕尺寸的最小空間。彈性邊距指的是列,槽和側邊距組成柵格后剩下的空間,它會根據不同的屏幕尺寸而變化。


          柵格中的頁邊距和靈活邊距


          如何使用柵格設計界面?

          信息內容(圖像,文本或UI元素)常常會被放置于可見和不可見的內容塊中??梢妰热輭K具有明顯的邊框或填充區,而不可見內容塊則不具備,多數是透明底??梢姷母讣墐热輭K包括卡片,橫幅等組件。


          卡片形式的可見內容塊


          不可見的內容塊包括文本或功能按鈕。


          內容塊應與列的邊緣對齊,避免與槽邊緣對齊。內容塊中的信息是獨立的,不一定非要與列對齊。


          內容塊的列對齊


          列結構

          用于構成柵格的列數稱為列結構。8、12、16和20是用于響應式布局的一些最常見的列結構,設計師可以根據設計要求選擇具體結構。


          8/12/16/20列柵格結構


          12列結構是最靈活的,它可以進一步分解成為4–4–4或3–3–3–3大小的內容塊。


          響應點

          當屏幕尺寸到達響應點,那么頁面布局也會有對應更改,以實現最佳的布局視圖。列結構,列寬,槽寬度和邊距都取決于響應點。內容塊則根據不同的響應點堆疊或縮放,以重新調整獲得最佳視圖。


          柵格縮放和堆疊


          如果較小的屏幕具備足夠空間來呈現,其實縮小比例就能展示完整了。如果屏幕實在是太小,就會垂直堆疊成一列。


          柵格的呈現類型

          柵格有3種呈現形式,一起來看下吧!

          固定柵格

          固定柵格有固定寬度的列以及頁面邊距,且固定的柵格具有固定的內容塊寬度,該寬度在響應點范圍內不會出現變化,并且頁面邊距會占據剩余的空間。


          固定寬度柵格


          流動或全寬柵格

          流動柵格列的寬度是不定的,但槽和頁面邊距都是固定的。流體柵格具有靈活的內容塊寬度,該寬度根據屏幕大小來變化。流體柵格中,列會隨著可用空間變大或是縮小。


          流動柵格


          混合柵格

          混合柵格同時具有流動寬度和固定寬度。在現代布局中,一些元素會完全脫離柵格。常見的例子比如頁眉,頁腳,或是出血的圖片內容塊。


          混合柵格


          如果內容塊寬度大于可用的屏幕尺寸,則固定柵格會轉變為流動柵格來適應屏幕。


          如何在原型制作工具中設置柵格系統?

          電腦視窗

          不要以1440×900、1600×900或1920×1080等高分辨率進行設計。1280×800是電腦端內最小的分辨率,以1280×800設計的流動與固定寬度的布局都可以適應更大的屏幕。


          固定寬度柵格設置

          要設置固定寬度的柵格,我們對槽和列都應固定好數值。建議設置列寬為74px、槽寬32px以及16px的邊距。


          固定寬度柵格設置


          列寬74px、槽寬32px可以生成1240px的內容塊寬度(不包括兩端的16px側邊距),最大化的利用了可用屏幕尺寸。在不同的響應點,固定內容寬度大于當前屏幕尺寸時,則固定寬度柵格開始變為流動柵格。


          流動柵格設置

          要設置流動寬度柵格,對槽使用數值,對列使用自動計算的值(以%為單位)。


          流體布局柵格設置


          流動柵格利用整個屏幕尺寸作為主要內容的寬度,每側留出16px的側邊距。


          移動視窗

          在移動端使用流動柵格,槽和頁邊距的寬度推薦設置成16px。因為移動設備的屏幕分辨率較小,若再分成12個獨立的列、槽和邊距的話,設計起來也會很麻煩。


          移動端的流動柵格設置


          因此,我們將3列中的每列合并以創建4個粗列,從而使布局柵格既簡潔又方便,快速對齊。


          平板視窗

          平板設置柵格的方式與移動設備非常相似,推薦槽寬和邊距分別設置為32px與16px,可以在768×1024大小的畫板上為平板設計界面。


          平板電腦流動柵格設置


          將12列優化成6列,讓柵格清晰明了,谷歌的材質設計曾建議使用24px寬的槽與頁邊距,實際應用時,不妨都試下看哪個效果更好。


          布局樣式

          柵格布局的變化決定了主要內容的結構,針對不同的布局要求,使用不同的柵格系統,而頁面中的內容塊數量決定了頁面布局的變化。


          單列布局

          單列布局或全寬布局,是著陸頁和首頁的風格之一。還可以合并12列來創建一個單列內容塊,也可以將12列分配到父級內容塊中。


          一級頁面常應用單列或全寬柵格布局


          雙列布局

          該布局有兩個內容塊。通常,其中的一個內容塊會占據比較多的區域進行信息展示。



          在雙列布局中,列要么分布在9–3或8–4父級內容塊中,其中的一個組合列區域,用來創建主要內容。帶有單個邊欄的界面是兩列布局的常見呈現形式。


          三列布局

          三列布局具有三個內容塊,主要內容塊占據最大的展示區域,在三列布局中,列分布在3–6–3或2–8–2父級內容塊中。


          固定寬度的側邊欄布局

          固定寬度的邊欄布局稍有不同。邊欄寬度在一組響應點范圍內固定,剩余空間由固定寬度或流動寬度的內容塊占用。


          側邊欄固定布局


          移交開發

          在原型工具中,設計布局和編碼有很大的不同。代碼可以合并列或將其堆疊,比如合并12列以創建單個列布局,或將12列分布到一組,用來創建不同布局變化的內容塊。在原型設計工具中設計布局時,你需要確保開發人員清楚了解電腦端,移動設備和平板設備上設置的列寬、槽寬及邊距。像Bootstrap,Zurb Foundation等開發軟件,其中對柵格值的設置會有出入。


          自定義柵格


          設計師可以多嘗試不同的柵格值設置,以找到最適合自己的呈現形式。如果交付開發的時間非常緊急,請使用文中建議的數值,更保險也不會出錯。


          文章來源:站酷   作者:UX辭典

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          產品問答:產品同質化怎么破?

          濤濤

          產品該如何避免同質化?本文作者依據工作中項目實踐的所思所想,從產品同質化的產生原因出發,結合企業和用戶的具體應用案例,就此話題分享了自己的想法,供大家一同參考學習。

          這篇文章只是想從個人理解的角度回答下標題問題,如有不足,歡迎指正和討論。

          一、為什么會有產品同質化?

          產品是需求實現的載體,是企業和用戶實現價值交換的媒介。需求是有來源的并不是憑空可以創造的,這也就意味著可見的、可交換且可盈利的需求在一定程度上(沒有新元素加入的情況下)是有限的(這和需求本身的無限性并不沖突)。再也不是移動互聯網初期一片藍海,站在風口就可以起飛的時代了。

          除了這個外部因素外,新業務的試錯成本往往比已經驗證過可行性的產品來的高的多。因此,為求穩,也有不少本身有實力的公司會進入相同的賽道一爭高下。

          但是沒有差異的產品對用戶來說由于替代成本低,很難維持穩定的用戶群體。本文分別從用戶分析和企業核心競爭力兩個角度分析,在同質化中尋找突破口。僅為作者本人經驗和觀點,如有不足和問題,歡迎溝通和指正。

          二、從用戶出發,精準把握產品定位

          1. 飛豬 VS 攜程

          因為前段時間去成都需要訂酒店,原本是想單純的做下比價的。但是卻意外的發現兩個APP酒店的推薦邏輯差異甚大。

          根據推薦結果不難發現,攜程的關鍵詞是商務型、中端酒店,而飛豬則更偏重于經濟型、酒店公寓(民宿),且兩者在整體均價上也是拉開了差距的。

          攜程作為出行行業的老大哥,在移動互聯網還沒有普及時,就已經占據旅游出行機酒業務的半壁江山了,特別是商務出行板塊。而酒店線上預訂業務本身就是偏重于供給型,沒有資源就沒有話語權。

          而在這種情況下,飛豬通過抓住近年旅游行業爆發的契機以及大眾對民宿接受度的提高,把握年輕群體對休閑游、窮游的訴求,加之其對小型公寓酒店、民宿的扶持和曝光(19年成立了菲住酒店聯盟,實現聯盟會員共享),實現了這部分用戶和商家的在線交易。

          雖然從表象上看產品的形式是相同的,都是酒店預訂,但是產品本身的定位和底層邏輯的不同,各自圈定了不同的用戶實現了差異化競爭。

          2. 巧克力VS口紅

          上面攜程和飛豬的例子是基于一個小的賽道在做細分,如果只將目光放在這個層面,那只是在“分餅”,但是這種情況下餅的大小總是有限的,如果不換個角度“把餅做大”,在競爭嚴峻的當下也很難長久的不被打倒。

          之前在阿里媽媽的公開課中看到過這樣一句話:今天巧克力最大的競爭對手是誰,不是糖果,不是堅果,而是口紅。

          這是基于當今消費并不只基于個人的需要,而是越來越多的扮演著情感表達、場景營造的角色(基于阿里媽媽2020消費觀察數據),25歲男性對口紅價格的接受度甚至是女性自用的三倍,口紅逐漸蠶食了巧克力在男女戀愛市場中穩固的禮物寶座,想想在口紅一哥李佳琪的一聲聲“OMG,買它”中,多少男性也同時乖乖的掏出了腰包。

          因此,我們差異化的思考不應該只局限于品類下人群的思考,也應該基于不同的場景去挖掘場景下的用戶群體。

          三、從企業出發,發揮企業核心優勢

          1. 美團優選 VS 橙心優選 VS 多多拼團

          今年年初的疫情,雖然對各大行業都造成了不同程度的損傷,但是卻“社群團購”這個模式看到了曙光。

          艾媒咨詢數據顯示,在疫情的刺激下,2020年社區團購市場發展迅猛,市場規模預計將達到720億元,而未來隨著市場的良好增長態勢,2022年中國社區團購市場規模有望達到千億級別。

          各大平臺也在下半年爭相加入這個賽道:美團、滴滴、拼多多相繼推出了美團友選、橙心優選和多多拼團,均將其作為下個階段的業務重點。

          本身社群團購這個模式本身是可以成立且存在用戶體量龐大。但是,從松鼠拼拼到呆蘿卜,都昭示著生鮮、社群并不是一個好啃的骨頭。

          從三個平臺目前呈現出的產品來看,產品邏輯是一致的,依然是通過團長建立社群拉流量下單并獲得提成的模式,前期搶地盤搶團長的價格戰看來是在所難免了(某鹿已經為能夠薅到羊毛平臺羊毛開始暗自竊喜了),但是價格戰始終是雙刃劍,并不是長久之計。

          這就需要深究,相同的模式,企業通過什么實現差異化競爭。這三家平臺加入這場戰役,憑的到底是什么核心競爭力,總不能真的是指望靠燒錢燒到行業第一吧。

          回歸社群團購這個模式本身面向的群體是偏價格敏感型,且因為社群本身快速傳播的特質,對品質的要求更為嚴格了,真正是要求物美價廉。對供應鏈和履約的要求十分高,也難怪乎有人說“社群團購,始于團長,終于供應鏈”。

          對于美團來說,O2O的基因是刻在骨子里的,本地現成的數以萬計的線下商家都是潛在的團長,且這些團長是自帶線下流量的;對于線下B端的管理和運營也是輕車熟路;此外線下商家支持以供應商模式入駐美團優選為平臺供貨,對于平臺品類的豐富度提升有極大幫助;外賣配送的管理經驗讓他在物流上也占有相當優勢。

          滴滴原來的行業布局和社群團購看起來似乎是毫不相關的,但其對在線下司機的管理、運營上是有一定沉淀的,而對于團長的管理在這個點上是可以互通的,在團長履約上是具有一定保障的。而滴滴因為有貨運的布局,其在物流上是具有一定優勢的,社群團購雖然時效要求沒有外賣高,但也都是要求次日達的。但在供給上的劣勢也是十分明顯的。

          早期多多是從生鮮水果拼團開始做起,不排除他在這塊供應鏈的運營和把控上是有積累的,且從早期的生鮮價格來看,其價格優勢較為明顯。同時因為拼多多原生用戶群體中一大部分都是對“白牌”價低質優商品存在相當高接受度的用戶,相信價格和品牌差異(限于標品,非生鮮果蔬類)依然會延續成為多多拼團的優勢。

          但拼多多目前一直只有線上電商業務,本次社群團購是其首次轉戰線下履約的嘗試,其挑戰難度也是不言而喻的。

          所以基于以上的剖析,從我的角度來說,這三家中,我個人目前是更看好美團優選未來前景的,他底層在供應鏈上的優勢差異是目前另外兩家還無法達到的。不過這個領域盤子不小,各家發揮優勢的話后續還真不好說。對于這場仗,我拭目以待。

          總結

          基于以上論述,即使是看似“同質”的產品和業務,但是通過對業務的理解,對用戶的挖掘,對企業自身優勢的把握而實現“不大相同”的邏輯,我認為這就是身為產品經理很重要的意義所在了。希望我們都可以做出各自領域與眾不同的產品來。

          文章來源:人人都是產品經理    作者:麋鹿產品   

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          通知系統的設計規則 | 深度解析

          鶴鶴

          本篇文章從通知模塊的組成部分,到通知模塊的設計規則,進行了一個詳細的講解,幫助讀者更好理解對于通知的設計。

          我們通過門鈴聲兒得知門外有人來訪,也能通過電話鈴聲得知正被人呼叫。短信通知也有著類似的作用,包括各類產品的消息推送。


          但不同的是,消息推送的重要性隨著「通知」被濫用而變得不那么重要了。它們變得不像門鈴或電話鈴聲起到的作用性那么大,包括短信現在也大多是垃圾信息。


          而且,通知越來越多地通過各種方式去觸達用戶。比如消息未讀的紅點提示,或者顯示消息的數字統計,以及手機使用過程中的頂部提示與聲音或震動的提醒,等等。


          但我們還是無法抑制點擊圖標的沖動,這僅僅是因為它具有未讀的計數或紅點提示,即使我們已經知道當中的內容并不重要。


          而我要說的是,當通知內容變得次要且被濫用之后,它仿佛成了一種違背設計原則的功能 —— 中斷用戶當前行為。因為它打破了用戶與產品之間的層級關系,破局至產品之外來吸引用戶的注意力,這是一個非常打擾的行為。如果我在看書,突然收到一條并不重要的消息,那我一定會非常反感。


          所以,為了不被「紅點」支配,以及不讓通知所打擾,我會把手機里所有產品的消息推送都給關了。


          但是,以上內容并不能說明通知的無用論。同樣有許多用戶還是沉迷于通知的使用上,它所控制的是用戶對于某個產品的控制欲,擔心錯過某條消息,就好像我在豆瓣寫了篇隨筆,就想看別人給我點贊評論的消息,但我又不可能一直盯著,所以通知這時候就起到了一個很好的作用。


          以至于對于優秀的產品人或設計師,包括運營來說,利用好通知,就能掌握用戶心理,巧妙的將用戶留在產品中。它們甚至有助于與打算放棄產品的用戶建立聯系并促進互動。


          那么,我們應該如何更合理的設計通知呢?下面我們通過「通知的組成部分」以及「通知的使用類型與規則」來詳細做一次拆解。


          通知的組成部分


          關于通知的簡單定義:它是一種吸引用戶注意的功能模式,讓用戶獲悉新事件的信息動態。產品將其發送給用戶并與用戶產生交流。


          因此從這個定義中我們可以知道,通知有兩種形式,分別是被動只讀型和操作反饋型。


          被動只讀型,是指該信息可讀,但不可進行操作;操作反饋型,是指用戶可對該通知進行操作,如某寶訂單支付成功后的地址信息確認通知。


          所以在梳理組件的時候也要注意掉這個差異。


          1.消息中心

          這里的消息中心,是一個信息匯總中心,但并不一定是信息來源。意思是,信息來源可能是有很多用戶在你的文章下面點贊了,而這個點贊行為被匯總到了消息中心,再用消息中心指引作者去到文章頁面查看具體詳情。


          所以它是一個匯總表。但也有可能它就是信息來源點,比如一些系統通知,告知要升級,因為它沒有其他功能可承載,所以只會在消息中心里出現。


          或者類比 iOS 系統的通知中心,如果通知是 App 推送的,那么它會指引用戶進入某個 App;如果通知是系統行為,如勿擾模式,「6:00 前來電和通知將會靜音」這個通知,是只可在通知中心進行操作的。想要更改,就需要手動打開設置。


          2.通知指示符

          它可以是點,也可以是計數器,只要表明目前消息中心有新的信息就可以。我個人一直覺得這就是讓我們多數人養成強迫癥的罪魁禍首。


          3.信息標題

          它主要是指該信息來自于誰或屬于什么子類型,比如用戶互動點贊消息,評論消息,系統消息等等。用戶可以通過標題來獲悉該信息類型,再通過內容摘要來判斷內容是否重要。


          當然,這里的摘要如果過長,就需要省略處理,引導用戶進入消息源或消息中心。


          4.推送時間

          推送時間是一個看起來簡單,實際上也好像不是很復雜的邏輯。只要說明該通知的發送時間即可,但是需要注意的是時間段問題。比如幾分鐘前,幾小時前,幾天前,這里的邏輯是按照時間推進規則持續增加來告知用戶該消息的推送時間節點的。也就是過得越久,時間概念就越大。


          5.通知圖標

          上面講到消息類型,我們也經常會在各類產品中發現不同通知的類型會匯總在各自的類型下。包括用戶所接收到的信息,通常也會告知用戶該信息屬于什么類型。有時候,標題可能會更細,但是用戶通過圖標可以判斷該信息屬于什么類型,甚至都不需要仔細查看標題與內容。


          但是,并不是所有產品的信息都可以通過圖標來判斷,有時候圖標只是一個大方向,如果手機鎖屏,相對于用戶來說,這條通知只是告訴用戶該信息是由什么產品推送,而并不能指向至該產品的什么類型的信息。所以在使用的過程中,同樣需要根據業務的場景,謹慎地選擇圖標。


          6.閱讀指示器

          它就像是上面提到的紅點,這里指的是進入 App 的消息中心之后,所顯示的內容。


          7.操作行為

          這里的操作行為分兩種,分別是 App 外與 App 內,它們之間的操作邏輯是不同的。iOS 系統通知的清除操作,只是在系統的通知中心將該信息清除,進入具體 App 后,這條消息還是會存在。而在 App 內刪除該條信息,則該信息才會真正消失。


          所以從上面可以看到,通知推送,是有兩大類別的,分別是 App 外與 App 內,它們之間的邏輯關系與展示形式會有所差異,需要根據具體情況進行設計分析。


          8.小結


          對上面的內容進行總結,可以得到這樣一幅畫像:

          大部分系統或產品的通知組成,都可以通過此圖概括,唯一不同的是,它們會隨著不同的業務而發生變化。


          比如豆瓣的推送消息告知用戶近期有新的電影上映,那么通知來源要么是電影模塊的功能詳情頁,要么是通知中心的系統消息;而通知類型就是內容更新;詳情則根據具體內容來組合排列;最后送達至用戶。


          而其中的差別就是,如果是通知中心推送的,用戶點擊之后則是進入通知中心列表。如果是具體功能推送的,那么用戶點擊進入的就是具體功能頁面。如下圖所示:

          從這里可以看出,通知是有具體模式的。


          一旦確定了通知的主要目標,以及想要解決的問題,包括它們如何對業務產生作用以及對用戶形成吸引力,就可以確定通知的具體樣式了。


          在這一節里只要知道通知的組成部分與通知模式如何指引用戶進入 App 即可。后面我來帶大家理一遍邏輯,以及在設計通知時要注意哪些問題。


          通知的使用方法


          聊完上面的內容之后,我相信大家對通知的組成與使用模式已經有了全新的認識,但也僅此而已,我們還是不知道一個優秀的通知功能應該從哪些方面去提升用戶體驗。這里面所包含的不止是表象,還有內在的規則邏輯。所以從這一節開始,我們仔細來梳理一遍。


          從我們平時使用到的,以及上文提到的,可以大概先梳理出幾類常見的通知類型。


          1.用戶信息類通知


          這種類型的通知有很多,比如微信消息發送,知乎私信,手機短信等等,它們主要由用戶主動生成發送至其他用戶被動接收,作用就是促進用戶與用戶之間的互動關系,以提升用戶使用產品的頻率與時長。


          這種通知,可給予用戶操作也可不給予操作,不操作就是讀取,并回復;操作就是可對該用戶的信息進行屏蔽、已讀、刪除等設置。


          這是最常見的通知類型,在多數社交產品與有社交特性的產品里都能看到。


          說明


          之所以給予用戶信息的操作行為,是因為用戶信息可分為感興趣的與不感興趣的,它主要取決于人。不感興趣的人,頻繁的發送信息,會影響用戶對產品的好感度,畢竟有很多用戶消息并不是用戶想要接收的,所以在社交產品里,用戶可刪除好友,或拉黑好友;在有社交屬性的產品里,用戶可拉黑賬戶,以達到不被騷擾的訴求。

          如果沒有到達刪除好友的程度,也可對該好友的信息進行屏蔽,甚至對該好友信息做已讀而實際上未讀的處理;或者對重要信息做未讀而實際上已讀的處理。


          當然,用戶還能對群消息做更復雜的設置。這就是產品對這類通知的一種優化方式。


          2.系統推送類通知


          我們經常會在手機上收到一種系統類通知,或者在 App 中也會收到類似的系統通知。大多是關于系統升級,密碼更新等。


          這類通知多數是用戶被動接收,且對于系統與用戶來說是較為重要的。當然也有不重要的,比如 App 更新說明的通知,告知用戶新功能有什么變化,或系統更新了什么等等。


          對于這類通知,用戶大多無法進行設置,因為它們比較強制,沒有可以商量的余地,類似于告知用戶:我們有新的消息,比較重要,你來看看,即使你不打算更新或執行也來看下。


          說明


          系統類通知,通常來說較為被動,要么強制用戶執行操作,要么就是提醒用戶系統近期做了更新,或者是一些并不重要的信息提示,比如勿擾模式。


          強制類系統通知不能頻繁,否則會給用戶造成控制欲反制的副作用。類似于本身用戶使用產品需要對產品享有控制權,現在反而被產品控制了。這是不行的。


          3.通用推送類通知


          這類通知就是第一節中提到的那些,比如點贊/評論,內容更新等等,這類通知如果是忠實用戶,那么或許不會反感它的頻率,當然還是需要適當。但如果是普通用戶,那么造成的影響就是直接關閉該 App 的所有通知。


          我們現在的很多人,之所以開始反感通知的主要原因,就是這類通知所造成的。內容不斷更新,隨著時間的推移,每天推送多條對于該用戶來說無用的通知。包括只適合一些符合條件的用戶參與的活動通知也推送給所有人,那么用戶就會逐漸對這類產品的通知失去興趣,造成無法彌補的損失。


          即便像某團一樣,經常彈出開啟通知的彈框,也依然無法召喚回用戶。這就是很典型的下場。


          說明


          通用型通知,如果是業務很復雜的產品,就必須建立通知推送的功能模塊,給予用戶進行選擇接受哪類信息的權力。允許用戶進行相應的設置,如活動類推送可拒絕接收。


          在很多產品中都已經置入這樣的推送模塊設置,如下圖。

          這類內容就是針對于產品的具體業務進行細分。


          比如興趣精選,私信消息等做好類別劃分。用戶可對自己感興趣的通知做選擇性的推送接收。


          另外就是,在相同賬戶的不同設備之間,推送應該同步推送與被處理。不能這邊推送了,那邊沒推送,或者這邊處理了,那邊沒被處理。


          4.智能推送類通知


          不知道大家是否有印象,在使用如大眾點評等產品時,只要你切換了城市,產品就會推送通知告知用戶該城市有哪些值得游玩的景點與品嘗的美食。


          雖然這類通知還算不上多少智能,但至少在用戶群體中是存在這類訴求的。而這類訴求有時候并不能主動感知,因為用戶可能會想不起來通過哪類產品來查找附近美食。當這么一條通知出現的時候,正好解決了用戶的問題,反而提升了用戶對于產品的好感度。


          現在很多產品的通知都逐漸智能化,不會像以前那樣,三更半夜發來一條無關緊要的通知。而出現這類問題的主要原因還是在于產品、設計、運營,在這方面沒有下過功夫,只將通知作為一種普通的工具來使用。導致用戶開始排斥通知,將其強制關閉。之后,就很難再讓用戶開啟了。同理心效應,當做這類功能的時候,可以回想一下自己是如何被其他產品打擾的。


          隨著大數據的發展,我相信未來的通知系統會更加全面,且能做到千人千面的模式,不過在此之前,各位產品設計師,還需要對通知下一番功夫才是。


          5.小結


          我們還可以繼續舉例說明,但是基本大同小異,所以到這里為止,我再對上面的內容做一次總結,梳理出一個好的通知應該是如何設計的。


          干擾最小化:通知本身具有強制性和干擾性。它的目的是把用戶的注意力吸引到產品上來,所以要認真思考發送通知的內容、時間、頻率;不要提醒用戶當前屏幕上已經處于展示狀態的內容;也不要推送與用戶無關的系統信息。


          跨設備:當用戶讀過了某條信息,這條信息應該不再做展示。同理,用戶也應該能夠在其它更適合接收消息的設備上找到已讀信息。用戶通知應該在所有設備上進行同步。


          允許設置:允許用戶在「設置」中禁止或調整通知的形式。如案例一,通過選擇推送內容,來影響接收推送的頻率。案例二,可選消息提醒的形式是紅點+數字,或僅是紅點。

          時效性:良好的通知應盡可能實時推送。而不是等這件事情都過去很久了,才推送給用戶知道。


          支持匯總:把同類型的通知合并為一條,并顯示信息未讀數量。也可以考慮一鍵展開通知,顯示信息詳情。


          可操作性:把通知和操作結合在一起,讓用戶不需要打開首頁就能對特定通知進行常規操作。操作應該清晰明了,且僅在未重復默認操作時提供。同時操作應該是有意義、實時、和內容對應的,并且能讓用戶完成某個任務。如案例一,可以在不打開郵件的情況下,直接對通知進行管理、查看和清除。案例二中的操作針對的是未讀郵件,可便捷地在通知板面進行回復、刪除、標為已讀或垃圾郵件。

          小結


          對本篇文章的拓展總結:

          1.通知具有召喚屬性,但是頻率過多就會變成打擾,所以要注意通知的頻率與內容重要性;

          2.設計師或產品經理應該將通知的內容分類梳理出來,以便維護或新增必要需求可能需要用到的推送信息。

          3.通知一般為兩種類型,一類是推送只讀型,一類是操作反饋型;設計師需根據不同類型的通知做好對應的設計,針對具體問題具體分析;

          4.想要利用好「通知」,也需要對業務有詳細的了解,再代入本文所列舉的注意點,就可以設計出一個體驗更佳的通知模式。


          通知規則不會脫離本篇文章的范圍,所以只要詳細研讀,必會有所收獲。


          轉自:站酷-呆總丶

          手機appUI界面設計賞析(十一)

          前端達人

          手機UI中的交互是保持產品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋,認知布局,增強體驗感和沉浸感。
          APP UI設計一直在變化,就像網頁設計一樣,不停的創作新鮮、友好的產品,設計師要跟上這個趨勢,最好的方式就是多看優秀案例,下面大家一起來看看今天的精選,建議訪問官網查看更詳細的展示哦!
          手機UI中的交互是保持產品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋,認知布局,增強體驗感和沉浸感。這里為大家整理了12款優秀并富有創意的交互作品,為你的產品設計注入靈感。


          jhk-1605578530848.jpg

          jhk-1605578552654.png

          jhk-1605578591788.png

          jhk-1605578654614.png

          jhk-1605578763968.jpg

          WechatIMG699.png

          WechatIMG698.jpeg

          WechatIMG697.png

          WechatIMG696.jpeg

          WechatIMG682.png

          jhk-1605578950149.jpg

          jhk-1605578843775.png

          WechatIMG700.png

          WechatIMG720.jpeg





             --手機appUI設計--


          (以上圖片均來源于網絡)


            藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服



            更多精彩文章:

                 手機appUI界面設計賞析(一)

                 手機appUI界面設計賞析(二)

                 手機appUI界面設計賞析(三)

                 手機appUI界面設計賞析(四)

                 手機appUI界面設計賞析(五)

                 手機appUI界面設計賞析(六)

                 手機appUI界面設計賞析(七)

                 手機appUI界面設計賞析(八)

                 手機appUI界面設計賞析(九)


          摁不住的拼多多

          周周


          編輯導讀:當各大電商平臺忙著雙十一的時候,拼多多似乎是個獨特的存在,不慌不忙,圍觀在旁。拼多多為什么不重視雙十一?他們主要在忙什么?文章從這兩個問題出發,對此展開了分析解讀,一起來看看~

          孫悟空是石頭縫里蹦出來的。阿里系幾位P8Plus的朋友和阿德哥聊時說,拼多多也是石頭縫里蹦出來的!

          “打京辦”成立這么多年,沒承想打出個拼多多。剛剛發布的拼多多Q3財報顯示:首次單季度盈利,第三季營收142億元;GMV達1.45萬億,同比增長73%;活躍買家達7.31億……

          在資本市場上,拼多多迅速趕超京東300億美元達1600億美元市值,成為國內僅次于阿里、騰訊、美團的第四大互聯網公司。

          自2014年起,投資界便開始流傳“電商已是死賽道”的共識,拼多多的崛起給了投資界一記響亮的耳光,也再次說明了“長江前浪推后浪,江山代有才人出?!?/span>

          與當年打京辦、投蘇寧等手腕比,似乎阿里對拼多多已無招可施,重啟聚劃算、推淘寶低價版眼看也只是“補課動作”。而拼多多,卻正在暗暗部署更多領域,圈內人說,“誰如果小看黃錚的野心,就等承認自己是一個傻X”是同樣的邏輯。

          “摁不住的拼多多!”阿里的多位朋友如是說。

          低調的雙11

          今年的雙11因為“你懂的”原因而顯得波瀾不驚,除了天貓交出4982億元、京東交出2715億元的答卷之外,似乎乏善可陳……

          “拼多多天天都是雙11!”

          拼多多的朋友告訴阿德哥,所以他們不希罕宣布成績。

          當然,這并非拼多多的官方回應,官方回應說,拼多多更在意消費者的購物體驗。拼多多的Slogon是,多實惠,多樂趣。

          一個小混混有了另立山頭的志向后,并非馬上另立山頭,他首先做的,不是去激怒原有的老大,而是,開辟自己的新陣地,帶自己的小弟。

          拼多多只是不公布成績,并非沒有參與“雙11”盛宴。

          曾國藩說,聰明的人都懂得“藏拙”,但只有少數人懂得“藏鋒”。

          沒有滿減、蓋樓、升級列車、養貓……只有簡單的“低價”,拼多多副總裁陳秋說,本次雙11,拼多多的一切優惠都將以最簡單的方式面向用戶,消費者不用做滿減計算題,看到的即是最優價。

          前幾天,夫人非要去郵局給小侄子寄一堆童裝,這與阿德哥的習慣大相徑庭??傻搅肃]局,除了服務的眼神不對之外,價格真讓我驚喜:30多斤一大箱的衣服,郵寄費30元。

          總說國企服務沒跟上,可價格也真是“良心價”啊。“自古真情留不住,總是套路得人心”,黃崢說。

          總是低價得人心!

          阿德哥曾做過了多次田野訪問,得出兩個基本結論,一是老家很多親朋基本都知道淘寶,但大都卻正用拼多多;另一個是阿里、京東多年的鐵粉,居然瞬間被拼多多“拉走”。

          “618”期間,一個朋友在京東購買售價1099元的Beats solo3藍牙耳機,已準備在京東下手的他,突發異想去拼多多“多看了一眼”,499元。你沒看錯,不要599元!

          這個朋友今天已是拼多多的優質用戶,幾個月時間里,貢獻了近三萬元的GMV。

          打開拼多多APP,限時秒殺、斷碼清倉、XX特賣、9塊9特賣……不要小看這樣的戰陣:因為大量的特價版塊,外加重頭推出的“百億補貼”,拼多多給用戶展示出的,可不就是天天雙11嘛?

          而其背后的玄機則在于:通過不斷上新的各種大促,拼多多對于品牌的露出與銷量拉動,早已遠超傳統電商“泛賣貨”模式,它一改小商家陪煉大玩家的傳統模式變成了“讓更多的商家可以雨露均沾”。

          如果非得去探尋一下拼多多的崛起路徑,吃瓜瓤的多半會說,沒有淘寶就沒有今天的拼多多,沒有微信也沒有今天的拼多多。

          這可以視為正確的廢話。

          當年抗美援朝的路上,也曾有不少志愿軍睡著了。

          移動互聯網大潮來臨的時候,互聯網的生態發生了全新的變化,拉長時間線,誰臨陣換了大將,誰展開了整風運動?

          江山代有才人出,丁磊的知音,段永平的弟子,黃崢當立。

          簡而言之,阿里為中國的電商事業立下了汗馬功勞,基本讓國人實現了在“消費互聯網”端的揚眉吐氣;而騰訊的QQ、微信,則讓國人實現了網絡“非主流意見市場”上聚集了最多的人。

          創業,天時、地利、人和。黃崢不會都得,但都掙得了。

          淘寶“開卷考試”帶來了最初的商家和貨品,微信“熱鬧人群”帶來了交易場景,砍價、拼單激發了社交流,拼多多,用了不到三年的時間,創造出了“新電商速度”。

          隨后是C2M新品牌計劃,百億補貼的大品牌計劃,而快速上市帶來的則不僅是高光,更是贏得了“黃金時間”。

          按照傳統電商資本套路,拼多多三季實現單季贏利之后,還有一年到一年半的“高增可虧損”黃金時間。換而言之,拼多多依然可以繼續實現補貼、營銷推動,而不必太在意贏利。

          這樣的時間窗口,縱觀天下電商,唯拼多多有之。

          有疑問的人,不妨多看看拼多多今年的前二季財報的營銷費用率,答案擺在那兒呢。

          恐怖的是,黃崢的野心并非只在“實物電商”,據說,在拼多多,更多的大殺器正在路上。

          上天并非偏心,了解黃崢的人,知道,他只是大器晚成,而非天縱其才。

          賣菜

          并非拼多多不重視雙11,而是黃崢不重視,一是因為拼多多已上了軌道;二是因為黃崢最近只關注另一件事——賣菜。這便是多多買菜。

          疫情期間,拼多多便推出了線下團購工具“快團團”,協助各地商家收集社區需求,從而實現在線下單。

          此前8月,多多買菜正式上線,開始與興盛優選、美團買菜展開直接競爭,先是APP端出現多多買菜頻道,更是迅速推出同名小程序與“多多買菜門店端”服務號:采取的是與本地商超合作,線上賣菜、線下提菜的路徑。

          與別家合作前置倉自建供應鏈模式不同的是,多多買菜采取了只幫“合作商家”在線賣菜的方式,換而言之,多多買菜把實惠送給了合作商家,而它想要的似乎只是“用戶”。

          在這一邏輯下,拼多多采取了極為激進的補貼方式,以更高方式補貼團長,打出的旗幟是10億量級,除此之外,還采取了“三高”戰術:高補貼拉新、高頻率回訪、率入駐。

          賣菜熱不熱?

          阿里、騰訊、美團、滴滴、字節跳動盡數入局,而當前跑得最猛的是拼多多——多多買菜。

          多位競品人士告訴阿德哥,多多買菜團隊更加年輕,除了在品控方面并未實現良好管控之外,其犀利程度、其執行力,遠超阿里鐵軍。

          騰訊陣營拉出了興盛優選、食享會;而阿里系除了為十薈團、你我您合并之后的新十薈團打通阿里供應鏈之外,更是在近期有了新動作:菜鳥驛站團購接入了大潤發的商超,盒馬推出了盒馬mini和盒粉群,據傳零售通事業部亦正在籌備新的社區團購部門。

          實際上,今年的互聯網,除了5G軟硬概念之外,最大的賽道是賣菜,它超過了前幾年前輩造出的“新零售”概念。

          今年,以賣菜為核心的生鮮賽道上,目前已宣布和匯聚的資金已超過200億元。

          黃崢似乎看準了這條賽道,而現在的增量搏殺,僅僅是開始。

          “此一時”的策略,是黃崢鐵了心要拿下僅比外賣吃飯稍弱的剛需——買菜,既高頻,又具備想像力。

          要知道,首先撬動農村及五環外的,是拼多多。而拼多多C2M端的大成,其實在農產品,賣空一個地方的農產品,早已在拼多多持續實現。

          而在未來嫁接進自己的供應鏈,顯然在邏輯上已是必須。而當務之急,是拿下更大規模的“增量”用戶。

          黃崢絕非魏延,僅僅是有反骨,他也更不會是鄧艾、鐘會,他是司馬一族。

          黃崢如是說,我認為最好的利用營收的方式就是投資R&D、基礎設施、用戶認可度、品牌知名度。重要的是,

          培養人們的消費習慣,讓人們以拼多多為最主要的消費平臺。

          黃崢之野心,蒼天可鑒,近在咫尺的數據是:年活躍買家已增至7.313億人,第三季度平均月活躍用戶為6.434億人。

          與之對應的是,阿里最近的數據是:年活躍買家7.57億,2020年9月,中國零售市場移動月活躍用戶8.81億人。

          有人在意ARPU值、GMV,但拼多多似乎更在意客單量、復購率和用戶數。

          依阿德哥判斷,電商格局正在乾坤大挪移。

          嗯,了不起的蓋茨比,摁不住的拼多多。




          文章來源:人人都是產品經理           作者:韓志鵬


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          亞馬遜成功背后的體驗設計邏輯:成功的設計并不需要美觀

          周周

          亞馬遜作為一個知名的電商平臺,它的成功背后卻有一個很難讓人理解的設計邏輯:成功的設計不一定是美觀的。為什么會這么說呢?本文將從四個維度展開分析,希望對你有幫助

          3大黃金原則,教你寫好一個抖音短視頻腳本

          周周

          在這個流量為王的短視頻時代,人人皆可拍視頻。對于短視頻創作團隊來說,腳本是提率、保證主題、節省溝通成本的重要工具。但腳本的制作并不簡單,也嚇跑了許多準備拍攝短視頻的創作者。其實,對于短視頻小白來說,寫劇本并不難用,本文作者就通過這3大黃金原則,教你寫好一個抖音短視頻腳本。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合