亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

上億人使用的QQ IPAD版「斗圖神器」原來是這么設計出來的

作者:
分類: 觀點/經驗
2017-08-16
8506

90后00后年輕人聊天熱衷斗圖,“斗圖”已經成為一種聊天文化

騰訊ISUX – EU:QQ在很多人眼里是聊天的工具,那么在聊天這個看似簡單的領域,究竟還能做什么創新功能?在此分享一下QQiPad版v6.7版本的主功能,同時也是設計側主導的創新功能——“來斗”的設計總結,希望給大家一些靈感和啟發。

背景

QQiPad版經過不斷迭代,功能日趨完善,我們希望在此基礎上繼續挖掘創新點,給用戶提供更爽更有趣的體驗,為此做了一些調研和探索,得到了一些有用的結論:

1. QQiPad版的活躍用戶呈年輕化趨勢,90后00后是主力軍

今年五月份ISUX北京設計部針對QQiPad版用戶做了一次調研,調研結果發現,QQiPad版的活躍用戶集中在90后00后這兩個群體,偏年輕化。

2. 90后00后年輕人聊天熱衷斗圖,“斗圖”已經成為一種聊天文化

3. 已有App試水表情包制作的功能,但路徑長,體驗差

目前主打斗圖功能的App中,大部分為表情庫,少部分提供簡單的表情制作功能,以轉發形式發送。聊天過程中使用這些app獲得表情包時,需要在兩個app之間反復跳轉,即時性低,體驗很差。

uisdc-emoji-20170815-1.png


結合這三點發現,我們認為在QQ上做斗圖功能是一個值得切入的角度,因此我們進一步做了用戶調研,進一步了解現階段QQ用戶對聊天里斗圖及制作表情包的看法,得到如下結論:

QQ用戶經常在聊天中斗圖

合適的配文、搞笑的臉部表情、熟人素材是表情包獲得共鳴的三大特點

多數用戶DIY過表情或動過DIY的念頭

多數用戶因為沒有合適的工具而放棄了制作表情的念頭

這些結論說明QQ用戶在聊天時不僅經常斗圖,還希望能自制表情包,但現有的表情包工具體驗不佳,無法滿足用戶的需求。因此,如果能夠在QQ上降低制作表情包和發送表情包的門檻,大量潛在的“表情包用戶”創作欲望將被激活,參與到這場表情包的“戰斗”中來。

目標用戶屬性

在開始設計功能之前,我們進一步分析了斗圖目標用戶的屬性,明確他們需求,根據需求進行設計。

根據以往的經驗,一般用戶產生專業內容的社區,有10%的用戶產生內容,90%的用戶參與,而在10%的用戶中,有1%的人以意見領袖的形式存在。

01.png


在表情包領域,也存在著相似的規律。

處于金字塔頂端的是 “達人用戶”,擁有強烈的創作欲望和發起話題欲望,有合適的素材便會動手創作,為了達到目的甚至會用多個App進行創作,不在乎成本,只在乎結果是否好玩、能否彰顯自己引領聊天節奏的地位;

接下來是“活躍用戶”,他們對表情包有較強的認知,雖然較少主動發起斗圖,但是容易被帶動起來,成為活躍的參與者和斗圖的主力軍;

剩下的便是90%的“圍觀用戶”,他們創作欲望不高,更多是以轉發表情包的形式參與斗圖,追求簡單快速低成本。

02.png


功能定位&交互設計

1. 迎合表情包文化,制作用戶喜歡的表情包

通過用戶調研結果了解,合適的配文、搞笑的面部表情、熟人素材是一個表情包成功的關鍵因素;縱觀這幾年的表情包文化發展,從最開始的暴漫,到現在廣為流傳的蘑菇頭、熊貓頭表情包,其模式都是“夸張的肢體簡筆畫+搞笑的面部表情+恰到好處的文案”,已經成為斗圖表情包的主流形態,通過這種方式來表達自己的情感和想法,甚至不需要打字就能夠聊上一整天。

03.png


因此,我們決定順應斗圖文化,為用戶提供能夠快速制作主流表情包(面部表情+身體+文案)的功能。

順應斗圖文化.png


2. 讓90%的“圍觀用戶”能一鍵斗圖

前文提到,90%的用戶為“圍觀用戶”,他們參與但不主動發起斗圖,追求簡單快速,為了讓他們參與斗圖,需要設計一個門檻極低的斗圖功能,做到一鍵就能斗圖。

在聊天中,將帶人臉的照片作為觸發元素,通過規則約束,匹配出適合惡搞的場景,再利用臉部圖像識別和摳圖技術,快速匹配素材和文案,一鍵發送,激活斗圖氣氛。

05.png


3. 為1%的“達人用戶”提供相對完善的創作條件

達人用戶是最熱衷創作表情包的一波人,網絡上流傳的表情包大部分出自他們之手,相比創作難度,他們更關注能否產出理想效果的表情包表達自己的情感和想法,因此,需要為他們設計一個難度適中的編輯功能,同時為他們提供基礎素材,滿足他們從無到有創作和表達的欲望。

06.png

07.png


視覺設計

1. icon設計

斗圖功能的icon設計充滿挑戰:

圖形上需要充分表現斗圖這一行為的特點。

圖形要足夠有吸引力,讓用戶有點擊的欲望。

斗圖功能入口眾多,分布在不同的界面,這些界面上的圖標都有其風格,因此設計的圖形必須有較強的拓展性。

這些挑戰也是明確的目標,基于這三個目標,開始著手斗圖功能的icon設計。

開始設計之前先梳理一遍icon的使用場景,了解各自特點。(虛線部分為icon位置)

08.png


了解應用場景后開始進行發散,從斗圖的三個維度去發散圖形創意。

09.png


根據這三個方向搜集相應的圖片作為參考:

向搜集相應的圖片.png


根據設想的維度和參考的元素繪制圖標,將他們進行不同程度的結合,繪制了多個方案。

10.png


對各個方案進行比較之后,選出了這兩個方案進一步做結合,前者能更直觀地表現斗圖這一行為,而后者的表情給人一種嘲諷的感覺,更符合斗圖的氣質。

11.png


結合后以拿著劍的挑釁臉小人形象呈現,并根據不同使用場景進行了延展。

12.png


項目組內小范圍測試了一下,得到一些比較積極的反饋:“這個表情特別賤”、“忍不住就想點”、“可以的”……說明設計結果與目標相符。

2. 界面設計

聊天觸發界面:

13.png


一鍵生成表情包演示(gif):

14.gif


首次出現引導(gif):

15.gif


編輯界面:

為了獲得更佳沉浸的編輯體驗,將主界面定為深色調;同時為了強化發送,采用了更加突出的按鈕樣式設計。

編輯界面.png


3. 素材設計

預設素材的設計重心在于身體素材的繪制。搜集網絡上比較火的表情包進行分析,發現以下特點:

風格略“糙”,多為簡筆畫。

形體夸張,體現在動作和身體比例上。

視覺感受偏“賤”和“萌”。

視覺感受偏“賤”和“萌”.png


結合身邊年輕人對這些表情包特點的評價,還可以了解到他們發送表情包的的訴求主要是為了有趣地表達自己的情感,糙、夸張、賤萌的表情包很好地滿足了他們的訴求。基于這三個特點我們進行了大量的嘗試:

16.png


繪制完之后又在內部進行小范圍的評選,以了解大家對這些素材的接受程度和反饋。

了解大家.png


除此之外我們還對不同類型的素材數量進行了比例分配。斗圖時,表情包大致分為三類,使用數量上有以下特征:

 嘲諷型表情包居多,互相嘲諷是斗圖常態。

過渡型表情次之,經常需要它們來切換話題/挽尊。

懟人型表情最少,只有特別熟的朋友才“械斗”。

他們的比例大致為6:3:1。

17.png


經過多方面的考慮,層層篩選,選出了50多個素材搭配文案進行上線,展示如下。由于用戶喜好和理解的笑點多種多樣、同時網絡上的新梗層出不窮、再加上初次繪制素材經驗有限,上線的素材可能無法完全貼合所有用戶的喜好,但不管怎樣,這只是一個開始,我們將根據上線后的使用情況和用戶反饋,進一步豐富素材庫,繼續提高“來斗”功能的可玩性。

18.png


4. 官網設計

為了配合宣傳,對官網也做了一次風格更新,采用黃黑為主色調,搭配表情包形象,營造一種年輕活力的感覺,貼合本期斗圖的主題。

官網設計.png


5. 來斗功能演示Demo(視頻)

QQiPad版“來斗”趣味斗圖功能演示_騰訊視頻

結語

“來斗”作為設計側主導的創新項目,從創意發散、提案、設計到項目落地,設計側全程跟進,收獲滿滿。作為一個創新導向的設計團隊,我們希望用更多好玩的創新點子,讓QQ聊天更加有趣。而本次項目的順利落地,讓我們堅定了創新的方向,同時對后續繼續創新充滿了期待。


0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          26uuu精品一区二区在线观看| 欧美三级蜜桃2在线观看| 中文字幕欧美激情| 亚洲v日本v欧美v久久精品| 久久99精品国产麻豆不卡| 国产欧美一区二区精品性色 | 欧美理论片在线| 国产精品一区二区你懂的| 亚洲午夜免费视频| 亚洲丝袜美腿综合| 亚洲欧美偷拍卡通变态| 欧美va在线播放| 91精品国产欧美一区二区18 | 亚洲成av人综合在线观看| 欧美电视剧免费观看| 欧美日韩中文字幕一区| 日本韩国欧美在线| 欧美日韩情趣电影| 欧美蜜桃一区二区三区| 8v天堂国产在线一区二区| 欧美无砖专区一中文字| 欧美伦理视频网站| 久久久一区二区| 亚洲天堂精品视频| 亚洲一区二区三区视频在线播放| 亚洲一区二区三区不卡国产欧美| 视频一区欧美精品| 国内精品伊人久久久久av影院| 国产一区二区精品在线观看| 9久草视频在线视频精品| 欧美日韩国产另类一区| 久久精品在线免费观看| 亚洲一区二区三区激情| 国产毛片精品国产一区二区三区| 99re视频精品| 欧美大黄免费观看| 中文一区二区完整视频在线观看| 亚洲色图在线看| 在线一区二区三区做爰视频网站| 欧美色图激情小说| 国产午夜精品在线观看| 婷婷综合五月天| 成人黄色一级视频| 国产亚洲精品超碰| 一区二区久久久久| www.亚洲免费av| 国产午夜亚洲精品午夜鲁丝片| 三级在线观看一区二区| 欧美综合欧美视频| 亚洲国产成人av网| 欧美日韩情趣电影| 天天做天天摸天天爽国产一区| 国产mv日韩mv欧美| 中文字幕制服丝袜成人av| 国产乱码精品一品二品| www国产亚洲精品久久麻豆| 久久国产精品一区二区| 久久久久免费观看| 国产999精品久久| 中文字幕av一区二区三区免费看 | 日本一区二区三区国色天香 | 九九九久久久精品| 精品欧美一区二区三区精品久久| 亚洲va在线va天堂| 久久久99久久| 91久久精品网| 久久精品国产亚洲a| 亚洲特黄一级片| 婷婷夜色潮精品综合在线| 欧美日韩一区在线观看| 日本免费新一区视频| 欧美高清视频在线高清观看mv色露露十八| 亚洲1区2区3区4区| 亚洲欧洲制服丝袜| 99免费精品视频| 欧美激情在线一区二区| 成人av免费在线播放| 日韩成人av影视| 中文字幕亚洲区| 国产网站一区二区| 日韩三级免费观看| 欧美性欧美巨大黑白大战| 国内久久婷婷综合| 丝袜亚洲另类丝袜在线| 亚洲精品日韩综合观看成人91| 久久亚区不卡日本| 91丨porny丨首页| 婷婷国产在线综合| 中文字幕一区二区三区四区不卡| 日韩欧美国产不卡| 欧美日本在线一区| 欧美久久一二区| 欧美一级视频精品观看| 久久久国产精品麻豆| 99re免费视频精品全部| 成人福利视频在线看| 国产白丝网站精品污在线入口| 欧美日本一区二区三区| 97精品久久久午夜一区二区三区 | 亚洲成人精品影院| 亚洲综合色网站| 一区二区三区国产| 日韩av电影天堂| 国产综合色产在线精品| 久久99九九99精品| 国产成人av福利| 欧美视频一区二区三区在线观看 | 色综合中文综合网| 亚洲成av人片在www色猫咪| 丝袜美腿一区二区三区| 久久精品国产免费| 亚洲图片自拍偷拍| 国产成人综合精品三级| 精品夜夜嗨av一区二区三区| 91麻豆.com| 这里只有精品视频在线观看| 久久久精品免费免费| 麻豆91精品91久久久的内涵| 国产激情一区二区三区四区 | av中文字幕亚洲| av电影天堂一区二区在线| 欧美tickling网站挠脚心| 久久综合狠狠综合久久激情 | 国产一区啦啦啦在线观看| 色猫猫国产区一区二在线视频| 久久久激情视频| 老司机精品视频一区二区三区| 91国产免费观看| 亚洲精品视频在线看| 日日骚欧美日韩| 欧美性做爰猛烈叫床潮| 亚洲视频一区在线| 欧美中文字幕不卡| 亚洲午夜精品久久久久久久久| 国产精品996| 中文字幕一区二区三区四区不卡| 国产v综合v亚洲欧| 国产欧美日本一区视频| 国产毛片精品视频| 国产精品久99| 在线观看一区不卡| 日韩精品欧美成人高清一区二区| 在线观看一区二区精品视频| 性做久久久久久| 精品va天堂亚洲国产| 一本色道a无线码一区v| 午夜精品福利一区二区三区蜜桃| 日韩欧美国产午夜精品| 国产福利精品导航| 亚洲综合免费观看高清完整版| 欧美午夜精品久久久| 国产精华液一区二区三区| 亚洲激情男女视频| 国产片一区二区| 波多野结衣中文一区| 另类成人小视频在线| 亚洲成人av中文| 亚洲色图19p| 亚洲午夜免费视频| 久久99精品国产麻豆婷婷洗澡| 一区精品在线播放| 悠悠色在线精品| 日韩av网站免费在线| 精品午夜久久福利影院 | 精品国产伦一区二区三区观看体验 | 精品一区二区在线播放| 国产精品一区二区无线| 成人一区二区三区中文字幕| 成人午夜在线视频| 91色九色蝌蚪| 日韩一区二区在线观看| 久久久激情视频| 一区二区免费在线播放| 麻豆国产一区二区| 99久久精品国产一区二区三区| 欧美图区在线视频| 精品sm捆绑视频| 亚洲二区在线观看| 国产mv日韩mv欧美| 欧美色电影在线| 中文字幕第一区综合| 亚洲午夜av在线| 成人av午夜影院| 欧美一级xxx| 一区二区三区四区高清精品免费观看| 奇米色一区二区| 欧美日韩国产色站一区二区三区| 国产午夜亚洲精品理论片色戒| 日韩电影在线观看一区| 国产精品不卡在线| 韩国一区二区三区| 欧美成人a∨高清免费观看| 一区二区成人在线视频| 成人一区在线看| 中文字幕中文字幕一区| 丁香婷婷综合色啪| 国产精品进线69影院| 国产成人精品影视| 国产三级三级三级精品8ⅰ区| 国产一区二区在线观看视频|