<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>

          首頁

          app界面賞析+圖標分享 ——— 北京藍藍設計 移動端UI設計資源分享(二十七)

          前端達人

          App界面設計對于設計師而言一直是盛久不衰的話題,尤其是如今越來越多的流量轉移到了移動平臺,使得更多的UI設計師涌入移動端領域,甚至出現了市場飽和的言論,對于從事移動端的UI設計師來講,充滿壓力的同時又面臨無限機遇,唯有不斷的學習才能滋生出源源不斷的設計靈感,站穩腳跟。

          摹客想在這方面給各位設計師朋友做點什么,除了提供簡單好用的設計工具,我們也整理了非常多的優秀設計案例,希望可以對設計師朋友有借鑒意義。這將會是一個系列的專題,我們以月為單位,整理了國內外設計師的優秀APP界面設計案例,我們是搬運工,更是好設計的傳達者,希望你會喜歡。

          接下來為大家分享精美的app UI設計案例:

          jhk-1623378361587.jpgjhk-1623378458458.pngjhk-1623378929226.pngjhk-1623379179475.jpgjhk-1623379189278.jpgWechatIMG2009.jpegWechatIMG2010.jpegWechatIMG2018.jpegWechatIMG2016.jpegWechatIMG2015.jpegWechatIMG2014.jpegWechatIMG2013.jpegWechatIMG2012.jpegWechatIMG2011.jpegWechatIMG2025.jpeg




          --手機appUI設計--

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



            更多精彩文章:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



          WordPress默認編輯器遇到意外錯誤的解決方法

          前端達人

          好不容易是用wordpress搭建好了我的網站,找了幾個不錯的插件提升了一下性能,也解決了安裝主題時出現的各種問題,終于能夠正常地使用了。正當我興致沖沖地打開文章編輯器,正打算開始寫我的第一篇博客的時候,又有一個意外的錯誤出現了——那就是wordpress的默認編輯器古騰堡。



          我上網搜索了好半天,好像大多數人都有遇到這個問題,古騰堡是WordPress十多年來第一次更換的全新的編輯器,從他的外觀來看,確實是十分的舒服,功能也似乎很完善,可惜還是有些小bug。









          網上主要的解決方法有三種:



          1、切換瀏覽器。他們都說換成谷歌瀏覽器的時候就不會出現這個問題了。但是我一開始用的就是谷歌瀏覽器,所以對我不起作用。



          2、清楚瀏覽器緩存, 這個我也照做了,也是沒有什么效果。



          3、安裝Classic Editor 插件,我就是采用這個辦法解決的。而且Classic Editor 插件可以切換區塊編輯模式和經典編輯模式,雖然經典編輯模式十分的丑陋,而且用的也不是特別舒服,但是我意外地發現,區塊編輯模式就是原來的古騰堡編輯器,在安裝了插件之后,原來的意外的錯誤就再也不出現了,而且當我把Classic Editor禁用了之后,也仍然不見原來的報錯。



          雖然問題是解決了,但可惜我剛開始使用wordpress,還沒有開啟錯誤日志,所以也不知道這個問題到底是為什么出現,在網上搜索了好久,也不能確定我這個問題到底出現在哪里。



          反正結果還是好的,就先在這里埋個坑吧,以后再遇到的時候再回來補充!


          另外,如果你有興趣,或者是有問題想要與我探討,歡迎來訪問我的博客:https:mu-mu.cn/blog 作者:貪玩的木木 https://www.bilibili.com/read/cv6589030/ 出處:bilibili

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          還不會標題設計?這個方法很好用!

          seo達人



          設計大多是服務于商業的,或許我們會遇到很多奇葩要求,但我們要學會留給自己一些空間,去發現設計中的樂趣,這樣才不會覺得枯燥乏味。今天的文章會著重講解AI自制畫筆與字體設計如何結合。今天的案例雖然是剛剛過去的端午節,但是掌握了方法,下一次標題設計,一樣好用。

           

          大家都知道端午節也叫端陽節,那么我們就以端陽節為主題進行設計,先把文字整理好。

          圖片

           

           STEP 01 > 分析屬性 

          接著我們分析字體屬性,作為中國傳統節日,端陽節有兩個顯著的特征,那就是粽子與龍舟。

          圖片

          根據分析出的屬性,我們確定字體設計的風格方向,筆畫我們可以用粽葉的特征。

          ??????

           

           STEP 02 > 設計字體 

          下面畫出字面框確定字形的橫豎比,重心偏低;字體的筆畫粗細保持一致。

          ??????

          將制作好的畫筆拖入到畫筆框中,選擇藝術畫筆,就得到了五條橫線的畫筆。

          圖片

          接著墊字在字面框里將文字做出來,可以看出還是遵循了方塊字的做法,只是筆畫特征發生了變化。

          圖片

          接著我們將部分筆畫替代,增加特異性,同時調整字體的大小和部分細節。

          圖片

          到這里字體基本就設計完成,接著我們需要對字體進行編排,增加的元素有云,粽子,粽葉樣子的舟,都是用混合工具做成的,這樣整體風格更匹配。

          圖片

           

           STEP 03 > 搭配顏色 

          然后就是搭配顏色,這里我想到的就是粽葉的綠色,那么我們填充好將文字變成白色就完成了。

          圖片

          OK,設計做完了,可以看出自制畫筆他本身具有的優勢,由于固有相同的特征,會在筆畫細節處理的時候更方便,同時還具備設計感。這個方法是比較常用的,希望大家多多練習

           

          原文地址:

          作者:趣趣熊


          轉載請注明:學UI網》還不會標題設計?這個方法很好用!


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          如何安裝WordPress主題

          前端達人

          在Envato Tuts +的代碼類別中,我們涵蓋了很多   內容。 范圍從諸如如何使用一些最新JavaScript框架編寫代碼到如何通過諸如WordPressOpenCart之類的內容管理系統實現某些目的 。

          因為我們傾向于將大部分內容集中在已經對計算有一定程度的了解的人們,所以我們經常假設在開始教程之前已經做好了某些準備。

          例如,有時我們假設您在進入實際框架之前已經掌握JavaScript的知識。 或者,也許我們假設您在開始有關如何使用新庫構建Web應用程序的教程之前對PHP或Ruby有一定的了解。

          在我們發布的“ 如何做”文章中,我們正在努力提供教程,向讀者提供建立和運行特定軟件所絕對必要的步驟,尤其是那些與很多軟件兼容的軟件。在Envato市場可用。

          如果您有興趣使用WordPress構建網站,那么您應該對WordPress主題應該有一個有效的定義,并且對如何安裝WordPress主題有一個實際的了解。

          了解WordPress主題

          在了解如何安裝WordPress主題之前,讓我們定義WordPress主題應該是什么。 我區分這從一個WordPress主題什么,因為你經常會發現,做更多的比他們應該的主題。 如果您選擇更改主題的設計,這些主題將很難嘗試其他主題。

          我將在稍后詳細討論。

          什么是主題

          現在,讓我們使用WordPress Codex中提供的定義:

          從根本上講,WordPress主題系統是一種“蒙皮”您的Weblog的方法。 然而,它不僅僅是一個“皮膚”。 對您的網站進行外觀設計意味著僅更改設計。 WordPress主題可以更好地控制您網站上材料的外觀和呈現方式。

          從此定義中得出的主要結論是,WordPress主題提供了您網站的演示。 也就是說,它負責使您的網站或博客具有特定外觀。

          它會影響您所看到的所有內容,設置內容樣式以及影響字體,配色方案等。

          主題鎖定如何?

          安裝WordPress主題時,請務必注意其提供的功能。 現代主題通常不僅僅包括演示。 也就是說,它們引入了功能。

          功能可以定義為任何可以改變主題行為的東西。 例如,假設您的主題在帖子編輯器屏幕上提供了某種類型的搜索引擎優化選項。

          并且由于這不在表示的范圍之內,因此被認為是功能。 如果主題提供了類似的內容,那么您就有遭受“主題鎖定”之苦的危險。

          它是這樣工作的:安裝一個主題,它不僅提供演示文稿(例如上面概述的SEO功能)。 如果您選擇將站點更新為提供完全相同的SEO功能實現的新主題,則會丟失它。 所有的。

          您可能會得到一個很棒的設計,但是您已經失去了為主題提供所有SEO信息的工作。 因此,您要么被鎖定使用與開始時相同的主題,要么面臨使用新主題并失去所有工作的麻煩。

          最終,主題應該包括這種類型的功能。 功能保留給插件。 這是我們將在另一篇文章中討論的內容。

          現在,請記住主題應該全部與演示有關。 如果您可以使用主題鎖定,那么選擇一個可以提供很多功能的主題可能就可以了。 但是,如果您希望最終不時更改設計,請嘗試堅持嚴格遵循修改網站外觀的主題。

          安裝WordPress主題

          話雖如此,現在我們可以討論安裝WordPress主題所需的過程。 實際上,有兩種方法可以執行此操作:

          1. 您可以從WordPress中安裝主題。
          2. 您可以通過S / FTP安裝主題,然后在WordPress中將其激活。

          盡管第一個選項可以說是最簡單的,但我們將在本指南中介紹這兩個選項,以確保為您提供了最全面的信息。

          請注意,本指南假定您已經在計算機或Web主機上安裝了WordPress。 我們將逐步完成獲取主題并通過WordPress或FTP進行安裝的過程。

          話雖如此,讓我們開始吧。

          下載WordPress主題

          網上有很多地方可以下載WordPress主題。 但是,從任何地方下載主題并不總是安全的。 審查主題提供者的聲譽很重要。

          這超出了本文的范圍; 但是,從WordPress主題存儲庫Envato Market中選擇主題不會出錯。

          出于本教程的目的,我們將使用免費提供的第二十六主題。 首先,我們將從WordPress中安裝它,然后我們將了解如何通過S / FTP安裝它。

          對于以下步驟,我假設您是從WordPress儀表板開始的:

          WordPress儀表板

          無論您選擇使用哪種方法來安裝主題,這都是我們開始本教程步驟的地方。

          從WordPress內部安裝主題

          要從WordPress本身安裝主題,請單擊“ 外觀”菜單,然后選擇“ 主題”選項。

          主題菜單項

          從那里,您將看到所有已安裝的主題。

          安裝的WordPress主題

          接下來,單擊屏幕頂部的添加新按鈕。 從這里開始,您將進入一個如下所示的屏幕:

          添加WordPress主題

          注意 頁面頂部的“ 搜索主題”字段。 在此字段中,輸入“ 二十十六”(不帶引號),它將返回以下屏幕:

          二十六

          之后,單擊選項以安裝主題。 之后,WordPress將為您提供預覽主題或激活主題的選項。 對于通過S / FTP上傳主題的用戶,也將提供相同的選項。

          因此,目前,我們將看一下通過上傳文件來安裝主題的必要步驟。 如果您對以下替代步驟不感興趣,則可以跳至下面的“ 激活主題”部分。

          通過S / FTP安裝主題

          此版本的主題安裝假定您熟悉術語服務器,端口,用戶名和密碼。 它還假定您熟悉wp-contenttheme目錄。 如果不是這樣,那么最好的做法就是堅持上述方法。

          但是,如果以上都不是行話,那就繼續吧。 就本演示而言,我將使用Transmit作為我的S / FTP客戶端; 但是,請隨時使用您喜歡的任何客戶端。

          首先,我們需要從WordPress Theme Repository下載二十一十六 。

          WordPress主題存儲庫

          一旦您單擊Download ,這會將主題的zip文件放置在您選擇的目錄中。

          二十六檔案館

          接下來,您將要提取存檔。 這將在包含zip文件的目錄中創建一個包含所有主題文件的子目錄。

          主題目錄

          之后,連接到您的Web服務器并導航到WordPress安裝的wp-content/themes目錄。

          上傳二十一十六

          上載提取主題文件時創建的目錄。 從那里跳到WordPress儀表板,然后導航到“ 主題”頁面。 您應該看到《 二十一歲月》的副本   出現在主題列表中。

          此時,無論我們如何安裝主題,我們都準備好繼續激活主題。 就是說,如果您選擇使用S / FTP或選擇從WordPress中安裝主題,則會為您提供相同的選項集。

          所以做吧。

          激活主題

          通過WordPress下載主題或通過S / FTP上傳主題之后,便擁有了激活主題并更新網站外觀所需的一切。

          獲得主題之后,應該為您提供激活主題的選項:

          激活WordPress主題

          在這里,您可以選擇 實時預覽以了解如何更改當前內容,或者您可以單擊“ 激活”繼續進行設置。 我選擇與后者一起使用。

          完成后,您將看到以下屏幕:

          激活的WordPress主題

          從那里開始,您應該能夠像在安裝此主題之前一樣繼續使用WordPress。 這意味著您可以繼續添加帖子,頁面,類別等。

          根據主題,您還可能有機會更新標題圖像,背景圖像等。 請注意,這取決于已安裝的主題。

          要確切了解您的主題提供了什么,請務必參考文檔。

          結論

          如您所見,安裝WordPress主題是一個相對簡單的過程,尤其是從WordPress應用程序中進行安裝時。 即使您對使用FTP客戶端的過程感到有些恐懼,一旦上傳了文件,激活主題仍然相對容易。

          其次,請注意區分想要的主題類型很重要。 您是否想要一個具有很多功能而您永遠都不會改變的主題,還是想要一個與一組插件完美配合,可以獨立于該功能更改網站外觀的主題?

          無論哪種情況,您都應該擁有選擇主題,安裝主題并以最適合自己的方式激活它所需的一切。

          最后,如果您要尋找適合幾乎所有情況的主題主題,請務必查看Envato Market中提供的功能 。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


          部分借鑒自:csdn  

          原文鏈接:

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          讓設計更有價值——設計流程指南

          資深UI設計者

          隨著設計團隊規模擴大,人數快速增多,但每個人都帶著自己以往工作經驗和習慣,

          一些典型問題也相應顯現:上手就干、主觀設計、缺少方法、忽視跟進等等。

          所以我們撰寫了「UI標準設計流程」,希望能為UI設計師提供對于設計支撐思路的共識,讓設計更有價值:



          從接到需求到上線后跟蹤,我們把流程拆分為五個節點:需求分析-交互設計-視覺設計-視覺規范-方案驗證。

          當然,在設計流程中我們只表達不同流程中的行為目的及標準,相關方法論我們會配套一份「設計師成長指南」,不久之后再與大家分享。


          1.需求分析


          我們在接到一個設計需求后,要做的第一步是進行分析并確定設計目標。

          我們需要:了解背景、用戶和競品,能準確理解產品定位和需求目標,評估需求的合理性和準確性,并提供相應策略;甚至洞見機會點,通過設計對業務產生正向價值。



          背景分析


          目的:背景分析是為了讓我們在剛接觸產品的時候,去洞察表面背后的東西。通過背景分析,能幫助我們快速切入產品,并根據已有信息去制定準確并具有說服力的設計策略。

          行為:我們需要了解:產品的定位及價值是什么,它的現狀如何,是否有既往的數據沉淀或經驗總結。



          用戶分析


          目的:對UI設計師而言,用戶分析是為了讓我們更好地了解產品,并擁有對整個產品的宏觀思路。通過用戶分析,能為我們的視覺設計提供方向,并為我們做出決策提供實際落點。

          行為:我們通常需要了解:用戶畫像、用戶需求、用戶行為、用戶路徑等。



          競品分析


          目的:競品分析能夠讓我們獲得行業內的優秀經驗,減少我們的思維盲區,同時還為我們提供了一份可被量化的標準,使我們可以基于競品去反推現有產品。

          行為:UI設計師可以從競品定位、主要功能、迭代動向、產品結構、頁面布局、交互動效、視覺設計、優劣勢對比這幾個維度去進行競品分析。



          需求評估


          目的:在了解以上的通用信息后,我們要對需求進行評估,去決定采用哪種方式、制定什么樣的策略。

          行為:我們接到的需求,通常可以分為三種:全新產品類、產品改版類、功能新增或優化類。

                     對不同類型的需求,我們都可以用5個問題去評估:

                     1.是否可被證偽?

                     2.目標是否明確?

                     3.投產比如何?

                     4.是否有更優解法?

                     5.是否有可預見風險?

                     基于以上問題,我們可以去協同交互、產品做相應調整和策略制定,甚至發現新的機會點并進行推動。



          目標對齊


          目的:設計為目標服務,所以我們要在設計開始前與需求方對齊目標,這也能為設計價值的佐證提供標準。

          行為:設計目標通常有3種,我們可以從中去對需求目標轉譯:提升數據型、解決問題型、創新項目型。

                     針對不同目標我們可以去制定不同的設計策略,并對策略的落地進行數據監測與分析,進行方案校正。



          2.交互設計


          在產品流程中,交互設計的作用在于,通過信息架構的組織去產出體驗流暢的界面原型。

          我們需要:充分理解整體流程與交互原型,基于設計原則去發現可優化的部分;同時能平衡產品、設計與開發的效益最大化,并驅動產品的體驗提升。




          設計原則


          目的:設計原則能為我們提供一個行之有效的設計向導或提示。熟知各類設計原則,能使我們在設計支撐時,擁有更豐厚的專業度和更敏銳的洞察力。

          行為:我們需要去了解市面常見的Guildline如iOS、Material、UWP等,以及一些常用原則如菲茲定律、格式塔理論等等。



          流程梳理


          目的:流程的再梳理,可以幫助我們在視覺設計前,快速地理解和診斷流程邏輯。

          行為:在流程再梳理的過程中,我們需要注意以下4個問題:

                     1.功能是否完整?

                     2.鏈路是否流暢?

                     3.步驟是否冗余?

                     4.是否易于理解?

                     基于以上問題,我們可以用自身的專業儲備去推動流程的優化。



          原型優化


          目的:交互原型是需求內容的外在表現,通過原型優化,可以最大程度地避免視覺評審后的設計返工。

          行為:在對交互原型優化的過程中,我們要重點注意以下4個問題:

                     1.架構是否符合目標

                     2.層級是否足夠精簡

                     3.信息是否傳達準確

                     4.狀態是否有所缺失

                 在視覺設計時,我們基于以上四點可以去同步優化原型,并根據經驗去尋求體驗和成本的最佳平衡。



          3.視覺設計


          視覺設計是產品與用戶直接連接的媒介,優質而恰當的視覺設計,可以極大地提升產品吸引力。

          我們需要:基于分析確定視覺方向、定義設計語言,輸出準確且高質量的視覺頁面。




          設計情緒板


          目的:設計情緒板可以為設計語言的構建提供可視化參考,也有助于我們前期快速與各方達成共識。

          行為:我們通常基于分析,去確定設計關鍵詞,并基于關鍵詞去衍生映射物、建立圖形情緒板,最終分析和確定設計方向。



          設計語言


          目的:設計語言是情緒板的具象表達,它將構建起用戶對產品的視覺感知。

          行為:在明確設計方向后,我們就要基于情緒版去定義設計語言,主要包括主視覺、色彩、字體、圖標、圖形、動效等。



          典型頁面


          目的:典型頁面是設計語言在場景中直觀體現,這有助于我們制定設計規范,并為其他頁面的設計提供參考。

          行為:我們通常需要設計首頁、頻道頁或其他具有示例作用的典型頁面,在設計的過程中我們還需要同步去規范間距、卡片、視覺變量、圖形應用等,以此為視覺規范夯實基礎。



          4.設計系統


          在設計典型頁面的同時,其背后其實已經對應了一套設計規范和組件,而我們基于此去整理并沉淀出設計系統,能極大地提升統一性和迭代效率。

          我們需要:制定完整、清晰的基礎規范,沉淀圖標庫、組件庫等,并持續優化和更新,形成可持續沿用的產品設計系統。




          基礎規范


          目的:基礎規范是設計語言的沉淀,也是視覺變量的基本粒子。它可以保證頁面的基本統一,同時我們可以基于不同業務快速地拓展其他主題。

          行為:在我司,一份基礎規范的構成包括:色彩、字體、間距、布局、斷點、層級、圓角、透明度、陰影。



          圖標庫


          目的:圖標規范可以幫助其他成員快速、準確地進行圖標拓展,而沉淀的圖標庫也可以極大地提升產出效率。

          行為:基于具體需要,我們可以設定多套圖標風格,規范其柵格、筆畫、圓角等,并將已有的圖標資產進行沉淀。同時我們也會去規范一些常見圖形并沉淀,如空態插畫、懸浮入口、徽章、商品等。



          組件庫


          目的:組件庫是對常用控件進行設計規范、開發、封裝的可被復用的集合,組件分而治之,可被自由組合,能保證設計品質、統一用戶體驗、提升產研效率。

          行為:在我司,一套組件庫通常包括:通用、布局、導航、數據錄入、數據展示、反饋、其它。除通用原子組件外,我們也會對常用模塊進行梳理,沉淀業務組件庫。



          5.落地跟蹤


          在設計完成之后,我們需要對設計方案進行評審、驗收及數據跟蹤,以保證設計方案的落地并跟進調整。

          我們需要:運用合理策略以保證設計方案的高質量落地,對方案上線后的用戶反饋進行有效跟進,運用多種方式驗證目標,迭代產品。




          設計評審


          目的:設計評審通常包含了交互與視覺,其目的在于審查設計方案中的可用性問題。

          行為:在我司,視覺評審即終評,我們需要在視覺稿中標注出所有交互邏輯,并對潛在問題有預判,能與各方確認目標、分桶與數據埋點;同時我們要對開發實現有預判,能與研發確認實現細節。



          設計驗收


          目的:設計驗收是為了確保需求滿足、體驗流暢,并且設計細節能高質量落地。

          行為:視覺設計師主要驗收視覺細節的還原度,并且要在一定程度上對開發的適配、樣式解法有預知,減少二次驗收。同時需要保證驗收有沉淀,利于后續跟進。



          數據驗證


          目的:數據驗證除了分析分桶之外,也可以分析產品上線后的一些問題、并在迭代中修改。同時我們也可以總結設計經驗、提升未來設計的準確率。

          行為:我們通?;谠O計策略,去對數據進行篩選與分析,以此衡量設計對于目標達成的增益度。對于有問題的,能反思并且修改;對于結果好的,能總結并且沉淀。



          設計復盤


          目的:設計復盤以結果為導向,我們可以通過復盤對設計策略的價值進行總結驗證,并去發現、優化流程中的不足之處。

          行為:我們需要陳述設計目標和策略,對設計價值進行驗證,并能總結過程中的亮點與不足,制定后續計劃、沉淀相關經驗。



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


          文章來源:站酷   作者:酷家樂UED

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          什么樣的設計才是好設計?

          資深UI設計者

          編輯導語:設計師在日常工作中經常與其他同事有些分歧,比如產品不理解你的設計,覺得頁面不夠好看等等,那到底什么樣的設計叫做好設計呢?本文作者分享了關于“好設計”的定義以及分析,我們一起來了解一下。

          有同學問我,說做設計好難,領導和產品不懂設計,每次給看設計,都說覺得丑,改了受氣,不改又說態度不行,那么到底什么是好設計。今天和大家聊聊到底什么是好設計?希望這篇文章可以幫到你。

          一、什么是好設計

          做設計這么久,我們先來看看什么是好的設計?好的設計到底是如何定義的。

          1. 得過設計大獎

          主管每次看我作品就說:好丑!

          ▲一組無印良品海報獲得了由日本平面最高獎項——龜倉雄策獎,被譽為日本設計界的「奧斯卡終身成就獎」,代表著日本平面設計的最高水平。畫面僅用色彩和幾何圖形的結合,完美構成了人在自然中露營的和諧場景。

          主管每次看我作品就說:好丑!

          ▲可以看到海報中有湖泊、藍天、山脈、森林和露營帳篷,而整個視覺效果是用廢紙板制作表現出來的,可以說非常有創意了。同時和整個商業很好的結合起來。

          主管每次看我作品就說:好丑!

          每年德國舉行的紅點設計大獎,有「設計界的奧斯卡」的美譽,是全球工業設計和發展趨勢的風向標。

          主管每次看我作品就說:好丑!

          ▲德國的紅點設計也是讓全球設計師狂熱的獎項,徠卡相機除了價格昂貴,在設計上也是獨具匠心,獲得過很多設計大獎,非常有代表性的大獎設計,同時商業上也很成功。

          主管每次看我作品就說:好丑!

          ▲自2015年發布以來,Apple Watch已經成為生活中必不可少的電子設備,獲得了無數設計大獎。

          主管每次看我作品就說:好丑!

          ▲除了工業設計,韓國我很喜歡的設計公司Plusx也獲得過很多紅點設計大獎。

          主管每次看我作品就說:好丑!

          所以判斷一個設計是不是好的設計或者商業設計,獲得過大獎是很重要的一個評判標準。

          2. 符合好的設計原則

          主管每次看我作品就說:好丑!

          在眾多設計準則中,其中特別受廣泛推崇的是Dieter Rams)所定義的“好設計的10個原則, 也即德國博朗公司設計十項原則。

          1)Good design is innovative

          好的設計是創新的

          主管每次看我作品就說:好丑!

          ▲日本設計大師深澤直人設計的這把傘,在傘柄彎曲的地方有一個小凹槽。當你在雨天去超市買完東西,提著袋子去乘公交車或者地鐵的時候,這個凹槽剛好可以在你站著的時候為你充當一個掛鉤的角色。這個設計非常自然又貼心,又有創新。

          2)Good design is aesthetic

          好的設計是美的

          主管每次看我作品就說:好丑!

          ▲產品的美感是實用性不可或缺的一部分,因為每天使用的產品都無時無刻的影響著人類和我們的生活。但是只有精湛的東西才可能是美的。比如蘋果iMac的設計,無論從第一代的半透明,到今天的超薄,無不是完美的設計,在各種電影,MV里,即使遮住了蘋果的LOGO你也知道是蘋果的產品。

          3)Good design makes a product understandable

          好的設計是易懂的

          主管每次看我作品就說:好丑!

          ▲好的設計自己會說話,簡單易懂,比如無印良品這個CD機,即使是老人和小朋友都會使用。

          4)Good design is unobtrusive

          好的設計是克制的

          主管每次看我作品就說:好丑!

          ▲很喜歡張小龍對微信的設計理念定義,克制帶有約束的,就從微信開屏來說,其它是APP早已經商業化了,而微信的開屏多年如一日。

          5)Good design is honest

          好的設計是誠實的

          主管每次看我作品就說:好丑!

          ▲不會故意夸大產品的價值,而是強調功能本身,也不會去欺騙消費者。比如現在很多廣告,特別電商里面,比如我經常買的這款牛奶,從廣告點進去第二件0元,興沖沖的加入購物車,發現還是原價。

          6)Good design makes a product useful

          好的設計是實用的

          主管每次看我作品就說:好丑!

          ▲無論APP也好,還是工業產品設計也好,都是用來用的,必須滿足基本的功能,好的設計會去強調實用性的同時也不會忽略細節,比如無印良品這個電飯煲外形圓圓的很可愛,同時還很多貼心細節,比如有凹槽放飯勺等等。

          7)Good design is long-lasting

          好的設計是經得起歲月的考驗

          主管每次看我作品就說:好丑!

          ▲這些產品或許隨著時代發展消失了,但是它們的設計永遠不會過時,和設計趨勢不同,它會成為一種文化,一種理念,博朗和蘋果早期的作品在今天看來也是經典。

          8)Good design is thorough down to the last detail

          好的設計是考慮周到并且不放過每個細節的

          主管每次看我作品就說:好丑!

          很多產品的設計,很容易在用戶關注地方做的很好,在用戶忽略地方做的很粗糙,就好比我們去了一個商場,一樓都是各種名牌,高大上,但是去了洗手間,去無法下腳;這種體驗估計用戶不會再去第二次,所以極致的設計不會放過每一個角落。

          9)Good design is environmentally friendly

          好的設計是環保的

          主管每次看我作品就說:好丑!

          ▲瑞典品牌freitag,以卡車車篷為材料的袋包作為材質,具有獨特的二手感,以及獨一無二的花樣及顏色,設計好用同時兼具環保。

          10)Good design is as little design as possible

          好的設計是盡量少的設計

          主管每次看我作品就說:好丑!

          ▲簡潔,并不是簡單,因為它濃縮了產品所必須的具備因素,剔除了不必要的東西?!按蟮乐梁?,平淡為歸”比如圖中這個時鐘設計,兼具美和實用,同時沒有一個多余的設計。

          3. 好用且銷量高

          主管每次看我作品就說:好丑!

          另外很重要一點,什么是好的商業設計,就是好用而且市場反饋好,用戶好評多,比如蘋果系列產品,設計本身獲得很多大獎,同時商業價值好,銷量很高。

          主管每次看我作品就說:好丑!

          同理還有戴森的產品,以黑科技為賣點,無論推出的吹風機,還是卷發棒都銷量非常的高,所以好的商業設計需要具備上述所說。

          二、產品設計好的設計標準是什么?

          主管每次看我作品就說:好丑!

          了解了好的設計標準,回歸到產品設計,那么什么決定視覺設計的標準呢,UI設計的標準又是什么呢,UI設計視覺元素有木有對應的表達標準。

          特別是在一些大公司,每個設計師的視覺表達手法是不一樣的,那么有哪些統一的設計標準么,在我認為一共有以下這幾個設計標準:

          1. 標準的網格系統

          1)PC網格

          主管每次看我作品就說:好丑!

          網格的重要性就不再詳細說,谷歌,微軟,蘋果,Naver,阿里都將網格系統作為設計的標準。明確網格系統,它是設計指南里非常重要的一部分,當然網格也不是絕對的,也是可以在基礎上變化。

          通常,在Web設計中一般采用12列作為網格標準,因為12列可以輕松的分成6列,4列,3列和2列。

          主管每次看我作品就說:好丑!

          主管每次看我作品就說:好丑!

          ▲PC中12欄網格運用案例,整個頁面會更加統一和標準化,有規律可循。

          主管每次看我作品就說:好丑!

          ▲網格是很多公司建立標準的準則,特別是響應式設計運用上。

          主管每次看我作品就說:好丑!

          主管每次看我作品就說:好丑!

          ▲reddit的官網設計也是采用的12欄設計,很好的將頁面進行布局。所以如果你做網頁或者PC設計,網格一定是一個好設計的基礎準則。

          2)移動網格

          主管每次看我作品就說:好丑!

          移動端一般采用6列網格,因為大多數產品6列就足夠了。6列在頁面中也很容易3等分或者2等分,6列也是比較常用的一些布局方式。當然也要看場景像淘寶,電商可能需要12列,因為頁面密度太高了。

          主管每次看我作品就說:好丑!

          主管每次看我作品就說:好丑!

          ▲Pin的界面網格系統,可以看出它們是運用一個6列網格系統,所有的圖片各占3列,按鈕占六列,每個頁面的左右邊距相同。

          主管每次看我作品就說:好丑!

          主管每次看我作品就說:好丑!

          ▲airbnb采用的左右邊距48,中間24的網格系統,可以看出這套柵格系統留白會比較多,所以我們在瀏覽airbnb的設計時候會發現他們頁面會非常舒服原因也是如此,airbnb設計和體驗都非常棒。

          主管每次看我作品就說:好丑!

          我們再來看看被稱為規范鼻祖的谷歌在最新的設計語言中,第一次把柵格系統提出來講,谷歌的產品覆蓋手機,web,以及平板,那么谷歌是如何去用柵格系統來定義它們產品體系呢?

          主管每次看我作品就說:好丑!

          主管每次看我作品就說:好丑!

          ▲谷歌的柵格系統除了傳統的邊距和水槽,內容區域外,同時也定義了4欄,可以看出谷歌也是第一次重點來講解他們的網格系統。

          2. 合理的比例關系

          主管每次看我作品就說:好丑!

          比例關系非常重要,可能同樣的內容,合理的比例和不合理看起來會相差甚遠。所以好的合理比例準則也是衡量一個設計好壞的重要標準。

          主管每次看我作品就說:好丑!

          說道比例不得不提黃金比例,是由幾何學的創始人Euclied定義的,大概在公元前300年前。黃金比例值是1.618,但是也有人質疑說,這里比例不是絕對。用黃金比例作為設計依據不合理。我的觀點是,黃金比例可以當做設計參加的基礎,但不是絕對的數字。

          主管每次看我作品就說:好丑!

          ▲蘋果設計中,運用黃金比例作為整個APP圖標的設計準則,在蘋果很多設計中都可以看見這種比例的運用。

          主管每次看我作品就說:好丑!

          ▲還有很多知名互聯網公司的品牌設計都運用著黃金比例。

          主管每次看我作品就說:好丑!

          ▲Facebook的官網設計比例,也是采用的接近黃金比例作為布局方式。

          主管每次看我作品就說:好丑!

          主管每次看我作品就說:好丑!

          ▲谷歌的material規范中有講到,如何定義布局。統一按照標準的比例16:9,3:2,4:3,1:1,3:4,2:3等標準的比例去做設計布局,來統一整個設計。

          所以,好的比例規則規范,是設計中非常重要的。我們的設計都應該遵循這種有規律的比例。

          3. 文字的易讀性

          產品設計中,文字信息節奏處理非常重要。我們應該通過各種手段去提升文字的易讀性。

          1)通過對齊方式提升易讀

          主管每次看我作品就說:好丑!

          ▲上圖是一個簡單的示范,3種不同的閱讀感受,如果閱讀節奏沒有做好,沒有對齊,那么閱讀效率就會變的低下,我們來看看上圖用戶是如何閱讀的。

          主管每次看我作品就說:好丑!

          ▲拆解上面的方案,你會發現不同的排版,用戶看的方式就不一樣,如果你間距過小,用戶就很難閱讀。間距過大也會出現難以閱讀,所以必須在合理的比例下面設計的閱讀性才會更好。

          2)通過文字大小提升易用性

          主管每次看我作品就說:好丑!

          ▲大多數信息都是由標題,副標題,正文組成。所以在組織信息的時候,可以通過文字大小,字體粗細來加強信息閱讀。蘋果還把黃金比例用于字體上。每個字體大小的對比都是1.7和0.7左右對比,非常接近黃金比例。

          3)通過對比提升易用性

          主管每次看我作品就說:好丑!

          ▲運用對比也是提升易用性經常用到的手段,比如通過文字大小對比,文字的透明度對比。但是要注意互聯網的文字的可訪問性,推薦使用web無障礙標準4.5:1

          主管每次看我作品就說:好丑!

          ▲蘋果的官網設計,就是將文字信息運用到極致,如上圖通過文字大小,文字顏色,文字透明度等方式,讓信息閱讀起來更加流暢。

          三、最后

          關于設計的準則有很多,設計的準則目的是讓我們的設計更加和諧,它是一個參考標準,但是又不是絕對的,你可以理解為它是一把尺子,這把尺子是保證設計有一個基礎。



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


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

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          峰終定律,揭露用戶寧愿長痛不愿短痛的秘密

          seo達人



          用戶體驗的本質其實是心理學在科技產品的運用,需要的是讓技術順應人性。我在讀人機交互碩士時,學的也都是些心理學的研究成果和方法??稍谛睦韺W這塊了解得越多就越發現,很多人做不好體驗設計,是因為喝太多雞湯,導致腦子里不自覺地產生了很多反人性的思想。而這些反人性的雞湯,雖然能夠幫助自己更加優秀,對于理解用戶來說卻一點幫助都沒有,甚至可能適得其反。

          圖片

          例如今天我就用一個很經典的心理學定律來給大家講講:

           

          峰終定律——The Peak–End Rule

          意思是,人們對于一件事物的記憶好壞,取決于高峰和結尾的感覺。

          注意,這個高峰并不一定是正向高峰,也有可能是負向高峰。

          諾貝爾經濟學得主丹尼爾?康納曼(Daniel Kahneman)曾經做過一次實驗,讓兩組人帶上耳機聽噪音。

          兩組人聽的時長和音量都是一樣的,唯一不同的是,第一組聽完這段就結束了,而第二組聽完這段后,還會再聽一段音量小一些的。

          從測試設計者的角度看,第一組的忍受噪音的時間更短,總量也更少,理論上應該比第二組體驗好一點。

          然而根據調查發現,忍受完這輪噪音后表示愿意繼續參加實驗的人,竟然是第二組更多一些!

          康納曼讓兩組受試者戴上耳機,聽很大聲、令人不舒服的噪音。兩組聽到的音量都一樣,不同的是,第一組聽完大聲的噪音就結束實驗,第二組還會再聽一段比較弱的噪音。

          圖片

          按常理推斷,第二組的人聽了更久的噪音,應該比第一組感覺更痛苦,但事后調查,愿意繼續參加實驗的人,居然是第二組較多!

           

          寧愿長痛不愿短痛?

          我們都說長痛不如短痛,但為什么實驗中,而且哪怕長痛的總量比短痛的總量更大,大多人都寧愿長痛不愿短痛?

          • 明知道高考的時候再努力一把,畢業后就能找到好工作了,可偏偏忍受不了。
          • 明知道晚上少熬點夜,第二天神清氣爽工作效率高,可就是做不到。
          • 明知道每天只要花半個小時鍛煉一下,不但體型能改善而且精氣神也能上去,可就是堅持不了。
          • ……

          看來,短痛什么的都只能是對自己的要求,對大多數人來說,還是長痛更加符合人性。

          運用到產品體驗上,那就是:便捷性比不過易學性,與其與讓用戶短時間內完成一個高難度的操作,還不如花更長時間完成一個低難度操作。

          例如我以前設計過一個控件,方便用戶快速滑動切換到某個日期。

          結果用戶測試發現,雖然這個控件操作效率高,但是幾乎所有的用戶都無法立即理解,于是效率反而下降。

          圖片

           

          結尾比過程更重要?

          雖然很多雞湯文說,要重視過程而非結果。 

          但是對于只體驗一次的事情來說,大多數人更在意結果而非過程。

          以電影為例,通常對于喜劇和悲劇的劃分,并不是根據過程,而是結尾。也就是說哪怕同樣的故事,只要結局反轉,就會給人完全不同的感受。

          把這個類比到產品體驗,就拿購物為例,不論搜索產品的過程有多么復雜,只要最終我能買到合心意的產品,用戶體驗就是美好的。

          所以說拼多多這類主打實惠電商平臺,根本沒有必要再一些體驗細節上死摳,點擊收貨時自動拉攝像頭什么的……都被拿到便宜商品后的愉悅感沖淡了~

          相反,如果一個電商平臺流程體驗上再考究,可只要在最后一步收貨階段讓用戶失望,前面的努力都白費了。

          這么一想,寫之前那篇《拼多多這個惡心的交互,居然有人說好?》時,我的困惑也終于找到答案。

          不過,我還是不喜歡這個方案,這個下面再解釋。

           

          腳踏實地比不上巧言令色?

          通常我們受到的教育是,做事要腳踏實地,那些巧言令色的小人走不長遠。

          可如果真的是這樣,為什么不論是職場還是相親,「老實」這個詞都被認為是貶義詞呢?

          其實大部分人根本不喜歡穩定,例如投資股票的朋友,經常喜歡張口閉口就說“我最近賺了 50%”、“再加把勁,說不定可以翻倍”……

          可是股神巴菲特的年均收益率不過 20% 左右,據我了解無論是創投還是私募,實際年收益率平均能超過 20% 已經相當不錯了。

          圖片

          藍色線為收益率

           

          但是對于大多數業余股民來說,即便是自己年均收益率為負數,只要曾經有過一段高光時刻,那就很滿足了。

          對應在產品體驗上那就是:只要有一點讓用戶感到了「高光時刻」,那就足夠讓用戶記住要長時間了。

          例如 iPhone 其實整個產品的用戶體驗,尤其是在剛需上未必比 Android 強多少,可他們抓住自己在細節上的優勢,讓用戶在某些時候突然印象深刻一下,就能圈住不少果粉:《iPhone 這些體驗細節太感人,換安卓后不習慣了》。

          當然,Android 也有自己的「高光時刻」,例如我在接到陌生電話,看到屏幕上顯示“詐騙電話”時,立即由路人轉粉。

          當然,這個「高光時刻」也可能是負面的「至暗時刻」,例如雖然拼多多能夠讓我買到便宜的商品,結尾通常是美好的,但是那個點收貨拉攝像頭實在是讓我的體驗一下子跌落谷底,所以始終無法產生好感。

           

          總結

          雞湯本身就是反人性的,用來要求自己可以,用來要求他人可千萬別。

          所以說用戶體驗要反雞湯,這個其實再合理不過。

          以后可千萬別抱怨用戶這不好那不好,因為人性本來就是這樣,樣本大了從概率學上看,是一個絕對不可能改變的客觀事實。

          體驗設計就是要運用技術去迎合人性,而千萬不要妄圖改變什么。

           

          原文地址:體驗進階(公眾號)

          作者:設計師ZoeYZ

          轉載請注明:學UI網》峰終定律,揭露用戶寧愿長痛不愿短痛的秘密



          藍設計建立了UI設計分群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

                                                                      微信圖片_20210513163802.png

           

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

           

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




          UI和交互的需要注意45個微細節

          ui設計分享達人

          1.用微妙的雙重投影來讓你的卡片看起來更加清晰

          在某些元素周圍使用多個放置陰影或非常精細的邊框(僅比實際陰影暗一點)可以使這些元素看起來更清晰、更清晰,并幫助你避免那些看起來渾濁的陰影。



          2.減少標題上的字母間距以提供更好的光學平衡

          你的標題很可能會比正文更大,也比正文更重,所以字母之間的間距有時會看起來更大,

          減少一點間距,就可以使你的標題更加清晰



          3.為了保持一致性,請確保圖標共享相同的視覺樣式。

          在ui中實現圖標時,保持一致。

          確保它們具有相同的視覺風格; 相同的重量,或者填充,或者輪廓。



          4.在你的設計中只用一種字體就好了

          在創建設計時只使用一種字體是比較好的,這樣做實際上可以幫助你產生統一的設計效果。

          使用字重、大小和顏色的組合,你還是可以用一個單獨的字體表達清晰的文字的結構



          5.留白

          留白可以讓你的設計具有呼吸感,更加舒適



          6.選擇底色,然后使用色調和陰影來增加一致

          通過選擇一個基色,然后使用你選擇的顏色的色調和陰影,可以以最簡單的方式為你的設計增加一致性



          7.提高用戶的入職體驗。 拇指法則記住。

          允許用戶隨時跳過你的移動應用程序登錄序列,并將該跳過鏈接放在拇指容易觸及的位置。

          只是一個簡單的調整,可以讓你的用戶有更好的體驗(我常常體驗國內一些APP,關閉按鈕特別遠,特別難按)



          8.光影需要是來自同一個光源

          確保你的陰影總是來自同一個光源,會素描的同學很好理解,光源關系一致表達空間統一性的基礎



          9.提高文本和圖像之間的對比度

          基本的處理方式是,在圖片上增加一個透明漸變蒙版來使得字體看的更加清楚



          10.同一種字體時,使用多字重的字體

          如果只使用一個字體,盡量選擇有多字重的字體,比如:阿里巴巴普惠體、思源、OPPO



          11.在淺色背景上你的文字可見性需要注意

          在淺色背景下工作時,文字顏色不要太淺,雖然看起來很舒服,但可見性不較差,不利于閱讀



          12.長文本中,文字閱讀感不要太搶眼

          當涉及到長格式的內容時,某些常規的粗體字體在屏幕上看起來還是有點太重,太呆板了。

          建議,選擇像深灰色(即# 4f4f)來降低文本的色調,這樣閱讀起來會更加舒服



          13.行動按鈕需要是最聚焦的。

          通過使用顏色對比、尺寸和標簽,確保“行動按鈕”盡可能突出



          14.字號越小,你的行距就越高

          隨著字號的減小,增加行高可以獲得更好的易讀性。




          16.突出菜單中最常用的元素


          在設計應用程序內部使用的菜單時,請確保提供最常用的操作(即; 上傳圖像,添加文件等…)最突出的屏幕



          17.從你的圖像中挑選顏色,讓你的產品栩栩如生。

          只需從你的產品圖像中挑選顏色,然后將你選擇的顏色的各種色調和陰影應用到你的背景、文本、圖標……,就能為你的設計增添大量的視覺趣味



          18.根據字體的x高度設置行高。

          不同x高度的字體需要不同的行高測量來實現文本行之間的正確分隔。

          即使你可能有兩種字體大小相同(即; 18px)它們的x高度可能會有很大差異,選擇正確行高是非常有必要的



          19.突出最重要的元素

          undefined

          通過使用字體大小、權重、顏色和布局的組合,你可以輕松突出UI中最重要的元素



          20.告知錯誤的原因

          undefined

          在用戶剛剛執行的操作附近添加一條錯誤消息,可以幫助用戶提高正確登入,也可以緩解用戶焦慮(他可以更加清晰那里出錯)



          21.嘗試在手機上創建更大可點擊的區域。

          undefined

          當為移動設備設計時,嘗試創建足夠大的可點擊區域

          對于按鈕和僅由文本組成的鏈接來說,點擊區域會很小,所以盡可能使用帶有標簽的圖標。

          iOS和Android的最低建議點擊區域

          iOS為44 x 44pt

          安卓48 x 48dp



          22.在短標題上使用大寫的字母

          undefined

          長標題都是大寫字母的話,閱讀轉化上比較慢(你明白他是什么意思比較慢)

          短標題都是大字母的話,相對來說比較快可以和記憶中的單詞對應上



          23.保持淺色文本和圖像之間的對比度

          undefined

          始終確保淺色文本在淺色圖像背景下清晰可見。

          只需在文本后面應用一個低透明的深色背景,就能保持這些元素之間的良好對比度



          24.排版的親密性,要一直記得

          undefined

          標題、正文、標題、正文……這樣的排列中如果是間距都是相同的,那么在閱讀上就很難區分標題是屬于上文還是下文的。

          正確的做法是,標題距離上文的距離>標題距離下文的距離,這樣閱讀起來,標題會比較清晰的對應的是下文



          25.在下載中盡量給進度提醒

          undefined

          當下載速度是一閃而過時,則無需提示

          當下載等待時間>3S時,建議給進度提示



          26.文字也有情緒

          undefined

          在項目中處理文本時,選擇正確的字體將影響文本的語音類型。 那么大聲、或者溫柔、或者正式,嚴肅,或者有趣。每種字體都有自己獨特的聲音



          27.為正文選擇合適的行長,并提高可讀性。

          undefined

          基于人閱讀情緒,如果閱讀一行很長,一直閱讀下去,會出現你眼前閱讀的內容“不見”的情況

          對于單列頁面,45到75個字符被廣泛認為是令人滿意的行長,66個字符的行(包括字母和空格)是最合適的。

          當然,字體大小和行高也是決定可讀性的一個因素,但是對于行長,要保持在45到75個字符之間



          28.偶爾使用純粹的裝飾性元素是可以的,但要保持可訪問性。

          undefined

          需要適當,如果裝飾的強了主要表達的,則不可取



          29.使UI中的元素相互區分。

          按鈕。 通知。 UI中兩個獨立但必不可少的元素。

          一定要確保你的用戶能夠快速準確地將他們區分開來



          30.陰影不要太重

          undefined

          舒服的投影會增加你的設計的質感,和透氣感。太重的投影會顯得你畫面比較臟



          31.使用遞進分類時,需要明確當前選中的元素

          undefined


          32.使用高度飽和的顏色? 試著用色調或陰影把事情調小一點。

          undefined

          高度飽和的顏色(明亮的藍色、紅色、綠色等)在網站上看起來很不錯,但過度使用時,會讓用戶眼睛疲勞,主要是與文本內容一起使用時。



          33.使用用戶熟悉認知的圖標表達

          undefined

          在向設計中添加圖標時,使用用戶熟悉認知的圖標。新的圖標雖有很好看,很有個性,但是會讓用戶疑惑



          34.接近律

          undefined

          需要承上表達的元素,排版上接近對應的元素,可以讓用戶心理聯系起來是一體的



          35.減少標題的行高是很好的。

          undefined

          與長格式正文文本(需要足夠的行高以提高可讀性)不同,標題通常要短得多,因此可以稍微縮小間距。標題的建議行高通常是文本大小的1到1.3倍



          36.從色輪上挑選配色

          undefined

          類比色和鄰近色是最和諧的配色方案之一,也是最不會出錯的配色



          37.想用更輕松的語氣, 盡量用小寫字母。

          undefined

          在處理特定項目時,使用類似于所有小寫字母的文本可以表達更加輕松的意思

          但需要注意,在圖像和文本之間使用某種顏色疊加,以獲得更強的對比度



          38.使用重量、大小和顏色來表示你的結構層次感。

          undefined


          39.深色背景+淺色文本, 增加字重,提升易讀性

          undefined

          當在淺色背景下設置深色文本時,偶爾可以選擇較輕的字體。

          但是…

          反之:淺色文本>深色背景。

          最好是把字體的重量增加一點,尤其是長文本,原因是,讓用戶避免視覺疲勞,獲得更好的易讀性



          40.使用爭取的字體類型,表達對應的情感

          正確的字體選擇對于讓你的內容更快的正確傳達更重要



          41.全部大寫+字母間距=更好的易讀性。

          只需稍微增加字母之間的間距,就可以提高字跡的易讀性,并為大寫字母增加一些設計感



          42.讓表單上的錯誤信息變得有用和容易理解。

          確保錯誤提示,解釋了哪里出錯和如何解決

          始終讓用戶了解最新情況,即使是普通的表單,讓這些錯誤消息變得有用,不要讓用戶懵逼



          43.加載占位符

          使用占位符可以更好的緩解用戶焦慮



          44.通知用戶如果應用某個特定操作將會發生什么。

          在應用可能產生后果的特定操作之前,請詳細地通知用戶。尤其適用于具有不可逆轉后果的行為,例如永久刪除某個內容。讓用戶知道將要發生什么,并要求他們確認



          45.不要在下拉列表中隱藏重要的操作

          用戶需要采取的基本操作(例如,注冊或登錄)隱藏在下拉列表中,甚至可能找到用戶想要的。

          解決:將重要的功能提出來,不要隱藏


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


          文章來源:站酷   作者:木七木七

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          如何通過設計驅動產品的增長設計

          ui設計分享達人

          在《增長黑客》中有這樣一句話“If you are not growing,then you are dying!”(如果企業不在增長,那么就在衰亡?。?,這話也適用于個人。人生畢竟不像企業,是非成敗,似乎都無可厚非,所以我們常常放飛自我偏離軌道,以至于有時候不得不提醒自己“不在成長,就在消亡”。我們來人間一趟,有沒有全力以赴想要成全的事?可以反復嘗試、不斷接近嗎?所以,我認為,增長它是一個永恒的話題,我們在學生時代讀書的時候希望自己的分數與排名能增長,在企業上班工作的時候,我們希望我們的收入能增長,當我們創業的時候,我們希望自己企業的業績能增長,增長是長期伴隨著我們生活的一個指數。

          《在大數據時代》一書中提出了“量化一切”的概念,即一切都可以用數據來衡量。其實,在“數字敏感”的互聯網時代,電商平臺“銷量”、電影票房、百大up主、文章閱讀10w+等等,我們其實早已在不知不覺中用數據丈量著一切。

          增長設計這個概念好像是最近幾年才廣為互聯網從業人員才熟知,成為每個互聯網er所討論的熱門話題,因為在過去的十多年,是中國經濟數字化騰飛發展的十年,我們90后更是親身見證著互聯網企業的成長,“眼見他起高樓,眼見他宴賓客,眼見他樓塌了”。

          我們關于用戶增長也是在不斷的迭代的,從最早期的雛形AIDA法則,由路易斯提出推銷模式,西方推銷學中一個重要的公式,AIDA法則也稱“愛達”公式,然后到2007年的facebook,提出這個概念,即,我們知道我們的廣告費是浪費掉了,但是我不知道是哪一半,于是,精于廣告投放的facebook便通過科學的,可復制性,可以被檢測的廣告投放可以幫助于其他企業做好用戶增長,然后便是我們知道后期比較流行的AARRR海盜模型這樣更加精細的用戶增長策略.


          2.1 關于增長設計


          在近幾年我們經歷了從互聯網市場在基本火熱到冷靜,尤其是隨著移動互聯網的流量紅利開始消失,“增長黑客”與“用戶增長”這兩個概念開始慢慢火爆開來,我們國內互聯網企業互聯網從業人員也開始重視用戶增長。

          企業的增長,也可以理解為企業的成長,所以企業能否保持增長,是老板和員工都比較關心的一件事,因為企業只有保持一定幅度的增長,才能保證大家在未來繼續過上好日子。以前傳統企業做增長可能就是通過贊助冠名一個很火的電視欄目,或者請個明星作為企業產品代言人,都可以在一定時期內來吸引消費者的關注,實現快速增長。但是這幾年我們可能也發現了,傳統意義上的營銷手段似乎不太管用了。因為以前我們從在電視和傳統紙媒上獲取信息的用戶都慢慢轉移到朋友圈、B站、抖音等互聯網頭部平臺,過去的傳統營銷三板斧來拉動企業業績的增長,已經變得越來越難。

          所以我們發現,在2017 年可口可樂宣布取消 CMO(首席營銷官),由 CGO(首席增長官)替代,以增長為中心的各個職位在招聘網站上也如雨后春筍一般涌出。

          看到這里,這些好像和我們從事Ui視覺工作的好像關系并不是很大,而恰恰相反,我認為用戶增長設計并不是一套虛無縹緲的說辭,而是一種能夠與團隊協助的工作形式,在一個產品團隊中,我們每一個人都應該了解一些關于用戶增長設計方面的知識。

          我們所知道的產品是為用戶在服務,是為了滿足用戶的實際的需求,所以我們所理解的增長設計便是產品創造了價值,而增長設計是將產品的價值放大傳遞,讓更多的人去發現。


          2.20 關于以用戶為中心的增長設計


          而我們體驗設計師更多關注在做產品增長設計的時候盡可能的不去傷害到用戶,以同理心去思考做增長設計的策略。這個我們會稱為用戶增長設計(User Growth Design),即簡稱UGD,簡單的理解為用戶增長設計要以用戶為中心,以用戶的角度和思維方式去想問題,去做用戶的增長。

          讓產品簡單到“傻瓜”也能操作,是喬布斯和張小龍做產品的核心理念。坐擁10億用戶的微信之父張小龍說過,產品經理要有傻瓜心態。“我要經過5~10分鐘的醞釀才能達到傻瓜狀態,馬化騰需要1分鐘,功力最深的是喬布斯,傳說他能在專家和傻瓜之間隨意切換,來去自如,即所謂的Stayfoolish?!?

          當然,此傻瓜不是彼傻瓜,而是一種跳出當下局限的外行心態,是站在普通用戶的角度是操作、帶有同理心去思考產品,這樣才會更容易發現產品本質上的問題和抓住真痛點,找到影響用戶增長的關鍵因素。

          2.30 設計師該如何去做設計增長


          我們設計師要想所做的用戶增長肯定不是去街上發個小廣告,去地鐵上拿著產品的下載二維碼讓用戶去下載我們的產品,我們設計師著手的設計增長范圍還是從用戶體驗去入手的,所以我們在考慮提升產品數據的時候也需要考慮用戶的使用體驗,例如,公司現在想要提升產品的成交額,我們設計師肯定不會提出的方案肯定不會是讓公司去請個明星代言來吸引用戶下單之類的,我們設計事所要思考的是如何提升用戶在下單過程中的流暢感,如何縮短路徑,讓用戶能方便成交,所以我們設計師的增長觀一定是在產品現有的基礎上,提升用戶的體驗,盡量讓用戶有良好的體驗下來提升用戶的數據增長。


          2.40 什么樣的產品適合做增長設計


          那我們產品都是來自五花八門的類目,那什么樣的產品適合做增長或者以什么樣的形式做增長合適呢?在增長設計概念最火熱的幾年,我聽過這樣的一個有趣的故事,一個做服務于醫療聚合類的設計同學去給面試官講他們這個產品的怎么做用戶增長的,其中講到他們通過如何通過增長策略去拉動用戶增長,如何留住用戶,面試官聽完,反問了一句,那們這個增長設計的策略是通過給城市投病毒導致那么多人生病的嗎?

          所以,世間萬物的增長都需要條件,用戶的增長需要內在的動力,不能浮于表面,需要認清內在動力這樣才能有助我們找到增長的關鍵因素,從而合理有針對性的部署資源和策略。


          (1)C端產品如何做增長設計


          C 端的產品,一般是個人消費場景,單一決策購買,所以我們需要給用戶持續使用產品的動力,即產品可以持續給用戶提供其他產品無法提供的價值。用戶在使用產品獲得價值提升,例如獲得友情、愉快、知識、優惠、收入等等,用戶才會繼續使用,甚至會給身邊的好友去推薦。

          例如我們的國民軟件微信,拉進了人與人之間的距離,帶來了免費通話和朋友圈和這個門檻最低的社交網絡,我們可以通過朋友圈去展示和表達,我們微信上的各種”相親相愛的一家人“”多少級的同學“群成為我們去維系友情親情的寶地,現在我們通過掃一掃便可以完成生活中很多事情,都為用戶提供了極大的便利,微信獨有的社交屬性促成了巨大的網狀人際關系,讓用戶自發的去加入,并難以離開。在2020年3月底QuestMobile提供的數據來看,微信活躍用戶180日留存率為95.5%,位于常用APP用戶留存率排行的首位,擁有如此高的用戶長期留存,可見微信為用戶提供的價值之大。

          所以C端的產品只有能為用戶提供價值,用戶才會選擇留下,甚至會主動傳播為產品帶來更多有價值的用戶,這才是最理想的、良性的用戶增長。


          (2)B端產品如何做增長設計


          B端的產品和C端的產品不同,B端的產品往往是做決策的過程比較復雜,往往能決定購買的人并不是產品的使用者,他們只是負責采購的,另外有的采購量比較大的企業往往和銷售的人脈關系掛鉤,

          但是阿里的團隊通過不斷的深耕B端的市場發現,雖然 To B 增長很難,但在中小企業的增長很有機會。一般的中小企業,使用的人數不是特別多,一般都是5人以內的使用者,這類企業能決定購買和使用者是同一類的人,所以它會與我們C端的購買決策的路徑比較相似。另外中小企業的數量也是比較多,所以這塊的市場還是有挖掘空間的。


          2.50 什么是用戶的增長設計


          用戶增長設計設計其實就是從吸引新用戶的注意力到產品能給用戶一些價值最后用戶認可我們產品的過程,這是一個從短期流量到長效流量轉化的過程,


          (1)用戶的吸引力(獲客)


          我們一般獲取用戶的方式最直接便是去投放廣或者軟文推廣,用戶通過點擊下載APP來訪問我們的產品界面,在我們的產品中尋找自己想要的信息,一直周而復始,直到找到自己想要的信息,反正,產品的內容沒能吸引用戶,這時候,用戶便會退出產品,也就是用戶的流失。


          在這個過程中,一直圍繞著三個比較關鍵的因素“使用者(人)”、“使用場景”、“用戶行為”,我們需要明確用戶的使用路徑中,產生行為的原因和流失的因素。


          (2)用戶的注意力(激活)


          我們在設計中怎么通過設計策略去避免用戶的流失呢?我們需要去引導用戶的注意力,讓用戶在使用過程中對我們產品有認可,都可以有效的去避免用戶的流失,


          ·如何引導用戶的注意力


          我們怎么去衡量我們的產品是否吸引了用戶的注意力呢?根據Alibaba Design Ucan 2020所提出的一個公式。用戶的注意力=心理需求*視線所及,用戶的注意力是用戶的心里所想和目標所看到的交匯,當產品給用戶看到的信息是用戶想要的東西的時候,這時候,用戶便會點擊進入,所以通常曝光率則可以驗證用戶在產品使用中的注意力。


          例如,我們在瀏覽商品的時候,我們的目標首先關注的商品的品牌然后是名稱和價格,我們用戶心里想的可能是哪個品牌會比較可靠,哪個的價值比較低,有沒有我常用的品牌,視線所及便是我們展現給用戶的列表,當用戶看到某品牌有我喜歡的明星的代言或者喜歡明星的同款,這便是用戶所想的。當滿足這些前置條件,用戶便會產生點擊行為。


          ·如何引導用戶認同我們的產品


          我們想要用戶去認可我們產品的價值,我們需要了解用戶,了解用戶可以從三個關鍵因素去入手,1.用戶群體,2.認同目標,3.說服用戶



          例如當新用戶進去拼多多后,界面會彈出新人的專享紅包,引導新人用戶的點擊,下一個頁面便是彈出手氣最佳的紅包,最后展示頁面出現現在限時下單全額度返利的banner,每一個頁面的場景關聯度極強。一步一步的去說服用戶去下單、有效的提升用戶點擊率。從而提升新用戶的首次下單的增長。


          (3)用戶的安全感(留存)


          張小龍曾提出一個產品觀叫“用完即走”,與我們常常提到的“留存”“粘性”的原則是背道而馳的,其實我理解的用完即走便是產品其實不想讓用戶離開,我們的產品能給用戶一個確定性的答案,無論是在產品的易用性還是在產品體驗層面,都可以保持高效,讓用戶在使用過程中有愉悅感,讓用戶遷移成本提升,便是用完即走后的戀戀不忘、

          例如早期的打車軟件和團購軟件,那時候用戶在網上打車和線上支付習慣還沒養成,對產品的模式的認同度還不夠,所以,那時候打車軟件和團購軟件給予人的確定的心理印象便是,你在我這里支付購買會便宜。培養用戶的使用習慣,給用戶一個用了該軟件確實會便宜的心理安全感,從而實現了用戶的留存。

          我們平時準備出門或者去一些陌生的地方,我們都會使用高德地圖或者百度地圖看下路上是否堵車,我們這次出行走哪條路需要用時多久,以方便我們去選擇合適自己的出行方式。

          我們設計師在做設計的時候也是一樣的,我們通過之前的數據,也可以分析出產品一些不一樣的改版點,我們能把一些抽象的問題具體化,能更好的去度量我們的設計,所以設計師在學習如何增長設計前,我們需要了解一些關于產品的數據知識,我們分析一款產品的時候,通過比較關注的點是用戶、需求和數據。

          當我們的產品上線或者上新某一個功能的時候,往往用戶的意見反饋代表的是個體的聲音,而數據是用戶對于產品的客觀反饋,數據的變化能代表用戶對產品的態度,所以,設計師要是能讀一些數據報表,那么我們可以從體驗設計師角度去給產品迭代的時候能提出不一樣的觀點,輔助我們所服務企業的app的成長。


          3.10 數據是如何產生的


          數據如如何產生的,比較深的知識是不需要我們去深挖的,我們日常接觸到數據反饋都是來自產品的“埋點”,而埋點數據的獲取通常通過第三方的工具進行獲取,比較常見的數據分析企業有友盟、七麥、GrowingIO等,這些工具可以在我們想要的頁面或者功能按鈕上添加監聽功能,當條件被滿足的時候,便會完成一次數據的統計,埋點需要提供兩個關鍵的信息:一是需要埋點的內容,二是埋點的名稱,這可以方便我們以后快速的找到相關的數據,當埋點完成后,產品上線就會檢測用戶的行為動作,當用戶進入我們的“埋點"界面或者功能的時候,后臺系統就會上報數據,我們就會收到數據反饋,但是在現實工作的場景可能比這個要復雜的多,我們可以根據具體的場景在靈活應變。

          3.20 設計師為什么要了解數據


          我們對一款的產品的優化可能有很多層面的思考,但是我們去對用戶數據的分析則是對當前產品最有價值的參考點,數據的采集與分析無論是對產品的規劃還是對設計師下一步的工作開展都是比較重要的指標,因為用戶可能會因為一些客觀的原因可能不會說出自己內心的真心話。

          例如我們去面試的時候,在一番精心的準備和問答之后,我們在面試結束之后,如果去問面試官“您覺得我這樣面試表現怎樣”,有的面試官可能會就你這次的變現去做出比較切合實際的點評或者建議,但是有可能你那場面試因為外部的原因會失常發揮,但有的面試官可能會照顧你的面子,可能會說表現的還可以之類的話來安慰你,但是面試官最后會不會錄用你這點他肯定不會作假,所以有時候我們在分析用戶行為及操作路徑的時候,一些用戶的數據表現便是我們對產品優化的關鍵因素。

          我們通常將數據的指標分為三大類:1.用戶相關指標、2.用戶行為指標、3.業務數據指標



          3.30 用戶相關指標


          我們常見的與用戶相關的指數有像DAU、MAU、新增人數等,我們需要了解的數據為1.用戶的活躍指數,2.用戶的留存率,3.人均使用時長。

          3.31 用戶的活躍指數


          在互聯網行業里,通常我們會通過拉新把客戶引過來,但是經過一段時間可能就會有一部分客戶逐漸流失了。那些留下來的人或者是經?;卦L我們公司網站 / App 的人就稱為留存。

          在一段時間內,對某個網站 / App 等有過任意行為的用戶,稱之為這個網站 / App 這段時間的活躍用戶,這個任意行為可以是訪問網站、打開 App 等等。

          我們常見的用戶指標有「日活」 即日活躍用戶量,縮寫為DAU,,縮「周活」 即周活躍用戶量,縮寫為WAU,「月活」 即月活躍用戶量,縮寫為MAU。


          3.32 用戶的留存率


          留存率是最能反映一個產品是否對用戶有吸引力的指標,一般的留存率是基于某個時間段而得出的結論,例如我們常常聽說的次日留存和七日留存率。

          次日的留存率計算公式為:當天拉新的用戶中,次日留存率=在注冊的第二天繼續登錄/第一天拉新用戶的總數量

          七日留存率的計算公式為:在第一天拉進的用戶中,七日留存率=在注冊七天后還有登錄的用戶數/第一天拉新的用戶總數。




          3.33 人均使用時長


          人均使用時長通常是對內容和游戲類的參考價值的很大,它可衡量我們產品是否做的比較優秀,能不能留住用戶的注意力。如果我們做的是工具類的產品,例如計算機之類的,這個時候的人均使用比較長,說明我們的產品可能出現了問題,無法讓用戶在短時間內得到他想要結果。

          人均使用時長的計算公式為:人均使用時長= 總活躍時長 /總活躍用戶數。


          3.40 用戶行為指標


          用戶行為相關常見的指數有用戶的頁面訪問量率、轉化率等指標。



          3.41 頁面訪問量率


          我們對頁面的訪問流量的定義分為兩種,一種是PV(page View)即頁面瀏覽量,另外一UV(UniqueVisitor):獨立訪客數。

          PV(page View)也就是頁面瀏覽量,即你每觀看一次就會漲一個PV,類似于B站的播放量,我們每個賬戶只要點開觀看一次視頻,播放量就會增長一次,關閉在打開,也會在增長一次,所以我們每播放一次,便會漲一個PV值。

          UV(UniqueVisitor):也就是獨立訪客數,類似于騰訊視頻和優酷的播放量,每個賬戶點進去播放只會增長一個播放量,你再關閉再點進去也只漲一個VU值。在正常情況下是依靠瀏覽器的cookies來確定訪客是否為獨立訪客之前是否訪問過該頁面。


          (1) UV的類別


          在統計數據的過程中, 我們會將不同的點擊率來劃分,從而更好的可以來統計數據來分析。我們將UV分為:1.

          曝光UV ,2.點擊UV , 3.意向UV。



          ·曝光UV


          曝光UV即曝光在視野內的用戶數,例如我們在京東或者天貓去搜索某個產品進入了搜索的feed列表頁的時候,當我在當前的列表停留2-3秒的時候,都可以算一次曝光UV。


          ·點擊UV


          點擊UV即有點擊行為的用戶數,例如我們在京東或者天貓去搜索某個產品進入了搜索的feed列表頁的時候,我點擊某個商品進去了詳情頁,那么就可以算一個有效的點擊UV。


          ·意向UV


          意向UV即進入意向頁面的用戶數,例如我現在想去買一個Macbookpro, 我在B站看完關于Macbookpro,的評測視頻,在百度看完Macbookpro的參數后,我在去天貓和京東去搜索進行比價的時候這個時候我就屬于意向UV,在舉個我們比價常見的例子,當我們在百度搜索寶馬的時候,排在前面的經常是各種五花八門的關于車的廣告,在百度看來,我們便是想去買車的意向UV,是有機會促成交易的。

          所以我們看用戶對我們的產品或者活動是否感興趣,便可以看看PV和VU的數據如何。

          3.42 頁面的轉化率


          頁面的轉化率是任何一個企業都比較關心的數據為,我們的任何運營活動和產品的推廣都是為了轉化用戶的時間或者金錢,我們費盡心思的用戶點擊進來,也都是為了轉化用戶的購買。

          用戶的注冊、下單、登錄和復購都可以用轉化率來進行量化,我們根據產品不同的情況來制定轉化率的指標。通常我們計算轉化率:產生購買行為的戶人數/總的用戶訪客* 100%。例如我們這個頁面訪問人數是1000,接下來有100人進行了購買的行動,那么我們頁面轉化率為:100/1000*100%=10%的轉化率。


          (1)意向用戶轉化率


          意向用戶轉化率,即意向Intention Click Value Rate,簡稱意向UV CVR,是通過直觀科學的角度去評判需求是否達到了預期的效果,意向用戶轉化率一般用來衡量用戶訪購行為,是可以通過該指數去發現問題中隱藏的核心問題的依據,非意向UV的轉化流失有很多不確定因素,而意向UV的流失往往跟產品體驗有更大關聯性,通常計算的方法為:產生購買行為的客戶人數/所有到達店鋪的意向訪人數* 100%。

          例如像民宿和酒店類的APP的核心轉化率是客房的預定量,像B站和西瓜的核心轉換率則是用戶評論和點贊。


          3.43  頁面的點擊率與意向率


          通常我們在曝光UV和點擊UV直接會有一個點擊率的關系,Click-thougphRate,簡寫為CTR,即點擊數占展示次數的百分比,通常的計算形式為,點擊率=點擊次數/頁面訪問次數,

          在曝光UV與意向UV之前也有一個比例關系,叫意向率,即意向UV占曝光UV的比例關系,通常用以衡量運營活動或者功能的導流能力,主要用來看用戶的質量,通常的計算方式是意向率=意向UV/占曝光UV。

          3.43 跳出率


          跳出率是在設計用的比較少的一個數據,一般是運營人員會關心的數據指標。指的是用戶通過搜索點擊進入該商品的詳情頁,只是簡單的瀏覽一遍就關掉了頁面,在該頁面沒有任何的活動行為我們稱之為一次跳出行為。

          跳出率的計算公式為:頁面的跳出率=一個頁面離開的次數/總的訪問次數*100%


          3.50 業務數據指標


          我們對業務的數據指標可以將他們分為兩類:一是免費供用戶使用的產品,例如微信、B站等產品,我們更多的關注用戶的使用時長和停留時長。二是需要用戶有購買行為產品,例如淘寶、拼多多和京東之類的,這里的產品我們更多關注的是產品的GMV和ARPU等指數。



          3.51 GMV


          Gross merchandise Volume,簡稱為GMV,指標通常稱為網站成交金額,屬于電商平臺企業成交類指標,主要指拍下訂單的總金額,包含付款和未付款兩部分。

          GMV反映的是電商平臺直觀的成績,但在電商行業,GMV包括拍下未支付的訂單金額,GMV=銷售額+取消訂單金額+拒收訂單金額+退貨訂單金額,

          3.52 ARPU


          ARPU是 “The average revenue per user” 的縮寫,譯為每用戶平均收入或平均每用戶收入。也可以理解為單個用戶的價值。

          通常的ARPU用來反映這個產品在這段時間內從單個用戶獲得的利潤和收益,通常用來計算用戶生命周期價值的作用:它是 App 成功的指標,是用戶忠誠度的反應,是預測用戶增長的工具。簡單來說,用戶生命周期價值是驅動移動市場預算的動力。它會告訴你每個用戶值多少錢;你應該花多少成本去獲取一個用戶。

          ARPU的計算公式為:ARPU=在指定時期總收入/指定時期的付費用戶的總數*100%。

          3.53 付費率


          付費率是用來衡量用戶轉化行為的指標,通常所有用戶和付費用戶之間的一個轉化比率。我們前面說到的ARPU值是付費用戶的人數來計算的,我們通常會把付費率和ARPU值放在一起分析。一般該產品的付費率越高,這說明用戶對該產品的認可度越高。

          我們的產品每個階段的增長指標在不同階段會有不同的定義。每個時期所需要注意的事項也是不一樣的,我們對基礎的數據有了認識和了解之后,我們更重要的事情就是怎么去實踐在我們自己的產品中。


          4.10 提升列表CTR的設計策略


          我們產品中很多時候,我們的設計做的是否合理,我們的商品類別該怎么去排序,都和CTR的數據去掛鉤,產品中的很多核心的數據也需要CTR等基礎數據去做支撐,那么我們一起來復盤下提升列表的CTR策略點:1.增加影響用戶決策的信息,2.梳理列表的信息層級,3.新增適當的交互,4.標題優化(非設計角度)

          4.11 增加影響用戶決策的信息


          平時我們在逛街的時候一定會發現這樣的場景,當一條街上開了很多店的時候,每個店鋪一定會派出自己店鋪長相比較甜美的店員或者比較擅長口播的店員在自己店前面進行“吆喝”,比較小的店鋪就算人手不足也會用音箱去反復播放店內的促銷信息,這些策略都是為了在眾多的店鋪中去吸引過往行人的注意力。

          那么我們做設計也是一樣的原理,我們在在做列表時候,想要提升用戶擊我們的列表進入詳情頁的意愿,首先我們需要了解我們的用戶對什么樣的信息比較感興趣,我們將它整理并放出來,從而達到吸引用戶來點擊。


          4.12 梳理列表的信息層級


          我們平時去逛超市的時候,我們發現每個類目的貨架前都會擺放特價或者促銷力度比較的商品的合集,理貨員會將他們放在一起,這樣,對于價格敏感的會直接過去挑選。

          我們在梳理列表的信息也是一樣的,我們需要將用戶比較關注的信息或者產品的賣點信息層級抬高,減少用戶在挑選時候的跳出率。


          4.13 新增適當的交互


          我們想提升列表的點擊率也可以從另外一個角度是入口,就是想辦法讓用戶在最短時間內可以看到更多的信息列表,讓質變產生量變,這一點我們可以從改進交互的操作入手,讓讓用戶看的比較多的列表交互。


          (1)十字交互


          因為這種形式的設計他占用的位置比較少,且只需用用戶通過手指左右去滑動,便可以查看更多的信息列表或者產品列表。

          (2)隨機的列表


          在交互層面另外一個可以讓用戶看的更多的設計形式便是點擊就換一批,這樣可以讓用戶感受到我每次點擊過后的詳情列表和產品列表都是不一樣的,這樣每一次點擊都會有新的“多巴胺”去刺激用戶再次去點擊“換一批”按鈕,從而達到讓用戶看到更多的列表,以質變產生量變。

          4.14 標題優化(非設計角度)


          (1)美化標題


          我們經常上網經常瀏覽新聞的朋友一定知道有個詞叫做“標題黨”,簡單的來說就是標題經常以夸張、“故弄玄虛”的方式出現,UC是眾多平臺中運用標題“最好的楷?!?,所以網民也會親切的稱之“UC震驚部”,所以一個列表流的標題對點擊量的影響也是比較大的。


          (2)字符限制


          另外一個角度就是當標題顯示不全的時候,用戶對信息傳遞無法感知的時候, 我們取再好的標題也是沒用的,也許關鍵信息會被省略掉,所以我們在設計標題的時候,也可以限制標題可輸入的字數,避免文字的縮略顯示,讓用戶可以完全看清標題的意思,提升用戶的點擊欲望。


          4.20 上新功能如何提升CTR


          我們產品在上新一個新功能的時候,我i們如何布局能去讓用戶從熟悉到使用我們的新功能都是需要一個過程的,我們需要慢慢的去引導用戶,我們可以從一下策略去去入手:1.替換用戶習慣的功能,2.把控出現時間,3.用動態吸引注意力,4.合理劃分功能層級.、

          4.21 替換用戶習慣點擊的功能(按鈕)


          我們每個都會有自己的習慣性的動作,例如我們習慣左手寫字,右手拿筷子吃飯,我們每天回家習慣性的走同一條路,這些都是我們下意識的動作,是不需要經過思考的意識,那我們在軟件的使用中,也會有這樣的習慣,例如,通常底Tap欄的圖標第一個通常是首頁或者軟件的主要功能,而最后一個通常會放個人中心,這也是我們在軟件使用的中的共識,所以我們可以利用人下意識的習慣將常用的功能與新功能去替換,用戶便會在下意識的慣性中去點錯,例如網易云音樂為了推廣“云村”功能,便會將以前在最后一個的“我的”給替換成“云村,會導致很多用戶的下意識的動作點錯而提升新上的功能”云村“的點擊率。

          4.22 把控出現時間


          我們在下班回家的路上,當我路過一些小吃攤的時候會覺得街邊的小吃特別想吃,也特別有購買的欲望,這是為什么呢?因為我們在勞累的工作了,下班的時間也正是需要吃飯的時候,所以這個時候我們會看到街邊攤的小吃特別想吃,也特別想買,因為他擺攤的時間點和位置都恰好滿足了我們的需求,所以我們轉換到界面里也是一樣的,我們想要用戶去分享一篇文章的時候,一定要等看用戶在讀的時候,然后在出現分享功能,這個時候如果用戶讀到比較精彩的內容,便會和朋友分享這篇文章,例如用戶在進入商品也可以瀏覽的時候,我們這個時候可以出現滿減的紅包,這都是在適當的時候給與用戶想要的,把控好了出現的時間。


          4.23 用動態吸引注意力


          在一些靜態的元素中,突然有一個元素動起來,那么,那個動起來肯定是更吸引人的眼球的,所以我們在電商的頁面頁面中,會經??吹揭恍拥膇con和一些會動的膠囊導航,我能在付款頁面也可以看到一些立即付款的按鈕會忽大忽小的動起來,這都是為了吸引我們的注意力,引起我們去關注它的存在。


          4.24 合理劃分功能層級


          我們做設計排版的時候一定都聽說過這樣的一句話,就是你什么都想突出,結果你卻什么都沒有突出,這句話的意思是我們在做設計的時候一定要注意運用對比,將次要元素與主要功能的要做好主次的對比,這樣的層次對比才有利于用戶的閱讀,可以分清主次。

          我們在ui設計中也是一樣的,要想用戶快速的找到想要的功能,高頻使用的功能和不常用的功能要做好強弱的設計區分,這樣才能讓用戶一眼能看到自己想找的功能,例如美團和支付寶,都是將用戶高頻的操作放大并放置于頂部比較顯眼的位置,方便用戶去操作。


          4.25 合理使用彈窗功能


          我們都知道,彈窗在軟件中屬于級別最高的通知,就相當于學校里面的校園廣告,只要打開軟件的人,基本都可以看到,所以我們想推廣一個新功能的時候,使用彈窗是流量比較大的,但是也是比較打擾用戶的,我們需要看情況而定。

          4.30 提升人均使用時長的策略


          軟件的人均使用時長代表用戶對我們人均軟件關注度和我們給予用戶的價值,當人均使用時長在增長的時候,說明我們的產品正在良性的增長,在提升人均使用時長我們可以從以下幾個策略入手:1.讓用戶忘記時間,2.弱化用戶的負面情緒,3.多變的板式消除疲勞,4.激發用戶的好奇心



          4.31 讓用戶忘記時間


          我們放假在家打游戲的時候,總有這樣的感覺,就是打著打著不知不知的天就黑了,或者打著打著天就亮了,感覺時間過的非常快,但是我們需要注意一個細節就是一般打游戲的時候,游戲是會將頂部的時間狀態給隱去的,是為了給用戶更好的沉浸式的體驗,正因為我們看不到時間,所以便會忘記這件事情,一局一局的打著游戲。例如早期的抖音,在進去界面后變會隱藏時間條,讓用戶在刷抖音的過程中忽略時間,所以 ,我們想要提升人均使用時長,在一些娛樂性的產品或者模式下,可以嘗試著隱藏時間條,給予用戶更沉浸式的體驗,這樣用戶便會忽略時間這件事情。

          4.32 弱化用戶的負面情緒


          我們在飯店高峰期去餐廳吃飯的時候,一般會遇到餐廳客滿需要排隊拿號的情況,海底撈的做法是給排隊的客戶免費的小零食,外界對海底撈的服務評價可以用16個字來概括:有求必應,無微不至,噓寒問暖,小恩小惠,中國有古話是這樣說的“伸手不打笑臉人”,也許我們在就餐中會有各種不滿,但是海底撈都可以用他的服務去抵消客戶的負面情緒。所以,我們一般在餐廳催菜是時候,不管菜做沒有,服務員都會對我們說菜正在做,都是抵消我們等待中的負面情緒,讓客戶不會在等待的過程中離開或者退菜。

          我們在做界面中也是一樣的道理,我們的APP在實際運行過程中肯定也會遇到各式各樣異常問題,我們做設計的時候要為用戶提前給考慮進去,為用戶提供貼心、無微不至的服務。例如我們用戶可能在使用過程中可能手機信號不好,有的頁面加載不出來,我們需要設計有趣的加載動畫和頁面加載不出來的時候的占位符,告訴用戶我們的APP還是在正常的運行中,不是宕機了。


          4.33 多變的板式消除疲勞


          我們都開車或者坐車經過高速公路,我們會發現高速公路在一條直道后馬上會迎來一個彎道,我們小學的時候都學過,兩點之間直線最短,那么高速公路為了節省司機開車的時候,能否直接全部設計成直線的呢?答案是不可以,除了有些地方路線的規劃外,其次安全因素也很重要,經科學家研究表明在筆直的公路長期行駛很容易導致駕駛員發生事故,這是因為在筆直的高速上行駛,駕駛員的神經長時間處于放松狀態,容易麻痹大意,如果適當的時候來個轉彎會提醒駕駛員注意力集中,減速行駛,從而減少事故發生率。其次從心理學角度來說,駕駛員一旦在筆直的高速上行駛,容易產生飆車行為,誰都會想猛踩油門來追逐刺激,如果適當時候來個彎路,能夠抑制飆車行為的發生,從而減少故事發生率。

          所以我們在設計板式布局的時候,讓用戶盯著單一的布局形式,用戶很容易感覺到疲勞,從而會在頁面跳出。我們為了避免這樣的情況發生,讓用戶在瀏覽過程中能感受到板式的變化,而不是滑到底都是一樣,單一且無趣,很容易疲勞,我們設計者需要在單一的板式尋求不一樣的解決方案。


          4.34 激發用戶的好奇心


          我們都比較喜歡看懸疑劇的一個重要的因素是因為情節一環扣一環,線索和劇情結合的比較緊密,劇情比較扣人心弦,能激發我們對真相的探索欲,這才是我們喜歡追懸疑劇的原因之一。

          所有,我們做設計時候也需要給予線索讓用戶去探索,讓用戶感受到內容源的充沛,用戶才會興趣去向下探索,從而提升用戶的使用時長,所以,大部分的APP在最后一個板式都會做成瀑布流的形式,因為他在滑動的時候會不斷給予用戶新的提示,告訴用戶你不斷往下滑,都會有新的內容。

          4.40 提升留存率的策略


          留存率是用于反映產品的的運營情況的統計指標,我們產品的留存越高,說明我們產品很活躍,真正穩步的向前邁進,那我們在優化留存的策略可以從以下幾個入手:1.優化初次上手體驗,2. 減輕用戶的使用負擔,用內容留住用戶,3.完善獎勵機制,4.增加沉沒成本

          4.41 優化初次上手體驗


          我們現在年輕人由于生活的節奏越來越快,在使用APP的時間往往都是碎片化的,用戶的持續注意力會越來越短,一個產品在初次上手的難度越高,能勸退的用戶就越多,用戶在上手一款產品的時候,首先會關注界面是否易于上手,能不能快速找到自己想要的功能,例如在登錄的時候設計驗證碼登錄或者第三方的快捷登錄,在新用戶初次進去的時候,對新功能有使用說明,用戶在初次體驗是很重要,有了第一次的良好體驗印象,用戶才會有第二次第三次的回訪率,這也是提升留存的第一步。



          4.42 減輕用戶的使用負擔,用內容留住用戶


          減輕用戶的使用負擔是指在核心功能盡量能讓用戶能用最短的時間去完成,讓用戶感受到產品對用戶是有價值的,做到用完即走,例如,微信就算其他功能做在有趣,上手在簡單,它的核心聊天功能做的不好,用戶發一條要等很久, 我相信也不會有人去選擇用它去聊天,早期的米聊,其他的功能和想法都是比較超前的,微信也是根據米聊的模式改進,但是早期米聊在即時通信領域不是很擅長,在發送消息的即時性上欠缺,導致失了先手,在手機聊天領域輸了給微信。

          在產品做好了核心功能,能夠吸引一批忠實的種子用戶,這樣我們在一些附加功能,才是錦上添花,例如現在無論什么產品都喜歡做社區功能,就是希望用內容去留住用戶的注意力,附加功能一般都是利用人性的七宗罪去設計布局的(傲慢、嫉妒、憤怒、懶惰、貪婪、淫欲和暴食。)例如微信的搖一搖是利用人想認識新的異性,擴大好友圈,汽車APP的社區功能會經常發一些車站的車模,來吸引精準用戶的注意力,這些都可以提升用戶再次來使用我們的產品。


          4.43 完善獎勵機制


          我們在工作中,一定遇到這樣的情況,就是公司會設置獎勵機制,當員工的績效達到一定的程度的時候,公司會給予員工一定的獎勵,反正則會觸發懲罰機制,這會使得員工為了完成目標而努力工作,從而達到目標得到的獎勵會觸發員工的“爽點”。

          這是因為這樣,所以越來越多的產品開始做自己的會員體系,在加入積分商城,最后在來個簽到獎勵,簡單來講,就是通過給予用戶一些“爽”的東西,來讓用戶幫我們的產品達成一些我們需要的商業目標,其中最主要的目的就是用戶的留存率.

          4.44  增加沉沒成本


          我們在去理發店去理發或者在去網吧上網的時候,他們都會希望我們去辦理一張會員卡,在往里面存在錢,有的是存多少送多少,當我們一但存錢辦理會員后,我們會惦記著我們有類似的消費的時候,都會想起我在那家店里會員還有余額,會員里的余額就是們遷移的成本。

          所以共享單車會推出月卡服務,視頻會員會有連續包月或者年卡套餐,甚至我們點外賣開通會員也能享受大額的折扣,讓用戶感覺占便宜的感覺,這些都是為了鎖定用戶,增加用戶的遷移成本,來達到讓用戶再次來我們產品來消費,從而提升用戶的留存率。

          4.50 提升產品活躍度發力點


          產品的活躍度也可以稱為產品的粘性,產品的留存率是計算單次打開產品的次數。而多次打開我們的產品也可以稱為產品的活躍度,或者用戶對我們產品的粘性,我們去優化產品的活躍的可以從以下幾個策略入手:1.讓產品看起來生機勃勃,2.主動與用戶溝通,3.讓用戶有自己的社交圈,

          4.51 讓產品看起來生機勃勃


          我們都會有湊熱鬧的習慣,看到街邊有人排長隊我們會不自覺的看過去,所以我們在新聞看到了網紅店會請人來排隊,都是為了營造該店看起來很有生機,人很多,很熱鬧。

          我們在做產品設計的時候也是一樣的,需要在設計層面讓用戶看我們的產品也是很有熱鬧,很有生機,例如我們產品的運營區的圖片會經常更換,讓人感覺有人在運營,每天都是不一樣的,當我們的用戶關注的人比較少或者沒關注的時候, 我們需要給用戶去推薦質量比較高KOL去讓用戶去關注,有什么活動我也可以主動推送給用戶,這都是可以讓我們產品看起來有活力,從而讓用戶可以多次打開,提升活躍度。

          4.52 主動與用戶溝通


          我們小時候通常會被家長教導,遇到熟人和長輩要主動打招呼,這樣會讓我們看起來比較有禮貌,我們生活中也樂于和有禮貌的人去交往,因為對方會看起來比較有親和力,比較好溝通。

          我們做設計的時候也是一樣,我們的產品也需要主動與產品去溝通,讓用戶去了解我們,例如,我們評論去外露,是在告訴用戶我們這個商品已經得到了大多數的肯定,也可以讓用戶感受到我們這個產品其實用的人還是不少的,比較有生命力。

          4.53 讓用戶有自己的社交圈


          不知道從什么時候起,無論是什么類目都有了自己的社區,淘寶有自己微淘,咸魚有自己的魚塘,求職找工作的APP也開放了求職討論專區,連墨跡天氣都開放了社區功能,讓大家可以拍自己的當地的風景來討論。

          為什么大量的產品開始做社區功能呢?因為他們希望自己的用戶能在自己的產品有自己的社交圈,只有用戶有自己固定的圈子,才會有用戶粘性,把路人用戶轉化為死忠粉,大家一起來討論,從而達到提升產品的活躍度。

          4.60 提升產品核心轉化率發力點


          核心轉換率一般我們的用戶需要走的流程比較多,我們需要按照實際情況去刪減合并流程,來保障用戶無障礙的可以付款下單,我總結一下幾個優化策略:1.優化核心流程,2.豐富決策信息,降低轉化顧慮


          4.61 優化核心流程


          我們以前在放學的路上一定熟知自己家到學校的各種小道,在巷子的玩玩轉轉,比走大路要節省很多時間,節省了很多時間。


          (1)合并優化流程


          我們在做電商APP的時候,想要讓用戶快速下單購買也是需要提升用戶的下單效率,例如我們以前輸入完密碼還需要點確認才能付款,現在我們在輸入完第6位數密碼的時候就直接付款了,現在手機的升級了指紋和面容識別后都不需要輸入,就可以直接付款了,點外賣的時候,會有一鍵搭配購買,這都把以前復雜的步驟給整合優化,提升用戶的下單效率。


          (2)復雜流程分開顯示,提升放棄成本


          已經簡化到最簡單的流程仍然步驟還是很多的時候,我們可以將流程分開展示給用戶,例如我們的流程一共有12項,已經是優化的最精簡了,這個時候,我們每個頁面顯示4個給用戶去填寫,如果用戶在第二個或者第三個想放棄的時候我們這個時候提示他,馬上就要完成了,用戶想著我之前已經填寫一頁了,反正也沒多少了,我就在堅持寫一頁把,例如我們常見的電商產品,現在都是支持先選購商品加入購物車,在需要購買的時候在提升用戶登錄并付款,避免用戶還沒選商品就被登錄界面給阻攔了。這都是可以提升核心轉化率的策略。

          4.62 豐富決策信息,降低轉化顧慮


          我們在超市購物時候,一般會先看看產品信息和生產品日期,然后在看看品牌,最后看看產品的價格,覺得合適就拿走付錢了,就算我們有挑選的空間,也會在這這家超市買,因為往往兩家超市隔的都是比較遠的,跑來跑去比較費力,但是我們在網上購物或者選東西的,換平臺成本比較低,也不怎么費力,所以我們需要將我們的能有的優勢都展示出來,降低用戶的下單顧慮。

          例如自如租房的優勢就是有管家服務,服務比較全,這是它的優勢,也是我們租房的時候比較擔心的,有時候房間洗衣機或者熱水器壞了找人也找不到,另外就是我們商品的銷量好也需要展示出來,那么多人都買了都沒問題,我也肯定可以放心的下單購買,我們產品或者平臺有什么優勢都可以展示全,去盡力打消用戶最后的心理防線,從而提升下單轉化率。

          5.10 確定增長指標


          當我們想做增長的時候,會遇到各種各樣的指標,經常我們會覺得提升哪個指標都會比較重要,然后我們在把各個指標一把抓的時候卻發現與目標卻是南轅北轍的背道而馳,最終是研究了很多數據指標,卻仍然沒做好增長設計。

          其中最關鍵的因素是我們每找到唯一的關鍵性指標,即OMTM,,全稱是 One Metric That Matters,最早提出這一概念的是《精益數據分析》這本書中提出的,后來肖恩·艾利斯在《增長黑客》一書將其稱為“北極星指標(North Star Metric)”,現在“北極星指標”已經稱為行業的通用詞匯。

          北極星指標即在紛繁的產品世界中照耀著我們去走向終點的指標,它是產品走向成功的關鍵且唯一的指標,我們整個組織的增長目標都應該統一指向北極星指標。那么北極星指標有什么作用?

          (1)明確目標:讓我們避免南轅北轍,,幫助我們確定現階段的產品最需要解決的問題,幫助我們找到清晰的目標,來促進用戶的增長。

          (2)集中資源:有助于減少內部的溝通成本,整合企業的人力、技術、資金等資源,明確方向,力往一處使,利出一孔。


          5.11 怎么確定北極星指標


          我們在前面說到北極星指標的重要性,我們前面也講到關于很多數據指標,我們怎么可以確定符合企業定位的北極星指標呢?

          北極星指標確立和我們自身的產品的屬性、行業是密不可分的,不同的產品和行業也對應著不同的用戶和盈利模式,用戶價值的不同和商業模式不同,所對應的關鍵指標也會不同,因此,我們要確定北極星指標首先要了解產品的受眾和我們的產品可以給受眾提供什么樣的價值來盈利、

          在過去互聯網高速的發展的過程中,也衍生出了不同品類的產品。但是總體來說,我們大致可以把互聯網產品給歸類為內容產品、社交產品、電商產品、工具產品、游戲等幾大類目。我們可以看看不同的產品所對應的北極星指標。


          5.20 怎么拆解增長指標


          如果我們確定了產品的北極星指標,那么接下來我們需要做的就是任務的分配工作以及各部門的協作與協調,讓每位成員能夠能明確各自的職責,這樣我們設立的北極星指標才可能完成,這里我推薦一種在各大企業都開始推行的一種工作方式OKR((Objectives and Key Results)工作法。全稱為目標和關鍵成果,是一套明確和跟蹤目標及其完成情況的管理工具和方法。

          OKR 這套系統最初由英特爾公司制定,在谷歌成立不久,被風投家約翰·都爾(John-Doerr)引入谷歌,并一直沿用至今。除了Google以外,現如今有很多公司在使用,國外Facebook,Twitter,Linkedin,國內我知道知乎,字節跳動,明道等在使用。

          通過這么多公司的使用充分說明了OKR方式的可行性,OKR在執行過程主

          要以季度為周期來進行管理。

          整個OKR制定是從上到下,逐級進行拆分的類似金字塔式結構,最終拆分到團隊或者個人OKR。


          OKR中的“O”代表我們這次工作的目標,例如:年度目標、季度目標、階段目標,“KR”是關鍵成果,就是這些目標可以通過哪些關鍵成功可以完成,然后還有一個Action(行動方案),這些關鍵成功需要通過哪些方案去達成。



          我們以一款內容社區類的產品為例子,我們這個產品的季度的北極星指標為提升用戶的粘性,那么可能分配到我們設計負責人手上的目標為提升用戶的留存率和簡化產品的操作留程,那我們設計師需要做的可能是新增一個簽到功能,讓用戶每天都記得簽到來領獎勵,或者簡化直達看帖區的交互步驟,讓內容能留住用戶

          所以我們北極星指標結合OKR工作法,如何在合適的階段做合適的事,如下圖所示


          5.30 GSM數據驅動


          GSM模型是Google的用戶體驗團隊提出的一種指標體系,與OKR工作法不同,OKR主要適用于整個企業的任務的排兵布陣,而GSN體系主要是用來量化用戶體驗的,GSM分別為目標(Goal)→信號(Signal)→指標(Metric),所以也簡稱GSM模型。

          但是由于我們國內的互聯網情況和國外的環境也是不一樣的,經過本土化的改良,我們國內的GSM被精細化為6步。

          我們來結合實際的案例來看下吧!

          例如我們我們公司的一款民宿的產品,我們的產品團隊接到的需求是提升我們產品的活躍度。


          (1)數據目標


          那我們的數據目標便是提升產品的活躍度,我們接下來的工作便是對產品的現狀進行分析,以方便我們開展接下來的設計工作。


          (2)用戶分析


          用戶分析主要是對我們現在的用戶進行一個比較全面的分析,了解我們用戶群體的使用習慣,發現用戶主要的查看內容和用戶的痛點,以方便我們做針對性的設計策略

          (3)發現問題

          我們對用戶問題的采集主要是通過軟件自帶的用戶意見反饋和APP store 的用戶評價,從這里去獲取的用戶對產品的評價都會是比較客觀的。

          我們通過評價可以發現,用戶對產品存在的一些隱形的坑的體驗不好,例如附近有裝修會影響人睡覺的之類的,那我們怎么去幫助用戶去避免這些問題呢?我們可以讓一些經常住民宿的人去寫一些住店的體驗日記,方便我們用戶去查看。


          (4)用戶表現


          有了住店日記,我們的用戶表現是什么樣的呢?我們的用戶在決定入駐一些民宿的時候,可以去多方位的去查看其他人發入住日記??梢宰龆喾矫娴膶Ρ?,這樣用戶不僅可以減少踩到坑,在對比的過程中,在使用我們軟件的時間也會更長了。


          (5)設計策略


          那我們怎么可以讓一些入住過用戶去寫一些入住日記呢?我們可以針對愿意寫的用戶寫的好的用戶的日記進行曝光,他可以獲得自己的粉絲群里,然后,你發一篇日記,我們會獎勵給你相應的金幣,這些金幣在積累后可以獲得優惠券,在下次入住后可以減免相應的入住費用,然后我們的產品可以發現寫的比較好的日記推送給沒有住過的新用戶,或者有意向、搜索過的用戶,方便用戶橫向對比,從而提升用戶的活躍度

          (6)衡量指標

          因為活躍度它是比較抽象的一個概念。我們怎么去驗證我們的設計策略呢?我們可以通過一些用戶的金幣的積累去驗證我們數據,這樣就會比較直觀。只有當有有用戶去發表住店日記,他才能獲得金幣的獎勵。


          增長設計需要精準的界定用戶的痛點,這是用戶增長的重要基礎,然后在聚焦核心的業務,不斷的強化痛點來驅動用戶的增長。

          隨著行業的發展,現在行業對Ui設計的要求也是水漲船高,我們每一次改動需要給企業去提供一個能說得通的理由,我們也需要不斷的去學習行業里的新的知識,來豐富我們的思維,這樣我們才能在寒冬中走自己的坦途,一起加油!



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


          文章來源:站酷   作者:Endings

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          S02E03: 數字構建世界,什么構建「數字的世界」—— 阿里云設計中心年鑒

          seo達人


          本篇文章是承接《產品解決問題,什么解決「產品的問題」》《設計定義專業,什么定義「設計的專業」—— 阿里云設計中心年鑒》的內容。年鑒的第三篇,走進“數字”世界;比起這些宏大的視角,我們更希望和你一起推敲每一個細節。

          圖片

          圖片

          如何構建一個數字世界?

          圖片

          圖片

          圖片

          構建數字世界分為三步:

          ① 數據原料的采集與轉譯

          ② 數字世界的生產與加工

          ③ 設計過程的成本管控

           

          數字世界的血液從哪里來?

          數據是數字世界的血液,那么數據從哪里來?將空間數據采集后,我們進行標準化處理、融合,用于空間展示與計算;通過對環境、建筑、城市道路數據編輯能力,為生成3D城市(世界)提供完備數據。

          圖片                    
          圖片                    
          空間構建平臺 _

           

          數字世界的構建就是建個模么?

          孿生不僅僅停留在表面,而是由底層數據驅動、可以對物理實體流程模擬、結構模擬,甚至可以達到對物理的實時優化與反控。

                             
          圖片                    
          圖片                    

          圖片

          怎么理解數字世界的生產加工?

          這是一種很“工程化”的設計流程,無法通過設計稿“所見即所得”,需要在了解數據的特性基礎上,同工程師一起,通過算法決定建筑的形態,通過視覺設計規則決定建筑的樣式,通過場景編輯器決定物理世界的表現形式和規則。

                             
                             
          DATAV _

           

          如何降低設計成本提高效率?

          針對大屏搭建成本高、周期長、我們的方法是從生產的各個環節進行優化,如提供涵蓋行業特色場景的大屏模板,建立設計資產庫、數據映射視覺設計;同時,DataV的智能設計 AiVisLab提供的智能化搭建與編輯方式(識圖搭建,美化工具箱,自動可視化等)以及Visbar的資產沉淀讓搭建設計成本更低,提高搭建效率。

          圖片                    
          圖片                    
          圖片                    
          自動化,智能化,產品化
          設計預設,模版等 _

           

          圖片

          圖片

          如何把圖形引擎能力抽象出來,服務更多的場景?

          圖片

          圖片

          圖片

           

          三維場景和動態數據效果,是如何做到的?

          我們通過提供便捷的數據服務一鍵生成三維數據基底、通過設計資產預設,后期環境設置等完成從物理空間到數字空間的轉化;同時在數據業務展示層,我們有一套完整的圖元系統貫徹組件支持數據展示;而在信息交互層上為了滿足不同維度的交互編輯,我們提供了藍圖節點編輯,和鏡頭沉浸式設定等功能。

          圖片                    
          圖片                    
          圖片                     

          圖片

                             
                             
                              
           

          不會代碼,也能用 DataV么?

          當然,為滿足用戶日益增長的編輯訴求,我們從最初的1個畫布編輯器已擴展至今天橫跨多個維度的6大編輯器,形成一套簡單易操作的可視化編輯器系統。用戶可通過編輯器里豐富的模版及資產庫、數據配置、自動數據映射等0代碼編輯的功能快速搭建專業水準的數據可視化應用,感受數據的美好。

          圖片圖片

          圖片

          小白如何快速上手搭建三維空間可視化?

          為了讓用戶能夠“傻瓜式”搭建復雜的三維空間可視化,我們打造了一整套包括 CityPro、CityV、GI組件等的圖形引擎產品。并提供了一套既能滿足沉浸式數字孿生體驗,又能滿足時空大數據分析的解決方案,可覆蓋可視化領域的各個場景。

                              
          圖片                  

           

           

          圖片

          圖片

          如何把模型資產沉淀下來,產生更多的復用價值?

          圖片

          圖片                    
          圖片                    

          圖片

           

          為什么要有 Visbar?

          在數字孿生的行業可視化項目中 ,每個具體行業的需求往往很相似,功能場景也有較高通用性。于是我們以行業維度沉淀資產,并以解決方案打包輸出,最終以產品化對外服務。Visbar 不但能夠提升可視化項目交付效率,還可以降低項目投入成本。

          圖片

          行業案例 _

           

          那么多資產沉淀得過來嗎?

          Visbar擁有自己的物料生態與運營模式。

          圖片

          圖片

          圖片

          圖片

          原文地址:阿里設計中心(公眾號)
          作者:阿里設計中心

          轉載請注明:學UI網》S02E03: 數字構建世界,什么構建「數字的世界」—— 阿里云設計中心年鑒

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

                                                                      微信圖片_20210513163802.png

           

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

           

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


          日歷

          鏈接

          個人資料

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

          存檔

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