追求卓越一諾千金

藍藍設計|_|金饶,2011年成立__|助赢计划网址,主創清華團隊||仲博平台会不会黑钱啊,專注軟件和互聯網ui設計開發-|-夸家乡的日记。擅長企業信息化管理_--找个身份证、監控|_-联想a60手机游戏、大數據軟件UIUE谘詢和設計開發服務|__亿彩彩票北京pk10规律。立足UI__物品放行条,好好學習|-_反间谍工作的主管单位,天天進步__|02679时时彩万能用!


社交互動創新 | 從點讚到擊掌

2019-7-18 泥人張 圖標設計文章及欣賞



如何在產品功能上做更多的創新來體現設計價值一直是設計師關注的話題|-广州华英雄手机店,尤其是在體係成熟的產品裏-|铠装光缆型号,如何對完善的基本框架和功能進行突破|_乔洋演唱会、如何挖掘用戶的互動訴求並拓展更多的互動行為等對於設計師來講都是很大的挑戰||-星岛田阳子。我們從前期互動行為的挖掘-_|试卷分析模板、情感化的視覺體驗打磨以及趣味的玩法升級三個方麵-_陕西省交通厅曹森,剖析Qzone擊掌功能的整個設計曆程||-德州华翔驾校,或許能為大家提供一些參考性的思路和設計方法-_-诺基亚3208c主题。


2 何為互動

我們先從真實生活場景中的互動說起-雷神2影评。

人與人之間的互動無處不在--意彩,它是我們生活中必要的組成部分|-元氏租房信息,也是整個人類社會的基石_|_256玩彩票app。從本質上來講-_|易盈彩票正规吗,社交產品要解決的問題就是人們之間互動的問題||-观山湖区招考报名系统。那麼如何定義互動呢_-云顶娱乐棋牌游戏ios,我們可以從日常的生活場景中窺得一二||_若禾。


反饋鏈

首先_-|束缚东宫txt新浪,讓我們來看一看日常生活中的互動案例_||didee:

這是一個很常見的熟人互動案例_固始吧,我們可以看到_-_冬虫夏草5x,熟人間很容易產生話題-_-仲博彩票手机客户端,並持續互動下去_--任玥微博。但是如果同樣的話題發生在不是很熟悉的人之間焊锡大师,可能就會是另一番場景_|_2019年大乐透历史开奖:

在例二中|中国乐队名字,因為A與B互相不熟悉||天弘基金余额宝计算器,所以A沒有對B的回複產生進一步互動-_可牛361特警,對話因此而結束--掌上彩票官网登录。我們可以進一步推理|--舒友阁的产品怎么样,其實在這個案例中_-_易赢彩票提现,不管原因變成什麼_-_下载qq2011正式版免费下载,隻要A沒有響應B的反饋|万兽之国(h)人蛇,那麼A與B的互動就大概率會終止||洛克王国ucbug。

這是因為良好的互動行為一定是雙方(或多方)的互相行為-__长春校服门,一旦因為某些原因導致其中的反饋中斷-娱乐天地重庆时时彩APP,互動將無法持續-__28彩票有正规的吗。由此可以總結出|镇江老兵事件:

互動在本質上是由一係列的反饋(互動)組成的一條反饋鏈

反饋質量

但是光有反饋鏈還遠遠不夠|-公爵多少钱,在社交場景下|二胡几根玄,我們往往希望反饋鏈足夠長-|_亿彩彩票,這樣才能讓互動雙方產生感情升溫|||二手丰田普锐斯。在例二中-|-太剑玄天鸿蒙大道,其實是存在著一條很短的反饋鏈的|医学基础知识题库,A與B隻互動了一個回合-_|端午节活动主题。A沒有繼續響應B的反饋__-空间6 0,是因為B的反饋質量較低__四平路1931号。試想___永胜国际投彩充10000,當A向B問好時|_洛阳绿营,若B的回複是“早上好-姜培琳 刘军,你今天穿的真精神||258竞彩网手机版!”_qq游戏马,那麼A會不會響應B的反饋呢东莞桑拿一条龙服务?我想大概是會的-有线电视接收器。由此可見|--衡水热线专业聊天室:

反饋鏈的長短取決於每次反饋(互動)的質量__武汉教师教育网。

高質量的反饋具備很多特點-|_交大晨光bt,其中有三個尤為重要

1 反饋鏈中的指向性

我們日常生活中的互動行為_|_中奖身份证号码,一般都會以一個“握手機製”作為開端||_1号彩票网app。這個握手機製可以是顯性的(直接喊出對方的稱呼_--135彩票,可以是名字||360专家杀号双色球澳客、外號|_成都早教机构排名,也可以是關係稱謂)-幼儿教师年度工作总结,有時也可以是隱性的(眼光的對視-_霍启仁antonia、話題的流轉等)|-夏士莲防脱洗发水。這個握手機製幫助互動雙方建立了互動的場景|--深圳山寨手机批发,讓雙方達成"開始交流"的共識--金沙江路怒江路,以便信息的接收者做好傾聽並回複的準備--_金河半岛,這就是互動中的指向性班超之志。

任何互動行為都是發生在兩個或者多個明確的對象之間的_|-润美娇,因此在良好的互動行為中|-_手机qq 2009,指向性顯得尤為重要——沒有人會去響應別人的自言自語|-四川工人日报电子版。在互動的過程中-|-118彩票apk,指向性不明確的互動行為是低質量的__|新疆武警,不容易獲得進一步的反饋-黑鸭子图片,例如評論區中的統一回複-_四川电信综合调度网址、群發的新年問候-||长春花卉市场、領導在台上的講話等__|金陵名人居。反之指向性明確的互動是高質量的|清穿之花妖耿氏,比較容易獲得反饋--_优乐彩彩票首页,例如群聊中@某個人_|-雨凡、收件人為某個人而非郵件組的郵件---海豚音那首歌叫什么、多人聊天時眼光的對視等_|-双线盗毒蛾。

2 適度的互動行為

互動行為的適度包含兩個方麵||成都江潮电脑:信息適度及行為適度-|湖南卫视最近电视剧。

一方麵|_柯达一次性水下相机,由於互動行為本質上是信息的傳遞過程__-促其反正,因此每次反饋的信息質量會直接影響到反饋的整體質量|御诚电脑配件批发网。好的反饋應該傳達適度的信息-_|烧酒器具,讓接收者可以對傳遞的信息進行輕鬆的接收及處理-__淮安草根网,最大程度降低接收者的反饋門檻_1980平台登录。

另一方麵--cces快递查询单号,傳遞信息的行為也應該是適度的||陆虎发现3。在生活中||掌上彩票官方版下载,不同的場合下-_1博平台彩票如何,我們會選擇不同的行為來表達同樣的意思众彩彩票查询软件,比如比較正式的場合會選擇握手作為問好||_赢咖娱乐注册,而與家人久別後的見麵則可能是一個熱情的擁抱||优信彩票大发是真的吗。


3 反饋的即時性

互動行為是依賴於一定語境的--门头沟歌华有线电话,當語境消失--|大中电器客服电话,互動也將停止-||网易云音乐网页版。在社交產品的互動場景中-__金立a5游戏下载,互動語境一般會隨時間流逝而逐漸減弱直到消失--_256买彩票平台安卓,所以反饋的質量也隨時間的流逝而逐漸衰減--游彩网娱乐注册登录,若想讓反饋鏈可以得到延續_-万兽之国(h),要盡量保證在語境消失前產生反饋行為---卓易彩票出现暂停服务,因此即時性的反饋就顯得十分重要|_|采花心。


3 點讚到擊掌的互動探索

有了以上的理論基礎-|后院有宝,接下來分析一下Qzone中的互動行為_|西安分期付款买手机。

Qzone中的互動方式可以歸為三類_132彩票手机版最新苹果:評論||注册送白菜网不限制ip、轉發__阿克苏什么生意好做、點讚-腾讯公司最近有抽奖活动吗。其中金鼎大豆油,評論和轉發都可以產生完整的反饋鏈_--宏基官网售后。針對評論_149期开奖结果是,用戶還可以繼續通過評論-|_黄江小顺车行、點讚等方式進行反饋___10选5彩票骗局;針對轉發內容--修整机,用戶也可以進行進一步的評論-__阿里巴巴小额批发、轉發--|360全国彩票开奖号码、點讚|蜘蛛侠夫妇。而對於點讚行為_|4466k最近10天更新,反饋鏈到此戛然而止-||36选7开奖历史好彩三,用戶無法對點讚行為進行直接的反饋|-2m彩票2m永久费资料。

因此-盈众彩票,為了讓用戶的點讚可以形成完整的反饋鏈--|错误类型500,我們的設計目標就呼之欲出——為Qzone中的點讚行為尋找一個具有指向性的-|至尊伏魔录、適度的_-掌上京彩app官方下载、具有即時性的反饋行為___106官网彩票可以提现吗。互動場景的選擇


互動場景的選擇

既然要設計的是一個具有指向性的互動行為_-_平谷聊天室,我們就必須在可以接收到讚的場景裏去做這件事|--恒大教练。所以我們首先遍曆了主人態下_-表彰大会主持稿,所有可以看到別人給自己點讚的場景__|黄牛课件网。

但是以上的場景中_-_苏州缂丝,並不是都適合承載點讚的反饋行為_-qq2011官方下载。根據用戶的行為目的_|_诸葛智彩软件安全靠谱吗,我們可以把以上場景分為兩類_-ovi套件:圍繞點讚行為的關鍵行為路徑(圖c.消息列表-_天弘基金网站、圖d.點讚列表)___新娘之无悔的爱全集、不以點讚為核心目標的其他場景(圖a.好友動態|-106彩票注册、圖b.個人主頁)||038彩票网信得过吗。顯然|_妖精的尾巴421,我們應該把圍繞點讚行為的關鍵行為路徑作為主要互動場景|梅州二手房网。並且所有對於點讚的反饋都是直接依附於點讚行為本身的|_万兽之国(h),使反饋行為具有明確的指向性|异界之骨灰级玩家。


適度的語義及交互

前文提到_|_诺基亚7070拆机视频,適度的互動包含“信息適度”和“行為適度”兩個方麵---臻怎么读,落地到產品裏娱乐天地点检苹果版,就是定義互動行為的“語義”和“交互行為”___舒城交友。

關於點讚反饋行為的語義表達-|-众发彩票注册,我們列舉了很多來自現實社交場景中的備選方案--中华益智养生功,然後以動作的情感程度和成熟程度劃分了4個象限_-约彩彩票qq不能登录,對這係列動作進行歸類||霸王evd。

由於點讚行為本身所傳達的情感是比較輕量化的|云中亿贝是什么,我們更傾向於選擇一個輕量化的情感表達方式作為點讚的反饋_-|图标猜成语;同時由於Qzone的用戶群體以年輕用戶為主_提手上下,我們還需要選擇一個盡量貼合年輕用戶感官的語義|_炫彩魔盒。因此我們在象限圖中初步選中位於左下角的“擊掌”和“剪刀手”兩個概念-_|高清无码在线苍井空。考慮到“擊掌”比“剪刀手”具有更為明顯的指向性__11086移动时时彩官网,所以確定“擊掌”為最終的落地方案|身份证正反面图片。

同時||-亿彩时时彩计划网,因為點讚行為本身是一個及其輕量化的行為-3cp上彩票22,所以我們也用最輕量的交互操作作為它的反饋羽西会员积分兑换,隻需要一次點擊即可||-168下载最新下载。


反饋的及時觸達

用戶每次收到針對點讚的反饋|_天津热线adsl,都會收到一條與點讚相同的消息提醒|_陈丽华的前夫,通過push-||093a彩票、首頁新消息提醒|-李晨阳年龄、紅點等讓用戶第一時間知曉_|3600彩票。在消息箱列表中||3b今晚开奖号码是多少,每一條點讚和回讚都成為單獨的一條消息||_优博博彩,可以讓用戶最直觀的查看並進行反饋_-红米手机的缺点。

綜上所述-_|电视剧热爱,我們確定了整個反饋鏈的交互框架|||gn基地:

4 情感化的視覺體驗打磨

擊掌的視覺設計是一個發現問題到解決問不斷循環的過程||阜阳市卫生局网。在這個過程中|_|卢光霖,推動解決方案逐步升級的核心方法是情感化設計-_-掌上彩票怎么进不去了。

擊掌動作本身就帶有豐富的情緒|东北二嫂百度云,而情感化的設計方法可以讓情緒的釋放更大化|-_薄樱鬼同人 羁绊,所以在視覺設計階段|_韩版棒针毛衣外套,我們以情感化設計作為方法去推進方案逐步完善__-105彩票官网,最終建立起用戶與產品__|嘉兴口碑网、用戶與用戶間的情感連接-_288彩票安卓,加深用戶對功能的認可和共鳴|autocad2004序列号,帶來更加有趣的體驗__京东商城网化妆品。

情感化設計具象到擊掌這個功能--苏b935nl,需要解決兩個問題__金香蜜瓜:

1.如何喚起用戶在現實場景中的擊掌記憶-_若冬之颤;

2.如何符合空間用戶群體的基本調性|_243彩票。


喚起用戶在現實場景中的擊掌記憶

設計之初_-沣渭新区规划图,我們用平麵icon的形式來表現擊掌_|ab汽车网,雖然可以滿足基本的功能訴求_-镇江郦荟,但是在視覺體驗上乏善可陳|-_邱光慈,我們又嚐試更豐富的各種視覺表現以此引起用戶對擊掌這個動作的共鳴-优衣库完整版。

在設計推敲的過程中共經曆了三個階段|-鹿喜微断食纤体,在不斷發現問題和解決問題的循環中尋找更優的設計方案|湖南省基础教育资源网:

Step 1 | 靜態展示到動勢塑造

我們用兩個手掌疊加的樣式構造了擊掌icon的基本造型_-_农行黄金价格。為了增強用戶對於“擊掌”的語義感知使用了漫畫中常用的動態線條__成都大学是个好学校,讓用戶從視覺上直觀感受到這是一個動態的互動行為__|永盛国际网址登录不上,而非簡單的單方麵點亮icon--|至尊app官方下载,以此加強用戶對擊掌這個互動行為的認知|__宣钢吧。


Step 2 | 2D動畫演繹

但是這樣的動勢表達仍然具有局限性--|胶衣束缚,動態線條的表達方式並不具備普適性_-金贵洋,無法保證用戶可以理解其中的含義|_-优彩师真的假的。因此我們在第二個階段的設計迭代中使用更加直觀的動畫來幫助用戶理解_中考百日誓师教师发言稿,使其與現實生活中的動作產生呼應||_银行卡制作。


Step 3 | 3D表現

在解決了語義表達的問題後__-苏州园区博客门,我們遇到了一個新的挑戰__搞笑试卷,由於整個動畫的展示視範圍較小|-|诺基亚166,在視覺表現力上並不理想_|132彩票网可靠吗。因此在第三個設計階段中|__008彩票论坛网址,我們通過放大動畫---致命交易市长放过我、嚐試3D表現形式的方法解決上述問題--|快乐大本营之棒棒堂。同時_|众盈娱乐,3D的表現手法還可以通過光影和質感來傳達更多信息_固始吧,更加直觀易懂|易旺彩票彩种百度,具有極強的代入感|_天迈g18。

符合空間用戶群體的基本調性

空間的主流用戶以年輕人居多-_8万以下什么车好,為了匹配用戶群體的基本調性需要打造一個“年輕”__-周星驰功夫下载、“有趣”的3D擊掌動畫__|银土文。為此__bl文 h,我們以“3D”_u9u8、“young”-_-长治文明小博客、“fun”作為關鍵詞收集參考素材|-qq水浒媚李立,以此建立情緒版众发娱乐app。

1 趣味和輕量的質感

如前文所述-金盛财智广场,對於擊掌反饋行為是一個輕量化的互動-_315投诉有用吗,為避免3D表現手法過於寫實而帶來不必要的厚重感_|-淘宝店标尺寸,同時也為了增加動畫的趣味性_|-106官网彩票高频版,我們選擇卡通的手掌造型進行建模|_-李驰的博客;在材質的選擇上我們偏向黏土材質_|新款途观报价及图片,弱化高光--许昌施华洛婚纱摄影,讓視覺上體驗更加輕量|-|142857和彩票的规律性。

2 彈性曲線讓動畫更生動

現實生活中的擊掌動作是一個減速運動-_易富彩票注册,但是為突出擊掌的動勢和加強趣味性||qq刷q币软件免费版,我們采用了非寫實的彈性曲線來打造這個動畫||许旭升,以此加強動畫的趣味性_印度电视剧新娘第二部。

3 禮花烘托氛圍

在後續的產品迭代優化過程中|--唐人街导航,我們引入了無限擊掌的玩法_||龙的对联,用戶之間可以無限回讚_-|美丽霸道的授课老师。這就導致動畫被重複播放|-东方热线网络测速,會加速用戶對動畫的審美疲勞_|-芷江租房。所以為配合產品玩法的升級對動畫的設計也進行了迭代|-白岩松被开除党籍,基於擊掌次數設計了不同的展示彩蛋——在擊掌達到特定次數後---卢光霖,會有彩帶禮花蹦出-__陆虎发现3,在烘托多次擊掌的熱情氛圍的同時_-火车票转让58同城,給用戶帶來更多趣味和驚喜|-致吸血鬼的五曲。

在擊掌功能的設計過程中__-美璃格格演员表,我們不斷在發現問題|||铆工是干什么的、解決問題的循環中不斷尋求更優解||_拍拍网充话费,逐步把一個不到100像素範圍內的擊掌icon做到更好_2628彩票天天签到,以此來喚起用戶的對現實擊掌的記憶_-moko模特路遥,建立起與用戶情感上的連接--_众乐彩官网下载。

另外|_|英拉他信雾霾游北京,通過趣味性的視覺表現手法不斷推敲動畫設計132彩票13mb,讓Qzone的年輕用戶不僅從心理上建立連接|__711便利店图片,在表現層也能感知到符合自身標簽的趣味調性-||苏豪鸿。


5 趣味性的玩法升級

除上文提到的彩帶禮花以外|_-云端彩票主页,在擊掌玩法升級過程中-2000彩账号注册,我們也拓展了更多內容||春节节目:


給用戶製造驚喜

隨著用戶間反複擊掌次數變多-掌上彩票下载,粒子效果會不斷升級|-快乐大本营胡歌2005,並加入富有層次的入場效果|青苹果家园系统;而且達到關鍵擊掌次數的時候|_|阿拉酷,會展示擊掌的次數|-_芮娜森黑钻全效面膜,通過用戶的成就感來刺激其產生更多的擊掌行為-__28彩票投注app官方下载。

個性化的延展

為了豐富手掌樣式的選擇||扬州八怪画竹子的是谁,給用戶提供更多樣的體驗_-掌上足球彩票,我們和增值團隊一起設計了更多的手掌形式__纯料打包带,同時引入一些IP形象||注册送彩的彩票,讓擊掌更能喚起用戶的共鳴_|奥利奥金装广告歌曲,也更加有趣|__天国凤凰第二部。

6 寫在最後

擊掌這個功能從前期探索到上線和二次迭代經曆了很長一段時間__|like to be alone,整個項目對設計師來說也是一次收獲滿滿的過程_||焦作武陟一中。


創新也可以是從1到N的過程

創新並不都是從0到1從無到有的創新--|童小牛是哪个电视剧,尤其對於功能和框架體係成熟的產品--天天网化妆品,盲目的追求創新去改變用戶的認知和習慣是不妥的|--名人带路 sjm,從小的問題點著手去深挖和思考-_22选大星彩票走势图,找到合適的解決方案並打磨細節給用戶創造驚喜|-诺基亚电子书,以小博大去做創新也能達到四兩撥千斤的效果_pdf7 0专业版。


打磨細節創造驚喜

探索和挖掘到一個不錯的想法之後-_-青岛兔兔快运,打磨細節也是同樣重要的|英皇国际版本363,我們出了各種不同的擊掌效果方案|--李白的谈爱,去找到給用戶驚喜和操作輕量的平衡__|254彩票,這個功能上線以後我們也一直在關注用戶的反饋||-令狐冲甲,從用戶反饋中發現還可以做驚喜升級__邝汇珍,從一個點出發|-|奶妈求职网,把這個點不斷的擴充做的更細致和更加閉環-_钢铁机器人。


從生活中來|陇南市人民政府网,到生活中去

擊掌這個功能之所以有這個好的數據和用戶認可度|--369彩站联盟下载,有一個很重要的原因是因為本身這個行為和現實生活中的場景是相對應的_|易旺彩票地址是多少,所以讓用戶能很快的理解和操作-_股指期货交易模拟盘,符合用戶真實場景的認知所以學習成本比較低__-请定位lame exe,我們在做設計的時候用生活場景挖掘產品-__永胜集团微信二维码,能達到事倍功半的效果|优购工品。

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司---淘宝网上开店,為期望卓越的國內外企業提供卓越的UI界麵設計_|_106官网彩票下载、BS界麵設計 |谈爱李白原文、 cs界麵設計 ||a型磁性材料卡、 ipad界麵設計 |-复仇者之死qvod、 包裝設計 -恒大世俱杯赛程直播、 圖標定製 |_-初一数学下册期末试题、 用戶體驗 |_外地车牌在北京、交互設計-|和龙市政务信息网、 網站建設 _|纳粹大战僵尸、平麵設計服務|_美知广子猝死录像。

標簽: 社交創新 擊掌交互 « WEB前端之HTML 規範 | selenium處理網頁下拉加載數據爬取並存入excel»


訂閱Rss