pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

以“社會化設計”為中心 增強用戶間的交互體驗

  社交媒體應該是用戶體驗的重要部分,而很多網(wǎng)站將其作為附屬物被隨意添加到某一個網(wǎng)頁中。如何在產(chǎn)品設計中更好地利用社交媒體,提高用戶體驗,從而贏取更高的商業(yè)價值呢?英國網(wǎng)頁設計公司Headscape創(chuàng)始人Paul Boag針對該問題發(fā)表了一篇博文《Social Media Is A Part Of The User Experience》,CSDN對該文進行了編譯,內容如下:

  一般,我們都把社交媒體歸為市場人員的工作范圍。確實,社交媒體并非我們的職責范圍——我們構建網(wǎng)站,但不會參與市場活動。這個觀點真的合理嗎?社交媒體難道真的是其他某些人的職責嗎?

  依我看來,社交媒體也是我們應該關注的。因為社交媒體是用戶體驗的一部分,而我們是用戶體驗設計師。用戶體驗并不會僅僅發(fā)生于某一單一渠道(如某一個網(wǎng)站或某一個Facebook頁面)。用戶在多個渠道中切換,所有這些渠道都應具有統(tǒng)一的用戶體驗。

  此時,在整合各種與用戶交流的渠道時,我們做得很失敗。雖然大部分社交媒體很好地帶動了網(wǎng)站的流量,但很少有網(wǎng)站能從中得到同等水平的收益。

  作為Web設計師,我們在考慮社交媒體時,僅停留在每個頁面底部都加上一個“分享”按鈕,而很少有超越。

  超越“分享”

  最近,我為未來的旅行訂閱了一些旅行保險。在線填寫表單時,我發(fā)現(xiàn)了一個“分享該頁面”按鈕。用戶為什么要分享這個旅行保險表單呢?即便他們分享了,他們的朋友會看到它嗎?當然不能。

以“社會化設計”為中心 增強用戶間的交互體驗 三聯(lián)教程

  用戶會分享這個旅行保險單嗎?

  這里的問題在于這個“分享”選項被隨意應用于整個網(wǎng)站中。而沒有考慮它的真實目的。很明顯,這可能是由于技術方面的限制。但如果在技術上更容易實現(xiàn)的話,就沒有理由再在用戶體驗上進行折衷了。

  現(xiàn)在與我以前訪問的一個關于環(huán)境的網(wǎng)站作個對比。在該環(huán)境網(wǎng)站中我讀到一篇博文,我驚奇地發(fā)現(xiàn)了一個事實:

  “根據(jù)歐盟的指導方針,僅有居住在中國的5600000名城市居民正在呼吸安全的空氣。”

  這是一條非常值得分享的信息,作者也意識到了這一點。作者將這條內容凸現(xiàn)出來,而不是被埋沒在文字丟里。在這條引用下面直接加了一個選項,便于將它分享給我在Facebook上的朋友。

  ● 特殊性。它被標識為特殊的、值得分享的內容,而沒有放置一個籠統(tǒng)的“分享該頁”按鈕。

  ● 易分享。與Steve Krug的《Don’t make me think》一書中的觀點一致,該網(wǎng)站告訴用戶分享什么,并使分享過程十分簡單,只需點擊一下按鈕即可。

  這是一種思想,我們應該把它應用到“分享”鏈接中。當然,我們不僅僅要關注這些鏈接,還要關注“關注我們”按鈕。

  我為什么要關注你?

  此外,一般涉及到“關注我們”按鈕,很多設計優(yōu)秀的網(wǎng)站好像都放棄了這些用戶界面設計原則。

  以一個電子商務網(wǎng)站為例。我想買一部數(shù)碼單反照相機,但來到這個網(wǎng)站后,我首先看到的是“在Facebook上關注我們”按鈕。這個按鈕依據(jù)Facebook的品牌風格設計,而非該網(wǎng)站的設計風格,在這里顯得格格不入。

  有時,“關注我們”圖標可能會把用戶的注意力從主要任務中引開

  依我的看法,這個按鈕在這里是一個干擾因素。我來這個網(wǎng)站是為了購買相機,而非在Facebook上關注銷售商。這一“呼吁行動”分散了我完成任務的注意力,也打亂了網(wǎng)站賺錢的商業(yè)目的。

  最后我完成了此次購買,并在最后的“謝謝購買”頁面中看到了一個“繼續(xù)購買”的選項。誰還會再單擊這個鏈接?我為什么要繼續(xù)購買?我剛剛完成了購買,我為什么要重新開始呢?

  不應該出現(xiàn)這個多余的鏈接,現(xiàn)在是時候讓用戶“關注我們”了。我已經(jīng)達到了我的目的,網(wǎng)站也實現(xiàn)了主要的商業(yè)目的。所以現(xiàn)在是第二次“呼吁行動”的絕佳機會。

  如果給我一個合適的關注他們的理由,這一“請求”將會變得很強大。有很多名人、著名品牌等等請我關注他們,我為什么要關注這個電子商務網(wǎng)站呢?關注它,能給我?guī)硎裁?

  不要簡單的請用戶“關注我們”,應該稍加修飾,比如:

  “獲得更多關于新相機的使用建議,請關注我們。”

  這樣我可能會更傾向于關注他們。

  其實除了“關注我們”和“分享”按鈕外,并不缺少好的方法幫我們把網(wǎng)站與社交媒體聯(lián)系起來。Facebook、Twitter和LinkedIn都提供了強大的API,他們也提供了一些很容易使用的小工具。

  超越“分享”與“關注”

  在我們網(wǎng)站上完美使用社交媒體,并不存在技術上的挑戰(zhàn)與高昂的花費。所有主要的社交媒體都在竭力使這一切變得簡單。

  例如,Twitter提供的@anywhere服務,為我們的網(wǎng)站提供了一系列的功能,而這些對技術能力沒有任何要求。包含以下幾個功能選項:

  ● 將網(wǎng)站上Twitter的用戶名自動轉換成鏈接;

  ● 提供懸浮框,顯示用戶的信息;

  ● 直接來自你網(wǎng)站的Tweet;

  ● 在你網(wǎng)站中插入Tweet,與你將在Youtube視頻中插入的Tweet相同。

  Twitter提供了一系列與你網(wǎng)站整合的方法。我最喜歡的是Twitte的懸浮卡片

  Facebook提供了更容易實現(xiàn)的社交插件,包括:

  ● 由Facebook控制的評論系統(tǒng);

  ● 活躍的Feed,允許用戶看到他的朋友在你網(wǎng)站上所做的事;

  ● 推薦插件,針對你網(wǎng)站上的頁面,向用戶提供他們可能會喜歡的個性化建議;

  ● Live Stream,在現(xiàn)場活動中,用戶可以時時在你網(wǎng)站上分享評論;

  ● 注冊插件,允許用戶使用他們的Facebook帳號輕松登錄你的網(wǎng)站。

  很多工具往往會整合多個社交媒體,而非某一個

  有這么多可用的工具幫助我們增加社交功能,我們沒理由不用它們。而把這些基本的工具添加到我們網(wǎng)站上只是一個開始。我認為社交媒體真正的作用才剛剛開啟。

  社會化設計

  在Facebook,他們有一種說法叫“社會化設計”。這表明了他們的工作責任:把社會化作為任何所做事情的核心。對他們來說,他們的網(wǎng)絡服務不僅僅針對用戶產(chǎn)生的內容,更注重用戶間的交互。

  我認為這個原則不僅僅應用于社交網(wǎng)站,也應該應用到其他類型網(wǎng)站中。我們都是社會動物。我們的很多行為和決定做出往往取決于其他人。這在市場領域很好理解,我們應該把這些著重應用于Web設計中。

  當我們考慮是否買或買一輛什么車,出去到哪里吃飯,以及把我們的孩子送到哪個學校時,我們都喜歡先征求朋友的意見。

  線上也是,我們是社會生物。當在Amazon上購買商品時,相比于產(chǎn)品的官方描述,我們更重視評論。同樣的,當看到以前很多人都完成了“呼吁行動”,我們也會照著做。

  當它開始售賣時,我們更注重用戶的評論而非促銷信息

  對人性中的社交部分加以利用的探索才剛剛開始。例如,雖然向用戶提供其他購買者的評論很好,但如果把可信任朋友(比如,在Facebook上的朋友)的評論放在頂部,收到的效果可能會更好。來自陌生人的評論是一回事,來自朋友的評論又是另一回事。

  還記得我上文提到的那個關于環(huán)境的網(wǎng)站嗎?如果允許我把那條特殊的引用分享給我的朋友,這將太棒了。但如果下面的分享按鈕提示我的一些朋友已經(jīng)將這條引用分享到他們的社交網(wǎng)絡中了,那我將更樂意分享這條鏈接。我相信我朋友的判斷。如果他們分享了這條引用,它一定是值得分享的。

  如果我看見我的某個朋友分享了某條Twitter信息,我更可能做相同的事

  一些網(wǎng)站已經(jīng)開始利用我們的朋友圈。比如Etsy,它是一家出售手工制品的公司。通過它的網(wǎng)站,你可以登錄到Facebook。它會基于你朋友的愛好向他們推薦合適的商品。雖然推薦并不完美,但針對那種“適合他的禮物”、“適合她的禮物”寬泛的建議,它已經(jīng)很強大了。

  Etsy利用Facebook來為你的朋友推薦禮物

  聯(lián)想片刻,如果Etsy并未停留在這里。如果利用Facebook的數(shù)據(jù)確定了他們所賣產(chǎn)品之間的差異。利用這些信息,不僅僅可以提高用戶體驗,還可以推薦未來的產(chǎn)品。社交化設計有潛力改變整個商業(yè)的方向。

  這并不限制于電子商務網(wǎng)站。像Smashing Magazine這樣的網(wǎng)站也可以利用讀者對文章的Tweet和評論來顯示該文章的關注度。你甚至可以請用戶直接向文章、產(chǎn)品或他們想要的新服務提出建議。傳統(tǒng)上,這種讀者研究和產(chǎn)品開發(fā)往往耗費巨大。但社交媒體所提供的獲得此類反饋的能力卻是免費的。

  正如你開始看見的,社交化網(wǎng)站不僅僅允許我們利用我們的朋友圈,還有能力做更多的事情。但要想達到這一點,我們需要把社交化整合到整個網(wǎng)站架構中,而不是作為一個后來的添加項隨意安置它。

  作為附屬物的社交媒體所帶來的問題

  很多網(wǎng)站只是在隨意地使用社交網(wǎng)絡,而未進行統(tǒng)籌設計。每當一項新社交技術出現(xiàn)后,我們就會將它安置在我們的網(wǎng)站上,而不會進行全局謀劃。

  以我的網(wǎng)站為例。和很多其他網(wǎng)站一樣,這個網(wǎng)站經(jīng)過多年的改進,已增加了很多社交方面的功能。在該網(wǎng)站上你可以:

  ● 對某一篇博文進行評論;

  ● 發(fā)布論壇帖。

  ● 進入Facebook頁面;

  ● 通過Twitter與我交流;

  ● 甚至可以對我發(fā)布的音頻文章進行評論。

  擁有這么多選項,任何人都沒理由抱怨這不是一個社交網(wǎng)站。但該網(wǎng)站存在的問題是交流內容太零散——在Twitter發(fā)表博文的人無法看到其他人在Facebook上所發(fā)表的博文。同樣,針對我博文進行評論的讀者無法看到論壇中針對該文的更有深度的評論。

  這是因為我僅僅用了該項技術,而沒有將它整合到社區(qū)中,從而創(chuàng)造一個更為完備的社區(qū)。想象一下,從一開始,我并沒有在網(wǎng)站設計中加入社交的思想。而是,在我每發(fā)布一篇新博文時,系統(tǒng)都能同時在論壇中創(chuàng)建了一個討論帖。針對該博文的評論也將出現(xiàn)在論壇中,反之亦然。

  同樣的,當發(fā)布一篇博文后,它同樣也會被發(fā)布到Twitter和Facebook中。如果有人在這兩個社交網(wǎng)站中的任何一個中進行了回復,回復內容都會被抓取并呈現(xiàn)在網(wǎng)站的評論中。雖然并不完美(例如,Twitter用戶仍無法看到未訪問該網(wǎng)站的Facebook用戶所發(fā)表的評論。)但它已向前邁進了一大步。

  網(wǎng)站的角色

  這是我希望告訴大家的主要觀點。你的網(wǎng)站應該成為社交的中樞,而非局外人。它有潛力將來自多個社交媒體的交流內容整合在一起,讓用戶和他們的朋友進行交互,無論是買一相機還是分享一條特殊的引用。

  原文來自:Smashing Magazine

  文章來源:csdn.net

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學習交流,請勿用于商業(yè)用途。如損害你的權益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現(xiàn)照片墻3D效果的示例代碼,可以實現(xiàn)鼠標經(jīng)過圖片實現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 400电话_400电话申请_866元/年_【400电话官方业务办理】-俏号网 3dmax渲染-效果图渲染-影视动画渲染-北京快渲科技有限公司 | 【北京写字楼出租_写字楼租赁_办公室出租网/出售】-远行地产官网 | 基本型顶空进样器-全自动热脱附解吸仪价格-AutoHS全模式-成都科林分析技术有限公司 | 钢格栅板_钢格板网_格栅板-做专业的热镀锌钢格栅板厂家-安平县迎瑞丝网制造有限公司 | 重庆轻质隔墙板-重庆安吉升科技有限公司 | 烟台游艇培训,威海游艇培训-烟台市邮轮游艇行业协会 | 北京公积金代办/租房发票/租房备案-北京金鼎源公积金提取服务中心 | YAGEO国巨电容|贴片电阻|电容价格|三星代理商-深圳市巨优电子有限公司 | 汽车润滑油厂家-机油/润滑油代理-高性能机油-领驰慧润滑科技(河北)有限公司 | 葡萄酒灌装机-食用油灌装机-液体肥灌装设备厂家_青州惠联灌装机械 | LINK FASHION 童装·青少年装展| 石家庄装修设计_室内家装设计_别墅装饰装修公司-石家庄金舍装饰官网 | 衬塑管道_衬四氟管道厂家-淄博恒固化工设备有限公司 | 注塑模具_塑料模具_塑胶模具_范仕达【官网】_东莞模具设计与制造加工厂家 | 带式压滤机_污泥压滤机_污泥脱水机_带式过滤机_带式压滤机厂家-河南恒磊环保设备有限公司 | 神马影院-实时更新秒播 | 天津市能谱科技有限公司-专业的红外光谱仪_红外测油仪_紫外测油仪_红外制样附件_傅里叶红外光谱技术生产服务厂商 | 小青瓦丨古建筑瓦丨青瓦厂家-宜兴市徽派古典建筑材料有限公司 | 土壤肥料养分速测仪_测土配方施肥仪_土壤养分检测仪-杭州鸣辉科技有限公司 | 化妆品加工厂-化妆品加工-化妆品代加工-面膜加工-广东欧泉生化科技有限公司 | 神马影院-实时更新秒播| 柔性测斜仪_滑动测斜仪-广州杰芯科技有限公司 | 高压油管,液压接头,液压附件-烟台市正诚液压附件 | 污水/卧式/潜水/钻井/矿用/大型/小型/泥浆泵,价格,参数,型号,厂家 - 安平县鼎千泵业制造厂 | 304不锈钢无缝管_不锈钢管厂家 - 隆达钢业集团有限公司 | 【孔氏陶粒】建筑回填陶粒-南京/合肥/武汉/郑州/重庆/成都/杭州陶粒厂家 | 阳光1号桔柚_无核沃柑_柑橘新品种枝条苗木批发 - 苧金网 | 网架支座@球铰支座@钢结构支座@成品支座厂家@万向滑动支座_桥兴工程橡胶有限公司 | 活性氧化铝|无烟煤滤料|活性氧化铝厂家|锰砂滤料厂家-河南新泰净水材料有限公司 | 玻璃钢板-玻璃钢防腐瓦-玻璃钢材料-广东壹诺| 招商帮-一站式网络营销服务|互联网整合营销|网络推广代运营|信息流推广|招商帮企业招商好帮手|搜索营销推广|短视视频营销推广 | 吲哚菁绿衍生物-酶底物法大肠菌群检测试剂-北京和信同通科技发展有限公司 | 动物解剖台-成蚊接触筒-标本工具箱-负压实验台-北京哲成科技有限公司 | 大行程影像测量仪-探针型影像测量仪-增强型影像测量仪|首丰百科 大通天成企业资质代办_承装修试电力设施许可证_增值电信业务经营许可证_无人机运营合格证_广播电视节目制作许可证 | LOGO设计_品牌设计_VI设计 - 特创易 | 查分易-成绩发送平台官网| 帽子厂家_帽子工厂_帽子定做_义乌帽厂_帽厂_制帽厂 | 药品冷藏箱厂家_低温冰箱_洁净工作台-济南欧莱博电子商务有限公司官网 | 手术示教系统-数字化手术室系统-林之硕医疗云智能视频平台 | 窖井盖锯圆机_锯圆机金刚石锯片-无锡茂达金刚石有限公司 | 动力配电箱-不锈钢配电箱-高压开关柜-重庆宇轩机电设备有限公司 聚天冬氨酸,亚氨基二琥珀酸四钠,PASP,IDS - 远联化工 |