欧美操人网站,少妇导航av,二区v无码v亚洲v,成人无码网站在线观看,成人啪啪啪在线99久久er热在这里都是精品66_欧美成人精品三级网站在线观看_

首頁

【產(chǎn)品即場景】體驗先行

濤濤

產(chǎn)品即場景,體驗又貫穿整個產(chǎn)品~孰重孰輕早已分不清

Image title

產(chǎn)品即場景,而場景化核心要素之一的“體驗”,是其中最重要的一項。

本文從體驗出發(fā),結(jié)合AARRR(用戶增長)模型進行闡述,其中我認為該模型的使用必須是在產(chǎn)品搭建的場景下才能運作的。而其中涉及每一步的良好體驗剛好又反哺場景的完善。

從獲取-激活-留存-轉(zhuǎn)化-傳播每一個步驟中都存在內(nèi)部因素和外部因素。本文只講內(nèi)部因素,產(chǎn)品從最開始的外部獲客,轉(zhuǎn)向產(chǎn)品內(nèi)部的使用體驗,再轉(zhuǎn)向外部傳播的這么一個過程。

Image title

文章不是教案,更不是真理。希望大家?guī)е械难酃馊タ创恳黄恼?。畢竟思辨精神才是形成獨立思維的法寶。由于文章較長,我會分成上下兩部分發(fā)布,進入正文:


獲?。ˋCQUISITION)分為三個部分:


一:自然流量的獲取


自然流量的獲取,我們能干涉其中的體驗非常少,只能打磨產(chǎn)品本身。但是自然流入的用戶一定是基于以下幾個點中的其中一個或多個。我們或許可以干涉體驗前~


1.某個社會現(xiàn)象、熱點所引發(fā)的相關(guān)功能性需求(例如前不久滴滴司機殺害空姐事件,引發(fā)多少芳齡少女的恐慌。提高了強烈的安全意識,這時候你會發(fā)現(xiàn)App Store里面一款app殺了出來“怕怕”(有興趣的朋友自行下載體驗),正是這個社會熱點現(xiàn)象引發(fā)的自然流量暴增。當然也不排除產(chǎn)品借這個熱點營銷自己的產(chǎn)品)


2.某個痛點確確實實需要解決(當某類用戶存在某個痛點時,會自己通過搜索或者同類產(chǎn)品對比選擇一款產(chǎn)品進行使用,如果你的產(chǎn)品剛好能幫助使用者解決痛點,那么你成功吸引了用戶。)


3.純粹進行產(chǎn)品的體驗(產(chǎn)品發(fā)燒友、同類競品的體驗人員、無意中下載的等)。我們稱為無效流量,因為這部分用戶一般是不太可能成為產(chǎn)品的忠實粉絲的。他沒有明確的目的、沒有明確要解決的痛點。


二:運營推廣的獲取


運營推廣這個名詞在互聯(lián)網(wǎng)誕生之前就已經(jīng)存在了。只是說原來傳統(tǒng)的營銷手段即產(chǎn)品-價格-渠道-促銷開始逐漸失效。轉(zhuǎn)而變?yōu)閳鼍盎倪\營推廣。將推廣落實到具體的小場景中。


1.線上推廣

其中線上推廣包含線上營銷活動(營銷活動又分為已有話題進行營銷【可以選擇融入當前的熱點話題類似節(jié)日、娛樂圈大事件等】&【提供話題痛點解決方案進行營銷】和制造話題營銷【創(chuàng)造業(yè)內(nèi)的話題】【通過深度用戶進行制造話題】、優(yōu)惠活動(包括邀請好友得好禮、會員優(yōu)惠、某個節(jié)日優(yōu)惠等)。線上推廣無非就是通過網(wǎng)絡(luò)搭建虛擬場景,通過場景邊界的不斷延伸,覆蓋吸引更多的用戶參與進來。


2.線下推廣

線下推廣包含地推(地推不可避免的會帶來2部分的人群:被地推活動中的獎品吸引的人;確實被產(chǎn)品的介紹所吸引的人)、海報&代言(同樣會有2部分人群:被明星效應(yīng)所吸引的人;被產(chǎn)品介紹所吸引的人)、門店的互相導(dǎo)流合作。線下推廣效率遠遠沒有線上推廣來的快。但是對于需要線下場景的產(chǎn)品來說,這又是必不可少的。


三:社群自傳播


通過單點擊破,這就需要運營團隊有很好的洞察能力,找到符合產(chǎn)品調(diào)性的社群,通過事件引爆該社群或者社區(qū),讓社群成為你產(chǎn)品的擁護者和傳播者。


1.通過老帶新的模式進行獲取用戶

當產(chǎn)品與老用戶之間建立很好的紐帶關(guān)系后,老用戶自然會以個人為中心,向外幫你宣傳產(chǎn)品。


2.引爆社群

通過各類社區(qū),找到符合你產(chǎn)品的目標人群。通過對該社群的研究,運用社群內(nèi)部語言或者表達,調(diào)動整個社群幫你發(fā)力。有點及面的擴散,稱之為“氣球理論(很細的一根針就能戳爆氣球)”這同樣是能引爆傳播性特別重要的一點。


3.參與感(社會關(guān)系綁定)

當你周圍的人都在轉(zhuǎn)發(fā)或者都在使用的時候,如果你不了解或不使用的話,會引起個體的孤獨感。也就是說“他們都在玩,我不玩就落伍了”,但是這種情況在產(chǎn)品推廣的前期一般不太會出現(xiàn)。當傳播勢能達到一定程度的時候,才會出現(xiàn)刷爆朋友圈!


激活(ACTIVATION)分為二個部分:


當用戶從外部導(dǎo)流進產(chǎn)品后,這時用戶的去或留都跟產(chǎn)品&業(yè)務(wù)有關(guān)。如何讓用戶在進入產(chǎn)品后自然而然的進行使用也就是防呆原則。對,通過引導(dǎo)或者吸引使用者進行下一步操作。(打個比方,你去一家陌生的餐廳,進去后沒任何人招呼你,沒人告訴你要去選位置或者點菜,是不是有不知所措的感覺,我想你很快就會另尋他家吧)


一:進入產(chǎn)品后的操作引導(dǎo)


1.視覺引導(dǎo)(包括頁面元素優(yōu)先級、頁面元素突出強弱進行視覺上的引導(dǎo),很常見的就是:在你第一次使用某個產(chǎn)品時,會引導(dǎo)使用者進行第一步第二步的操作,降低用戶對產(chǎn)品的陌生感)


2.動效引導(dǎo)(通過頁面浮層的形式教育用戶如何進行操作,這也是在產(chǎn)品設(shè)計中,對新用戶的一種引導(dǎo)方式)說到底就是為了消除用戶對新鮮事物的陌生感和手足無措感。


二:產(chǎn)品本身是否能激起用戶的探索欲


當然這個問題本身是建立在是否能真正的幫助用戶解決某些方面的痛點。否則再強的探索欲,也跟你產(chǎn)品本身沒有關(guān)系。如何激起用戶的探索欲?


1.產(chǎn)品整體視覺表現(xiàn)、使用流程的體驗是不是夠吸引人,是不是有屬于產(chǎn)品本身吸引人的點。(當年的path效果,直接將它送上全民熱潮之巔)


2.產(chǎn)品是否對使用者產(chǎn)生持續(xù)的吸引能力,產(chǎn)品前期只有不斷的通過各種方式刺激用戶。(產(chǎn)品體驗優(yōu)化、活動力度、宣傳方式、讓惠讓利等)但需要注意的是:過度營銷不等于有效刺激。


3.產(chǎn)品的任務(wù)流程設(shè)置是否合理,正常情況都是由簡單到復(fù)雜的程度設(shè)置任務(wù),由于用戶的沉默成本,當完成一定任務(wù)后,就會沉淀下來慢慢成為產(chǎn)品的忠實用戶。(摩拜產(chǎn)品是先讓用戶填寫個人信息,最后才提示充值押金,站在使用者的角度來看,已經(jīng)把個人信息都出賣給平臺了,還在乎那200多塊錢嗎?不然你讓他把流程倒過來試試,先充錢,再填信息。保證沒多少人會用)。流程設(shè)置就像鉤子一樣,慢慢慢慢的把用戶勾住。


上半部分先到這里,下半部分會從“留存”“轉(zhuǎn)化”“傳播”角度進行展開~


多數(shù)人能夠成為很厲害的設(shè)計師,很厲害的產(chǎn)品經(jīng)理。凡事都會有所謂的套路,當你熟知了解某個行業(yè),或者多個行業(yè)的套路時。你會站在更高的視角看待問題,同樣你會走的比人家更遠更快。所謂的套路,是基于個人而言,可能你有個很好的導(dǎo)師能夠告訴你以往的經(jīng)驗。但是我更認為,套路是通過一步步看似笨拙的努力不斷總結(jié)不斷歸納

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

博博


聽云 2016-04-18 10:49:28

早在1995年,尼爾森的十大可用性原則就已問世,雖然當時針對的是web交互設(shè)計,但易用性對任何擁有用戶界面的東西來說都適用。不管是網(wǎng)站,程序,移動頁面或其他,具體的規(guī)則可能不同,但總的原則都源自人類上萬年進化所形成的思維方式。

1、可見性原則

用戶在網(wǎng)頁上的任何操作,不論是單擊、滾動還是按下鍵盤,頁面應(yīng)即時給出反饋?!凹磿r”是指頁面響應(yīng)時間小于用戶能忍受的等待時間。保證頁面內(nèi)容的可見性、狀態(tài)的可見性、狀態(tài)變化的可見性。

在用戶與應(yīng)用的交互過程中,系統(tǒng)需要即時的給予用戶反饋。如果用戶在操作過程中,頁面出現(xiàn)一片空白,不清楚應(yīng)用是否給予了用戶反饋,這時候用戶就會感到焦慮、恐慌,這些都是不符合可見原則的。看起來非?;A(chǔ)的要求,其實很多產(chǎn)品都做不到或者沒做好。

有一部分App,在弱網(wǎng)情況下信息未加載完成時,顯示空白頁,無法給用戶任何信息。

現(xiàn)在來看一款可見性做的比較好的App

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

如上圖,關(guān)掉WIFI在2.5G的網(wǎng)絡(luò)情況下首次進入這個App,主頁面內(nèi)容雖然遲遲加載不出內(nèi)容,但是有一個提示能夠告訴用戶,當前正在做什么,是怎樣的進度。并且“內(nèi)容煉成中”這句有二次元味道的提示,使App的整體感非常好,而且圖片一定程度上分散了注意力,使用戶對加載的時間不那么的敏感,為弱網(wǎng)環(huán)境下內(nèi)容的加載爭取了時間。

2、場景貼切原則

網(wǎng)頁的一切表現(xiàn)和表述,應(yīng)該盡可能貼近用戶所在的環(huán)境(年齡、學(xué)歷、文化、時代背景)。此外,還應(yīng)該使用易懂和約定俗成的表達。

在做產(chǎn)品設(shè)計的時候,主要考慮到的是用戶使用場景。產(chǎn)品的功能要貼近目標用戶的真實使用環(huán)境,這一點非常重要。用兩款導(dǎo)航類產(chǎn)品舉例:

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

還原一下導(dǎo)航時部分使用場景,比如在一個陌生的城市開車,需要使用導(dǎo)航,輸入目的地,大部分的情況下手機不是手持狀態(tài),觀察的模式也是以眼睛掃描為主。

在這個頁面上的設(shè)計,大部分的信息對我第一訴求導(dǎo)航并沒有直接的幫助,如果要輸入一個目的地,需要用尋找的方式去使用它。輸入框非常窄,不好找到,使用場景下導(dǎo)航并不貼切。

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

相比之下看到錘子駕駛的界面,作為一款導(dǎo)航類的應(yīng)用,它教科書式的講解了什么是場景貼切原則。在開車的時候只要用眼睛掃一下手機屏幕就可以知道要導(dǎo)航的功能位置,并且可點擊區(qū)域巨大,非常容易選中。

選中導(dǎo)航后優(yōu)先用語音搜索目的地,這樣可以減少對駕駛的影響。下方巨大的List也讓用戶比較容易的去點擊最近去過的地方。這樣就非常符合用戶在駕駛中,或者說非手持狀態(tài)的使用習(xí)慣。

3、可控原則

為了避免用戶的誤用和誤擊,網(wǎng)頁應(yīng)提供撤銷和重做功能。用戶對當前的狀況很好地控制了解和掌控,并且有足夠的自由。

掌握、可控、自由是人類安全感的重要來源,如果使用一款產(chǎn)品的時候提心吊膽的,生怕點擊了某個按鈕就發(fā)生了錯誤,很難相信這樣的一款A(yù)pp有好的用戶體驗。有一個用戶交互的金句:操作前可預(yù)知、操作中可有反饋、操作后可撤銷。

像iPhone 的出現(xiàn),為可控原則做了最好的注解,Home鍵也是教科書式的可控原則的體現(xiàn)。無論你在哪里,遇到了什么問題,一鍵回到桌面,一切重新開始。

4、一致性原則:

同一用語、功能、操作保持一致。用戶需要在同一個產(chǎn)品中,接受同一套規(guī)范、邏輯。

這樣做的一個好處是可以讓用戶對App有一個整體的感知,在相同的背景下做相同的操作會有可預(yù)期的結(jié)果,這樣大大的降低了用戶的學(xué)習(xí)成本。如下圖這個出行類App,點擊了旅行休閑,結(jié)果跳轉(zhuǎn)了一個莫名其妙的頁面。內(nèi)容與旅行沒有關(guān)系,違背了一致性。

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

5、放錯原則

通過網(wǎng)頁的設(shè)計、重組或特別提醒或安排,防止用戶出錯。

這方面很多成熟的實體產(chǎn)品都比較好。App中這種防錯設(shè)計隨處可見,比如訂票軟件,已經(jīng)過去的日期顯示為灰色,以防訂錯機票的錯誤。

6、協(xié)助用戶記憶原則

在需要記憶某些信息時,產(chǎn)品功能上要幫助用戶記憶。盡可能減少用戶回憶負擔,把需要記憶的內(nèi)容擺上臺面。

7、靈活的原則

中級用戶的數(shù)量遠高于初級和高級用戶數(shù)。為大多數(shù)用戶設(shè)計,不要低估,也不可輕視,保持靈活。

移動端的用戶大多數(shù)不是專家級用戶,也不是小白用戶。對頁面的設(shè)計要更側(cè)重于滿足對大多數(shù)用戶的需求,不宜復(fù)雜,也不宜過于簡單無提示。

8、易掃原則

互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動作不是讀,不是看,而是掃。易掃,意味著突出重點,弱化和剔除無關(guān)信息。

在時候用一款陌生產(chǎn)品的時候,用戶絕大多數(shù)是使用掃描的方式而不是閱讀的方式來理解內(nèi)容。如果想讓用戶快速發(fā)現(xiàn)想要的信息,就一定要保證頁面足夠清晰,簡約。如果有較多的信息需要展示,那么一定要分清主次,要求界面足夠簡單,突出重點,內(nèi)容易讀。

9、容錯性

幫助用戶從錯誤中恢復(fù),將損失降到。如果無法自動挽回,則提供詳盡的說明文字和指導(dǎo)方向,而非代碼,比如404。

例如各類應(yīng)用中要恢復(fù)出廠設(shè)置,是一個比較重大的操作

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

所以在恢復(fù)出場設(shè)置前需要輸入解鎖圖案。這就是容錯性的一個體現(xiàn)。對于用戶正在進行的操作有著明顯的提示,避免了誤按誤點操作造成的損失。

10、人性化幫助原則

幫助性提示最好的方式是:1、無需提示2、一次性提示3、常駐提示4、幫助文檔。

一個系統(tǒng)或者是產(chǎn)品,如果不需要文檔或是提示是最好的,一切都是自然而然發(fā)生的。但是在很多情況下,需要對內(nèi)容做一個提示或者幫助,來便于用戶更好的使用App。

幫助和提示在哪里用的比較多呢?設(shè)置。在設(shè)置頁面里,可以看到無線網(wǎng)絡(luò)、定位服務(wù)等是否打開,而中間遇到比較復(fù)雜的操作,用戶對此一知半解,這時候就需要有相關(guān)的幫助提示。

現(xiàn)在幾乎所有的移動端交互設(shè)計全部基于用戶體驗,而在定位準、細分市場準,遵守了尼爾森十大原則的情況下,還有一些問題是每個產(chǎn)品研發(fā)團隊不能避免且無法解決的。

在每個產(chǎn)品的不同生命周期中,側(cè)重點也會不同。初期注重種子用戶的培養(yǎng)與新功能的增加。到了成長期會經(jīng)歷版本的頻繁發(fā)布,系統(tǒng)不夠穩(wěn)定。這時候就需要用到更加專業(yè)的第三方工具去幫助應(yīng)用發(fā)布后的性能問題進行管理。

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

在產(chǎn)品真正上線后可以及時進行崩潰分析、網(wǎng)絡(luò)請求與錯誤分析,交互分析等等通過App的總體性能評分與在同行業(yè)競爭中所處的位置來不斷迭代產(chǎn)品,改進用戶體驗。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

博博


企服盒 2018-04-08 10:52:48

本篇講述的是feedback反饋類;反饋就是用戶做了某項操作之后,系統(tǒng)給用戶的一個響應(yīng)。這個響應(yīng)根據(jù)場景的不同會有不同的響應(yīng)形式和不同作用。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

設(shè)計規(guī)范中最重要的部分就是組件規(guī)范了,制定組件的規(guī)范有哪些好處呢?

  1. 簡單:熟悉了解組件的用法之后,在做界面設(shè)計時,只需要合理運用組件就可以快速搭建web端界面,無差錯。由于有成套的組件規(guī)范,所以在交互設(shè)計和視覺設(shè)計過程中無需每次都重復(fù)勞動。

  2. 統(tǒng)一用戶體驗:由于使用了統(tǒng)一的組件規(guī)范,所以保證了的視覺和交互設(shè)計統(tǒng)一性,保證整體的用戶體驗性。

  3. 提升設(shè)計綜合能力:由于減少了做組件重復(fù)性勞動,交互設(shè)計師/PM 可以將更多時間和精力放在討論業(yè)務(wù)、設(shè)計方法、設(shè)計思維、定義產(chǎn)品等綜合能力方面。從而驅(qū)動業(yè)務(wù)創(chuàng)新。

根據(jù)組件的用途,可以分為六大類:Feedback 反饋、from 表單、basic 基礎(chǔ)、data 數(shù)據(jù) 、navigation 導(dǎo)航、other 其他。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

本篇講述的是feedback反饋類;反饋就是用戶做了某項操作之后,系統(tǒng)給用戶的一個響應(yīng)。這個響應(yīng)根據(jù)場景的不同會有不同的響應(yīng)形式和不同作用。

toast

定義:用戶產(chǎn)生操作,出現(xiàn)toast提示,一般2-3s消失;通過toast中的提示語告知用戶需要了解的信息。讓用戶的行為在使用過程中得到反饋和幫助。

使用場景:

  1. 可提供成功、警告或錯誤等反饋信息。

  2. 頂部居中顯示并自動消失,是一種不打斷用戶操作的輕量級提示方式。

例如簡書在沒有上傳專題封面時就點擊創(chuàng)建專題按鈕,出現(xiàn)toast提示,提示用戶要先上傳專題封面才能創(chuàng)建專題。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

toast的消息提示分類一共有三種類型:成功類、失敗類、常規(guī)類。

組件樣式有兩種:可以點擊操作使其消失、不可點擊操作使其消失。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

alert 警示提示

定義:當用戶進行某種操作時,網(wǎng)站會出現(xiàn)對應(yīng)的警告信息提示用戶,該提示信息的狀態(tài)不會主動消失。

使用場景:

  1. 當某個頁面需要向用戶顯示警告的信息時。

  2. 非浮層的靜態(tài)展現(xiàn)形式,始終展現(xiàn),不會自動消失,有的組件用戶可以點擊關(guān)閉。

例如淘寶購物車,刪除之后,會出現(xiàn)alert警示提示,淘寶的例子屬于alert的變種,用戶可以點擊“撤銷本次刪除 ”進行還原之前的毀滅性操作。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

alert警示提示的消息分類一共有三種類型:成功類、失敗類、常規(guī)類。當然也可以不含有icon操作,含有icon操作的話警示性會更強。

alert警示組件樣式有兩種:帶有刪除操作,不帶有刪除操作。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

dialog對話框

定義:用于提示用戶當前操作,或是完成某個任務(wù)時需要的一些其他額外的信息。對話框可以用確定/取消的簡單的應(yīng)答模式,也可以是自定義復(fù)雜的模式,例如表單的填寫。

使用場景:

  1. 用戶在進行重要操作的時,需要進行二次確認。

  2. 用于重要的反饋提示,讓用戶知道信息提示。

  3. 承載少量的表單填寫類,減少頁面的跳轉(zhuǎn)。

windows系統(tǒng)的確定按鈕一般在左邊,而Mac OS的確定一般在右邊。因為這個原因,導(dǎo)致我們平時看到的確定有時候在左邊,有時候在右邊。

微博和微信公眾號后臺的的對話框,確定在左邊,而淘寶的對話框在右邊。微信公眾號的對話框是小浮層彈窗,避免了遮罩出現(xiàn),同時對話框也出現(xiàn)在操作按鈕的附近,對用戶的干擾性也是最弱的。

dialog對話框,有三種常見的使用場景。其中表單對話框、提示類、輕量級提示類、表單類樣式都是基于二次確認類對話框樣式的改變而得到不同的樣式。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

Notification通知提醒框

定義:懸浮出現(xiàn)在網(wǎng)頁右上角,用于全局的提醒式通知。常見于服務(wù)器異常、操作失敗等

使用場景:

  1. 較為復(fù)雜的通知內(nèi)容。

  2. 帶有交互的通知,給出用戶下一步的行動點。

  3. 系統(tǒng)主動推送。

Notification通知提醒框出現(xiàn)在網(wǎng)頁右上角,一般4-5s消失,也可以點擊叉號進行關(guān)閉。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

tooltip 文字提示

定義:簡單輕量的的文字提示。

使用場景:

  1. 鼠標移入則立即顯示提示,移出則立即消失,不承載復(fù)雜文本和操作。

  2. 常用于解釋操作按鈕的文字說明。

還有一種tooltip是瀏覽器自帶的,瀏覽器自帶的和本篇的tooltip的區(qū)別是:瀏覽器自帶的鼠標移入一般2s才顯示,多用于折行打點的文字提示。例如簡書,而本篇的tooltip鼠標移入就出現(xiàn),切組件風格和瀏覽器自帶完全不一樣。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類

tooltip組件按照需要解釋說明的對象位置不同,可以有以下不同的樣式。

設(shè)計規(guī)范 | Web端設(shè)計組件篇-反饋類


UI設(shè)計的4個角度與14點思考

博博


設(shè)計師檸檬 2018-04-26 15:22:57

寫在前面的話:文章內(nèi)容源于網(wǎng)絡(luò),由檸檬整理發(fā)布,如有侵權(quán)請聯(lián)系設(shè)計師檸檬刪除

都說UI設(shè)計是用戶看到產(chǎn)品的第一個門,從進入手機應(yīng)用商店到下載界面再到產(chǎn)品的首頁,設(shè)計師不考慮一下真的用交互稿和產(chǎn)品直接做么,從圖標在應(yīng)用商店的吸引展示力和用戶的軟件留存率,這些哪個不是和UI設(shè)計師有關(guān)系?

本文重點:1.學(xué)著像產(chǎn)品經(jīng)理的角度思考

2.學(xué)著像交互設(shè)計師的角度思考

3.學(xué)著在用戶的角度思考

4.學(xué)著在自己的角度思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考

UI設(shè)計的4個角度與14點思考


如何利用 “峰終定律” 改善用戶體驗?

濤濤

一、什么是峰終定律

峰終定律是由諾貝爾獎得主 DanielKahneman 提出的,百度百科上它是屬于心理學(xué)上的定義。

我把它結(jié)合了自己的理解應(yīng)用在設(shè)計學(xué)上可以解釋為:

用戶在使用某個硬件產(chǎn)品,軟件產(chǎn)品或者服務(wù)系統(tǒng)來完成自己目標的過程中,用戶情感地圖曲線的波峰(體驗最好)、波谷(體驗最差)、結(jié)束點的體驗,決定用戶對整個過程的體驗評價。

而在過程中體驗好與不好體驗的比重,好與不好體驗的時間長短,對記憶幾乎沒有影響。

這一定律主要是闡述人對過去體驗的記憶由兩個因素決定,一個是「高峰」,一個是「結(jié)束」。

把用戶情感地圖曲線和峰終定律結(jié)合起來,簡單畫一張圖:

既然用戶整體體驗與整個過程中好壞綜合無關(guān),只跟幾個關(guān)鍵點有關(guān),那么可以得到一個公式:

用戶整體體驗評價(E)=(y1-y2)+y3

y1,y2,y3 可以稱為關(guān)鍵時刻 MOT(Moment Of Truth)

二、日常生活中的峰終定律

這兩天和包子聊到宜家的峰終定律,突然明白了為什么我們有些課程調(diào)研,大家都喜歡去宜家調(diào)研了。

雖然它的店員很少,找貨物也要自己找椅子搬下來,就算只買一件家具也需要逛完整個商場,但是每次逛完結(jié)束的時候都可以吃那個特別好吃的「一元冰淇淋」呀,這就是它的「終」。

而在逛的過程中,就像包子講的,它的體驗?zāi)J胶馨?,把產(chǎn)品作為空間的一部分。曾經(jīng)有一位宜家的老顧客也說,宜家商品物有所值,展區(qū)實用,產(chǎn)品隨意試用,大概這就是它的「峰」吧。

扔一個我的學(xué)習(xí)小伙伴包大佬的分析:

三、互聯(lián)網(wǎng)產(chǎn)品中的峰終定律

如果說峰終定律怎么影響互聯(lián)網(wǎng)產(chǎn)品的用戶體驗的話,可以先舉幾個體驗差的例子。

很多時候,用戶在某個平臺完成某個任務(wù)后,會出現(xiàn)很多引誘用戶點擊的贊助商的內(nèi)容。比如問卷星,每次填完,任務(wù)結(jié)束的時候,它還會打著抽獎的名義接廣告……

再舉個例子,你有沒有過在某些 app 注冊賬號,登錄 or 注冊很多次卻失敗的情況,或者花了很久時間才注冊 or 登錄成功?原因可能是賬號密碼錯誤,可能是注冊流程過多跳出率過高,可能是填寫信息冗雜……

如果這款產(chǎn)品不是用戶剛需的話,最終會導(dǎo)致很多用戶卸載它,就算你之后流程的體驗再好,用戶根本無法體驗到最后。

四、利用峰終定律打造「爽點」

一款好的產(chǎn)品不僅能夠解決用戶的「痛點」,也能刺激用戶的「癢點」,更能打造用戶的「爽點」。

有一些產(chǎn)品能在用戶使用的過程中利用峰終定律打造 「爽點」,提升用戶體驗。

如果用外賣這個來舉例子的話,應(yīng)該算是一個大的服務(wù)系統(tǒng),它會涉及到很多方,比如消費者,商家,騎手等,而這一整個服務(wù)系統(tǒng)的設(shè)計,只針對消費者而言,流程也會十分復(fù)雜,其中利用峰終定律考慮的就更多了。

那就其中用戶(消費者)與餓了么 app 的交互流程來舉例的話,用戶點外賣這個任務(wù):

從打開 app——選擇店——選擇美食——付款,用戶的任務(wù)已經(jīng)結(jié)束了,但是餓了么會在結(jié)束的時候,給用戶一個分享領(lǐng)取紅包的福利,用戶會覺得自己獲得了很大的優(yōu)惠,體驗會十分好,這也就是利用了峰終定律的「終」。

我發(fā)現(xiàn)游戲里面對峰終定律是用得最多的,曾經(jīng)玩過 lol,王者榮耀,吃雞手游……

如果問曾經(jīng)玩 lol 或者王者最爽的時候是什么時候,那大概是:比賽過程中的 First blood,penta kill ,killing spree,legendary,you have slained an enermy 等這些配音和畫面的視覺刺激吧。

按照常規(guī)的模式是,殺人后系統(tǒng)直接提示「您已經(jīng)殺滅了一名敵人」,但是它會去強化這種殺人的體驗,將殺人的場景分為多種類型,通過視覺上的彈框擊殺提示與配音上的激勵疊加,把殺人的體驗不斷深化,做到,另外在推塔和偷掉水晶的時候是不是也是最爽的時候呢?我覺得這里就利用了峰終定律的「峰」。

我記得在游戲結(jié)束的時候,比如 lol 里面推掉水晶的時候,游戲畫面會停止幾秒,然后再出現(xiàn)水晶慢慢破滅,加上大大的「勝利」二字,有的時候回到大廳還需要等幾秒的時間。

王者榮耀,吃雞這類在游戲結(jié)束的時候也會給用戶很多激勵,明明可以在結(jié)束后直接回到大廳,但它們會延長這些勝利或者失敗的體驗,如果勝利,當然是爽,還想再擁有這樣的體驗,繼續(xù)打;如果是失敗,那再接再厲,想擁有贏的體驗,繼續(xù)打……

總之就是會讓用戶上癮。它們會把這些用戶體驗做到,在游戲結(jié)束的時候這些的體驗就利用到了峰終定律的「終」。

五、利用峰終定律改善體驗步驟

「峰終定律」改善用戶體驗的步驟:

  • 進行可用性測試;
  • 繪制用戶旅程圖;
  • 找到「峰」,「終」時刻;
  • 通過用戶研究的方法找到用戶心中的關(guān)鍵時刻;
  • 將「峰」、「終」,「用戶心中關(guān)鍵時刻」的體驗優(yōu)化至。

移動端的導(dǎo)航設(shè)計模式

濤濤

在《用戶體驗的要素》一本書中,Jesse James Garrett 將用戶體驗分為了五個層級,戰(zhàn)略層,范圍層,結(jié)構(gòu)層,框架層,表現(xiàn)層。

其中在框架層里面有一個很重要的概念就是導(dǎo)航設(shè)計,作者對導(dǎo)航設(shè)計的定義是:元素的組合,允許用戶在信息架構(gòu)中穿行。

我覺得可以把導(dǎo)航設(shè)計理解為:我們從用戶的心智模型出發(fā),結(jié)合業(yè)務(wù)目標,對信息架構(gòu)的一個梳理,來幫助用戶完成目標。

通過自己手機里幾十款 app,總結(jié)了以下六種導(dǎo)航設(shè)計模式,包括:標簽導(dǎo)航,宮格導(dǎo)航,側(cè)邊導(dǎo)航,列表導(dǎo)航,菜單導(dǎo)航,輪播導(dǎo)航……

簡單介紹了它們的優(yōu)缺點,適用場景,以及一些衍生導(dǎo)航與相關(guān)案例……(不過導(dǎo)航設(shè)計一定是視產(chǎn)品和情況而定的,并沒有確定的依據(jù)與理論)

一、標簽導(dǎo)航

標簽導(dǎo)航分很多種,有底部標簽導(dǎo)航,頂部標簽導(dǎo)航,底部標簽導(dǎo)航又可以衍生出舵式導(dǎo)航,頂部標簽導(dǎo)航又可以分為靜態(tài)或者是動態(tài)導(dǎo)航……

底部標簽導(dǎo)航是最基本的導(dǎo)航,幾乎絕大部分 app 中都在用,tabbar 位于頁面最底部,一般3-5個 tabbar,有文字+icon,也有純 icon 形式,但大部分是文字+icon 的形式,我想是減少用戶記憶負擔吧,如下:

而關(guān)于底部標簽導(dǎo)航的優(yōu)點,缺點以及適用場景也簡單整理了:

我發(fā)現(xiàn)很多用戶發(fā)布或者生產(chǎn)內(nèi)容的 app 會將底部標簽導(dǎo)航進行變體,很多人把它稱為舵式導(dǎo)航,就像這種:

中間的「+」一般是發(fā)布的意思,并且是 app 里面使用最頻繁的一個功能,一般都會重點突出。并且,該標簽中很多時候會有二級導(dǎo)航,二級導(dǎo)航里可擴展性就比較強,如圖:

而頂部標簽導(dǎo)航顧名思義就是 tabbar 位于頂部,最早知道它是在 Material Design 里面,因為 Google Pixel 手機底部存在物理導(dǎo)航,所以將標簽導(dǎo)航置于頂部不會顯得突兀。它很少用作一級導(dǎo)航,一般是二級導(dǎo)航比較多,而且我發(fā)現(xiàn)頂部標簽導(dǎo)航,幾乎都是純文字的形式,比如:

突然想到今天交互設(shè)計課上的時候,老師講的人機交互里,重要的操作放在大拇指可觸達的范圍內(nèi)。

而頂部標簽導(dǎo)航,如果是點擊標簽進行操作的話,用戶單手操作就十分不方便,所以我發(fā)現(xiàn)體驗好的 app 的頂部操作導(dǎo)航都是可以直接通過左右滑動屏幕的交互來切換。

而當標簽類目過多的時候,可以通過左滑展現(xiàn)更多標簽,比如很多新聞閱讀類的 app:

如果是可以滑動查看更多的話,一定要通過一些方式告訴用戶可以滑動查看更多,比如最后一個標簽隱藏一半的方式等:

關(guān)于頂部標簽導(dǎo)航的優(yōu)缺點以及適用場景,如下:

二、宮格導(dǎo)航

宮格導(dǎo)航,也是十分常見的導(dǎo)航形式,除了一些工具類 app 外,大部分是作為二級頁面展示出來,并且以 icon+文字的形式居多。

如果將宮格的 icon 換成 picture 的形式的話,可以衍生出一種新的類似于卡片式導(dǎo)航的形式 ,可以通過垂直滑動來切換,比如:

那,如果宮格信息太多,我發(fā)現(xiàn)很多 app 會采用分類展示的形式,并且通過水平滑動的方式來切換,比如:

但是上面兩種可以垂直或者水平滑動的形式,一定要讓用戶知道是可以水平或者垂直滑動的,采取的是邊界地方信息只展示一半的形式,告訴用戶可以繼續(xù)滑動……

除此之外,宮格導(dǎo)航還可以在電商里面運用,在首頁的運營內(nèi)容塊,它可以根據(jù)內(nèi)容的重要性調(diào)整模塊的大小,比如:

關(guān)于宮格導(dǎo)航的優(yōu)缺點和適用場景,如下:

三、側(cè)邊導(dǎo)航

有些書里面會把側(cè)邊導(dǎo)航叫做抽屜導(dǎo)航,這類導(dǎo)航其實比較少了,原本也是從 Google Material Design 里面提取出來的概念,一般會在首頁呈現(xiàn)一個主要功能,將其他不常用的功能收納放到側(cè)邊導(dǎo)航里,比如:

而關(guān)于側(cè)邊導(dǎo)航的優(yōu)缺點以及適用場景,如下:

四、列表導(dǎo)航

列表導(dǎo)航也是十分常見,幾乎在每一個 app 里面都會存在,大部分時候是作為二級導(dǎo)航存在,但是也會存在于一級導(dǎo)航的時候,比如郵箱,iOS系統(tǒng)自帶的設(shè)置等。

一般在列表導(dǎo)航里都會有下一個層級,可以通過箭頭來告訴用戶是否有下級菜單。

當列表信息比較多的時候,可以對列表進行分類,可以添加小標題或者直接分隔開。比如:

而在有些列表導(dǎo)航里,我們還需要展示給用戶一些預(yù)覽信息,比如 iOS系統(tǒng)里的健康,個人信息里的一些基本數(shù)據(jù)展示,如下:

關(guān)于列表導(dǎo)航的優(yōu)缺點以及適用場景,如下:

五、菜單導(dǎo)航

其實菜單導(dǎo)航也可以稱為下拉導(dǎo)航。這也是今天上交互設(shè)計課的時候,老師以微信的「+」為例子介紹的一種導(dǎo)航形式。最初了解這種導(dǎo)航形式也是來源于 Material Design 里面的 Menu。

Menu 是臨時的一張紙(paper),由按鈕(button)、動作(action)、點(pointer)或者包含至少兩個菜單項的其他控件觸發(fā)。

比如:

當信息層級變多的時候,菜單導(dǎo)航里要展示一層或者兩層信息,比如大眾點評采取的形式:

關(guān)于菜單導(dǎo)航的優(yōu)缺點以及適用場景,如下:

六、輪播導(dǎo)航

還有一些導(dǎo)航比如輪播導(dǎo)航,完全的沉浸式體驗,高度簡潔的導(dǎo)航,比如天氣,但是這種導(dǎo)航因為輪播點的大小不會很明顯,所以用戶很難快速感知自己所在位置,并且輪播導(dǎo)航輪播的數(shù)量也不宜過多 。

其實導(dǎo)航的類型應(yīng)該還有很多,并且在一個 app 里面幾乎不可能只使用一種導(dǎo)航,哪怕只是一個頁面,也會存在多種導(dǎo)航的組合形式,比如:

總結(jié)

  • 導(dǎo)航的形式一定是根據(jù)你的產(chǎn)品的諸多因素進行選取,并不能完全按照我上文的適用場景為依據(jù);
  • 幾乎每一個 app,每一個 app 的每一個頁面,都會涉及到多種導(dǎo)航模式,需要結(jié)合具體場景進行組合選取;
  • 導(dǎo)航的具體展現(xiàn)可以通過:文字,icon,文字+icon 的形式;
  • 有些導(dǎo)航比如標簽導(dǎo)航在設(shè)計的時候有多種狀態(tài),比如 unselected,selected 等狀態(tài);
  • 導(dǎo)航在 iOS 和 android 里面的應(yīng)用會不一樣,比如標簽導(dǎo)航適配 iOS系統(tǒng),側(cè)邊導(dǎo)航適配 android 系統(tǒng);
  • 導(dǎo)航設(shè)計必須傳達出它的內(nèi)容和用戶當前瀏覽頁面之間的關(guān)系;
  • 能夠引導(dǎo)用戶以很好的體驗完成目標的導(dǎo)航設(shè)計都是優(yōu)秀的。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

博博


人人都是產(chǎn)品經(jīng)理 2016-05-16 10:07:04

來人人都是產(chǎn)品經(jīng)理【起點學(xué)院】,BAT實戰(zhàn)派產(chǎn)品總監(jiān)手把手系統(tǒng)帶你學(xué)產(chǎn)品、學(xué)運營。

一定有很多朋友在和我思考過一個同樣的問題:優(yōu)秀的產(chǎn)品是怎樣定義的?周鴻祎給出答案:第一滿足剛需、痛點、高頻,第二要有良好的用戶體驗。第一點很好理解,我們今天主要來聊聊第二點。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

參照產(chǎn)品設(shè)計原則,可避免產(chǎn)品設(shè)計師走彎路,設(shè)計出具有良好用戶體驗的產(chǎn)品。產(chǎn)品設(shè)計原則會隨著社會的進步而更新迭代,以下是我在學(xué)習(xí)和工作中對產(chǎn)品設(shè)計原則的思考總結(jié),希望可以給你帶來參考和啟發(fā)。

一、減少用戶出錯

錯誤對話框是最令人討厭的交互方式,也是很多產(chǎn)品中濫用最多的。錯誤對話框一般不會給用戶指明正確的道路,僅僅在保護程序不陷入麻煩。而且錯誤對話框打斷了用戶的注意流,愚蠢地停止了進度。用戶犯錯誤的時候,不應(yīng)該受到訓(xùn)斥,這個時候,他需要的是幫助和正確的引導(dǎo),那么我們要做的就是幫助用戶避免錯誤,告訴用戶如何把事情做好。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

二、易學(xué)性

好的應(yīng)用像極了藍顏知已,能看透你的心,在你需要的時候或者合適的的時間,用合適的方式提供暖心的幫助,指引你披荊斬棘,打怪升級。

幫助界面大概分為兩種,導(dǎo)覽教程和覆蓋式教程。

1、導(dǎo)覽教程是通過一組有序的圖片介紹應(yīng)用功能,或者指引用戶完成一個目標。

新應(yīng)用或者更新后用戶,為了解決用戶初始問題,絕大部分應(yīng)用采用了幫助引導(dǎo)頁面,然而真的是必要的么?我覺得未必??赡苡械漠a(chǎn)品經(jīng)理也覺得沒必要,但這是種主流,所以還是選擇加上。有的則僅僅為告訴用戶產(chǎn)品是做什么的。其實用戶可能根本沒有那么多耐心去閱讀好幾頁的產(chǎn)品說明,就算有耐心看完,也大多記不準。所以把引導(dǎo)放到使用情景中,在用戶使用到此功能時展示給用戶,也可把引導(dǎo)收起來,用戶需要幫助時呼出。微習(xí)慣在引導(dǎo)方面,給用戶驚喜。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

2、覆蓋式教程是另一種介紹方式,很簡單的透明薄皮,少許箭頭,少許注釋,指出關(guān)鍵重點之處。

此方法不錯,用戶看起來明了易學(xué)。免費日程極簡的箭頭和引導(dǎo)告訴用戶功能及使用。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

做好后可以自我檢測思考,用戶學(xué)習(xí)的成本是不是足夠低了?給用戶的學(xué)習(xí)方式是不是最科學(xué)合理的?還有沒有什么地方需要修改?還有沒有更好的方式?用戶學(xué)過一次后還需不需要重復(fù)學(xué)習(xí)?文案確定通俗易懂?

三、美學(xué)一致性、完整性

應(yīng)用的完整性一致性就是外觀和里面不同模塊之間都有相似的外觀、感覺和氣質(zhì)。產(chǎn)品的完整性一致性會讓產(chǎn)品更易學(xué)易用。

1、從應(yīng)用外部看,產(chǎn)品完整性一致性,容易培養(yǎng)用戶圍繞這點形成強烈的品牌意識,傳播產(chǎn)品風格就是在傳播品牌,可深入人心。一致不代表僵化,可圍繞產(chǎn)品主線進行成長和演化。

2、從應(yīng)用內(nèi)部看,一致的用詞、風格、色調(diào)、圖標會給用戶建立具有凝聚力的視覺系統(tǒng),帶來在產(chǎn)品上一致的體驗。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

四、輸入方式更簡單

移動端產(chǎn)品的使用場景,公車上,行走中,單手操作等,導(dǎo)致用戶在使用手機時受到很多環(huán)境上的干擾,所以注定會在輸入方式上給用戶造成很多的不便和出錯,為使用戶減少使用手寫或者鍵盤輸入,減少浪費更多的時間和精力,改變移動端的輸入方式就變得尤為關(guān)鍵。

1、減少移動端的文字輸入,輸入時可采用建議或者事件記憶。聰明的應(yīng)用會根據(jù)用戶之前的行為和信息給用戶提出建議,根據(jù)記憶靈活地為用戶當前的行為顯示信息,使得用戶在效率和滿意度方面得到大大的提升。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

2、為提供用戶完成目標的效率,更為了減少用戶出錯,轉(zhuǎn)變輸入方式,改輸入為選擇或手勢方式。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

3、使用手機已有的傳感器輸入。輸入文字搜索關(guān)注二維碼,改變成長按識別二維碼,減少輸入麻煩和出錯的問題。

五、為停止做準備

當人們?nèi)硇牡耐度氲交顒訄鼍爸?,會對周圍的干擾視而不見,這種狀態(tài)被稱為“流”,用戶在這種狀態(tài)下會有輕松的、溫和的快感,處理任務(wù),完成目標也是會非常的,但是很不幸的是,我們使用的手機,使用移動應(yīng)用的場景,就是會因為各種事情而打斷。想象一下,錄下精彩的視頻,發(fā)送時網(wǎng)絡(luò)卡住了,不響應(yīng)了;發(fā)微博發(fā)到一半手機停電了;網(wǎng)購付款時老板的電話來了,這在我們?nèi)粘I钪刑R?,所以聰明的、體貼的產(chǎn)品,是隨時為停止做好準備的。

1、編輯中斷、網(wǎng)絡(luò)中斷時,盡可能地保持之前狀態(tài),并存儲好用戶數(shù)據(jù)。我們總的原則就是讓用戶付出的勞動不至于付之東流,也減少用戶的重復(fù)操作。例如美拍上傳視頻時網(wǎng)絡(luò)中斷,可幫用戶存到草稿箱,用戶稍后可重新編輯上傳。

2、誤操作或其他原因跳到錯誤頁時,不要讓用戶無路可走,最好給用戶下一步的選擇。產(chǎn)品程序無法使用,那么告訴用戶發(fā)生錯誤的原因是什么,給出用戶選擇,他們還能做點什么,并給出解決方法。百度之前有個很好的體驗,在找不到頁面的時候,展示幫找失聯(lián)兒童的頁面,頁面找不到,可以幫忙找找孩子,很人性化的體驗。

六、做好反饋

反饋是用產(chǎn)品的語言告訴用戶應(yīng)用正在做什么,進展怎么樣了,接下來的操作會有什么結(jié)果。我們使用應(yīng)用,就像用戶與應(yīng)用的交談,用戶肯定不希望應(yīng)用是冷冰冰,無回應(yīng)的。

反饋可以分為過程反饋和結(jié)果反饋。

1、過程反饋。用戶在操作過程中,界面對操作進行反饋,告訴用戶操作的狀態(tài)變化,用戶可根據(jù)反饋對任務(wù)進行下一步選擇操作,一定要做到輕量,不突兀,細膩地反饋。富視覺非模態(tài)反饋,是用的比較多的一種反饋方式,通常為動態(tài),視覺上很輕松地顯示反饋,不需要用戶做其他操作。我們看IOS的下載更新,就是這樣。免費日程的發(fā)送邀約等待也是一種富視覺非模態(tài)反饋。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

2、結(jié)果反饋。用戶在完成操作后,告訴用戶操作結(jié)果,使得產(chǎn)品看起來很貼心,很有生命力。結(jié)果反饋也避免了用戶因為不確認而造成重新操作。連貫的動畫和聲音都可以為用戶提供反饋。舉個刪除的例子,例如mac在刪除成功后,會有收走到垃圾桶的動畫,伴隨著粉碎的聲音,這種標志性反饋會給用戶留下獨特的印象。

七、內(nèi)容為先

《移動優(yōu)先》作者Luke,說設(shè)計原則為“內(nèi)容優(yōu)先,之后才是導(dǎo)航”。這句話是什么意思,這是在產(chǎn)品設(shè)計中一個經(jīng)常容易犯的錯誤。如何讓用戶找到內(nèi)容,所以造成了導(dǎo)航優(yōu)先,而忽略了用戶真正關(guān)心的內(nèi)容。在移動設(shè)計中,可能你的產(chǎn)品界面很美觀,圖標很精致,動畫很流暢,設(shè)計獨到到令人耳目一新,用戶可能會對此充滿新鮮感,但是新鮮感終究有期限,用戶不會為了這個而去一直使用你的產(chǎn)品,沒有內(nèi)容的產(chǎn)品就像一本只有華麗封面卻沒有內(nèi)容的書,所以用戶內(nèi)容才是最核心的。

1、突出內(nèi)容,使界面內(nèi)容更開闊,使用戶完成目標更專注。IOS備忘錄中,采用點聚式導(dǎo)航,用戶需要時才呼出,沒有無關(guān)雜亂的內(nèi)容,給界面一種開闊的感覺。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

2、提升屏幕利用率,把焦點放在用戶更注重的內(nèi)容上。對于手機來說,屏幕資源利用率的提升要做到優(yōu)化提升。知乎是以UGC為主的產(chǎn)品,用戶在上劃瀏覽內(nèi)容時搜索消失,當用戶需要時向下滑即可顯現(xiàn)。

7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友

人人都是產(chǎn)品經(jīng)理也是以UGC為主的產(chǎn)品,正所謂內(nèi)容為王,吧啦吧啦,算了不說了,投稿去了。

用智能化登錄頁面提升數(shù)字營銷轉(zhuǎn)化率,Instapage獲1500萬美元A輪融資

博博


36氪 

今日,登錄頁面制作初創(chuàng)公司Instapage宣布他們完成了Morgan Stanley Expansion Capital投資的1500萬美元的A輪。

Instapage是一家由數(shù)據(jù)分析引擎驅(qū)動的,提供個性化登錄頁面模板,幫助企業(yè)提高數(shù)字營銷轉(zhuǎn)化率的公司。Instapage目前擁有超過15,000名客戶,平均轉(zhuǎn)化率約為22%。

設(shè)計登陸頁面似乎并不是創(chuàng)業(yè)者感興趣的風口,但Instapage創(chuàng)始人兼首席執(zhí)行官Tyson Quick表示,這對于營銷人員來說卻是一個真正的問題。

登陸頁面(Landing Page)又被稱為引導(dǎo)頁,是指在數(shù)字營銷中,當潛在用戶點擊廣告或者利用搜索引擎搜索后顯示給用戶的網(wǎng)頁。而在網(wǎng)站運營的邏輯里,最重要的三個因素是拉新、轉(zhuǎn)化和留存,那么,作為第一個關(guān)卡的登錄頁面就顯得尤為重要。

Quick之前曾在一家名為Jounce的營銷產(chǎn)品上工作,他發(fā)現(xiàn),即使有人點擊了Jounce廣告并最終進入了公司網(wǎng)站,其中只有3%的轉(zhuǎn)化率。

“這有點荒謬,因為他們已經(jīng)點擊了廣告,往往具有明確的消費意向?!盦uick說。而采用針對核心客戶群的個性化登錄頁面之后,Jounce轉(zhuǎn)化率提高到了20%左右。

2012年,Quick決定將公司業(yè)務(wù)的重點轉(zhuǎn)移到Instapage,現(xiàn)在Instapage成為了一個更廣泛的平臺,用于創(chuàng)建和測試針對不同訪問者個性化目標網(wǎng)頁。

“我們可以成為廣告技術(shù)與傳統(tǒng)營銷和銷售技術(shù)之間的橋梁,”Quick說,“這些技術(shù)能夠幫助廣告投放商鎖定核心用戶。一旦用戶點擊廣告,自動化營銷就會啟動,將這些用戶納入企業(yè)的CRM系統(tǒng)。這是以往的技術(shù)中缺失的轉(zhuǎn)換點?!?

用智能化登錄頁面提升數(shù)字營銷轉(zhuǎn)化率,Instapage獲1500萬美元A輪融資

圍繞Quick所謂的“點擊廣告后就引導(dǎo)轉(zhuǎn)化”,Instapage開發(fā)了三個關(guān)鍵組件——可擴展創(chuàng)建,頁面優(yōu)化和個性化。而像Optimizely可能只會解決其中的一些問題,而Instapage將三者結(jié)合了起來。

而談及如何采集用戶數(shù)據(jù),為企業(yè)訂制個性化登錄頁面時,Quick認為公司不需要詳細的用戶數(shù)據(jù):“個性化的標簽來自廣告本身。我們可以從他們點擊的廣告中收集到數(shù)據(jù)?!?

之前,Instapage已經(jīng)獲得了200萬美元的種子資金。而且目前該公司盈利,Quick說每年的經(jīng)常性收入為1200萬美元,并沒有融資需求。但是,他發(fā)現(xiàn)Morgan Stanley Expansion Capital愿意挖掘并了解Instapage的業(yè)務(wù)。

Morgan Stanley Expansion Capital主管Pete Chung表示,“Instapage專注于提高數(shù)字營銷效率這個細分領(lǐng)域,并且可以在不需要外部或技術(shù)資源的情況下進行更精準的廣告活動,創(chuàng)造了令人印象深刻的產(chǎn)品?!?


UI設(shè)計師基礎(chǔ)設(shè)計規(guī)范

藍藍設(shè)計的小編

UI設(shè)計的基本規(guī)范,包括網(wǎng)頁設(shè)計和APP設(shè)計的規(guī)范羅列

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

藍藍設(shè)計的小編

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

本文轉(zhuǎn)自,頭條號的人人都是產(chǎn)品經(jīng)理,的一個大神。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

2018年5月9日凌晨1點,Google開發(fā)者大會上對 Material Design做了更新的講解,其中令我印象深刻的是Google對圖形語言單獨拿出來做一個模塊來解釋,如下圖我標紅的地方。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

OLD NEW

對!就是這個SHAPE的單詞,為什么我會如此看重,大家應(yīng)該知道構(gòu)成設(shè)計語言的四大基礎(chǔ)原子是:字體/顏色/網(wǎng)格系統(tǒng)/圖形。

這里的圖形包括圖標和一些輔助圖形,它有什么不同呢?

大家看之前以往的版本,材質(zhì)設(shè)計語言里面沒有單獨去說形狀這一元素,當然也有做的比較好的產(chǎn)品,比如:韓國的 29cm 和 11街,國內(nèi)天貓/網(wǎng)易蝸牛讀書等等。

圖形語言對我們產(chǎn)品影響極其大,之前網(wǎng)上也有這樣的文章,比如:提取logo上面視覺基因,然后運用到圖標里面。對,這個沒錯,但是我覺得不夠好,不全。

今天和大家一起來分析下Google是如何做的。

我對圖形的理解

圖形無處不在,人眼對圖形的識別能力遠遠高于字體,圖形便于記憶、傳播,這就是為何每次做LOGO時候都需要去考慮圖形延展呢?

目的為了傳播品牌,在用戶心中打造產(chǎn)品形象,比如:可口可樂弧線、阿迪達斯、蘋果logo這些國際性大牌子的logo都是易于記憶與傳播的。

那么在產(chǎn)品設(shè)計中如何體現(xiàn)呢?

我們常用在圖標里面去展現(xiàn)一些品牌元素,比如:天貓貓頭直接和圖標融合,這是一個很成功的例子。還有韓國的Genie音樂產(chǎn)品,也是直接logo和圖標集合。

那么僅僅只是這些嗎?

當然不夠,如果我們想傳達我們產(chǎn)品的品牌理念,深入到用戶心中,只在圖標里運用是不夠的。

比如:可口可樂每年做產(chǎn)品運營推廣,不斷大量的重復(fù)它logo弧線元素,這樣能長期在用戶心中形成記憶點。

Google是如何做的?

Google這次讓我們打開眼界,下面Google的原話:

形狀可以引導(dǎo)注意力,讓用戶易于識別組件,溝通狀態(tài)和品牌語言傳達。

對次有了一些更深刻的認識,形狀其實運用不止我們平常所理解的。我之前寫過一篇文章,就是形狀對布局的影響,里面就是講了形狀的一些基礎(chǔ)作用。

下圖是來自材質(zhì)語言的截圖:

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

圖片來自google

Google的想法非常大膽:一個方形的變化,延伸出不同的形狀,當然并不是單獨一個產(chǎn)品設(shè)計里面放這么多形狀,而是運用到不同產(chǎn)品,運用不同的圖形,傳達其特殊品牌調(diào)性、大統(tǒng)一,局部戰(zhàn)略調(diào)整。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

比如:上圖凹槽圖形用在主TAB上,形成視覺焦點,容易吸引用戶區(qū)關(guān)注它,一般核心功能會如此設(shè)計。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

Google已提到了可以用于區(qū)分不同組件,這觀點我很贊同,之前我對愛奇藝做了視覺分析,發(fā)現(xiàn)它們一級導(dǎo)航和二級導(dǎo)航樣式一樣,那么這樣用戶如何區(qū)分呢?

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

圖形可以用于表達某一正在交互的狀態(tài),比如:選中狀態(tài),當然并不是單獨去使用。Google特定強調(diào)了:需要和其他視覺元素集合起來使用,比如:顏色。

其實這一觀點以前就有啦!比如:咱們的check box控件,選中前后狀態(tài)不一樣。

不過Google這個是否略顯夸張些?

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

最后重點來啦!比如:可以用于表達品牌語言,那么圖形來自哪里?用在哪里?

如:上圖是一個Crane的應(yīng)用,他們logo是中間一個圖形加外帶橢圓底,這里Google提取了橢圓作為視覺DNA,并沿用到產(chǎn)品的每一個控件。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

同一產(chǎn)品多終端統(tǒng)一符號語言。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

如下圖提取LOGO關(guān)鍵特殊符號:

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

下圖Shrine提取菱形棱角圖形運用到產(chǎn)品設(shè)計細節(jié)里面。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

看完你想說什么?我只想冷靜三分鐘?。。?

其實說實話,對于品牌DNA的延續(xù)早在年初的時候就思考過,如何去把品牌語言在產(chǎn)品設(shè)計里面體現(xiàn)?

我當時理解是:首先要了解我們的品牌核心是什么?

我們的品牌理念是啥?品牌solgan,我們要給用戶傳達一種什么樣的情懷?然后如何去巧妙提取產(chǎn)品logo里面的視覺基因,比如:某一圖形元素;比如:線條/點/某一特殊圖形符號,這圖形一定是易于延展,拓展性強的。

然后運用到產(chǎn)品的每一個細節(jié)里面,比如:圖標、按鈕、異常狀態(tài)、啟動頁、運營banner、情感化設(shè)計等等,如今大佬Google 已經(jīng)去這樣做了,而且做得很系統(tǒng),包括動效都有引子。

當時也有一些產(chǎn)品已經(jīng)這樣做了,比如:韓國29cm,設(shè)計細節(jié)非常好,圖形運用非常到位。國內(nèi)天貓貓頭運用也是滲透到產(chǎn)品里面去了。

Google這次又給我我們一些大膽的思考,能運用這么廣的范圍?

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

需要注意點

Google舉了幾個反面例子,我們在提取圖形或者使用時需要注意的幾點,如下:

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

注意圖形的指向性和觸摸大小,千萬別影響用戶正常使用。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

同一含義的組建樣式必須一致。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

別使用形狀來暗示其他含義, 這個對話框的形狀表明它與它背后的卡片相關(guān)。

Google設(shè)計語言:如何將品牌DNA融入產(chǎn)品

總結(jié)思考

Google的本次材質(zhì)設(shè)計語言的更新,我相信后續(xù)會有一些產(chǎn)品為了打造一些品牌調(diào)性,也會慢慢去融入更多的品牌符號語言進去。

當然我們一定要克制與統(tǒng)一,這是最難做的一部分,Google雖然此次系統(tǒng)性的解釋圖形的意義及延伸使用,但是某些地方稍微有些過了,所以我們在設(shè)計提取DNA時候需要克制與統(tǒng)一。

那么我們可以從中取學(xué)習(xí)了解如何才能讓我們產(chǎn)品更加差異化?在同質(zhì)化的今天,你是如何打造個性化與具有調(diào)性的產(chǎn)品呢?

如今AI已來臨,機器人對設(shè)計影響極其大,從Google本次更新迭代中就大量提到了AI對產(chǎn)品的影響,以及如何去學(xué)習(xí)用戶的習(xí)慣,然后預(yù)測用戶的下一步需求。

我們以后產(chǎn)品會越來越智能,越來越了解人性,除了硬件的升級,研發(fā)能力加強,我們也要多去思考下:如何打造獨具匠心的產(chǎn)品?如何打造一個無縫體驗、多平臺、跨語言產(chǎn)品視覺統(tǒng)一體驗?

這方面跨平臺多終端體驗,蘋果已經(jīng)做得很不錯了,當然還有spotify 音樂產(chǎn)品無縫跨平臺,聽歌/切歌/選歌體驗。相信這只是一個開始,后續(xù)會有更多精彩

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.monmeltingpot.net

存檔