首頁

怎樣的設(shè)計能給人留下深刻印象?

藍(lán)藍(lán)設(shè)計的小編

 怎樣的設(shè)計能給人留下深刻印象?

  名人效應(yīng) (借助名人或明星效應(yīng),產(chǎn)生不言而喻的說服力)

  每人內(nèi)心都有自己仰慕或效仿的對象,而且有一種想盡可能地向他靠近的心理欲求,從而獲得心理上的滿足。在選擇人物形象時必須要與產(chǎn)品的品格相吻合、使用戶快速理解產(chǎn)品傳遞的特點和價值,比如我們以往的設(shè)計作品中經(jīng)常會使用到馬云的形象,他在互聯(lián)網(wǎng)具有極高的話語權(quán),選擇用他的形象來推廣產(chǎn)品能產(chǎn)生不可言喻的說服力,當(dāng)然你不能濫用。

  時勢結(jié)合 (緊隨潮流,激發(fā)思想和感情上的共鳴)

  結(jié)合當(dāng)前社會事件如釣魚島、奧運會、中秋節(jié)、中國好聲音等等,或當(dāng)下流行的語言詞匯如屌絲、高富帥、白富美等等,緊隨潮流的事物反應(yīng)當(dāng)下的社會形態(tài),潛移默化的感染到用戶的思想或感情,產(chǎn)生震撼和共鳴。下面的例子就是結(jié)合現(xiàn)在最流行最熱門的節(jié)目“中國好聲音”。

四兩撥千斤的網(wǎng)頁設(shè)計產(chǎn)品經(jīng)理工作小工具分享!

藍(lán)藍(lán)設(shè)計的小編

本篇的主題是分享一些四兩撥千斤的小工具。 沒有下面的軟件的同學(xué),一定會喜歡!已經(jīng)有的同學(xué),就可以飄走了!~

注意,所有小工具都是綠色的!綠色意味著你不用安裝,體積極小,拷貝一份即可使用。
為什么要推薦?這么多年來,這些工具一直陪伴我的工作,并且已經(jīng)私下里推薦給很多同學(xué),用過的人都叫好。

NO.1 截圖利器之FSCapture
  • 推薦理由: 綠色、輕量+強(qiáng)大截圖功能,裝機(jī)必備之利器
  • 應(yīng)用場景: 截圖??!做幫助文檔?。〔鍒D??!太多了!比如下圖就是用此用具截圖并編輯的:

用戶體驗設(shè)計答疑對話(半吊子和純外行)

藍(lán)藍(lán)設(shè)計的小編

[總結(jié)]:在用戶的視角來看,我們也希望他看到的都是最簡單最愉悅的一面。作為客戶培訓(xùn)師,你不需要知道產(chǎn)品數(shù)據(jù)在我們后臺是存儲在什么服務(wù)器的。用戶搜索產(chǎn)品時,也更加不需要了解一個檢索詞是經(jīng)過了多少詞解析判斷計算,跑了幾臺服務(wù)器,最終把結(jié)果呈現(xiàn)給他的。但是作為工作人員,我們得了解需要怎么做,才能夠把最簡單最愉悅的結(jié)果呈現(xiàn)出來。(Heidi注:如圖5所示)

P1030876

圖5:簡明網(wǎng)站產(chǎn)品建設(shè)流程圖

這個圖呈現(xiàn)的流程,依賴于多個部門的通力合作。從戰(zhàn)略層高瞻遠(yuǎn)矚的判斷、從產(chǎn)品經(jīng)理對于市場的分析以及功能、內(nèi)容的規(guī)劃、描述,到用戶體驗團(tuán)隊,開發(fā)和測試團(tuán)隊的全力配合,而網(wǎng)站產(chǎn)生后,還要依賴于SEO、市場營銷、銷售和客服的工作。

成功的網(wǎng)站,一定是多個部門一起圍繞相同目標(biāo)運作的結(jié)果,但是其中一個環(huán)節(jié)失敗,則可能會造成全盤皆輸。

本文雖然篇幅已經(jīng)很長,但是涉及到具體的流程、方法,都只能簡單帶過,希望大家要記住這是對話的場景,不要以偏概全哦。
你對他提出的問題,想如何回答呢?如果你有問題,質(zhì)疑,鼓勵……歡迎交流。

工作的信息搜集及管理方法,如何從搜索引擎找東西?

藍(lán)藍(lán)設(shè)計的小編

圖1:信息搜集及整理術(shù)循環(huán)圖
本文經(jīng)授權(quán)刊載于《程序員》雜志2012年12月期刊。請勿轉(zhuǎn)載作為商業(yè)用途。
其他轉(zhuǎn)載請注明出處及保留原文。
關(guān)注我請點擊:http://weibo.com/heidixie

 
寫在前面
幾個月前,團(tuán)隊邀我做次內(nèi)部的分享,主題是如何有效搜索信息。這是因為平時工作中,我經(jīng)常會分享一些專業(yè)學(xué)習(xí)文檔,而這些文檔的出現(xiàn)往往很及時,回應(yīng)一些我們自己項目的困惑,所以大家會好奇我如何及時找得到那么專業(yè)且對口的參考資料。

 
這些資料有些來自網(wǎng)絡(luò)搜索,有些卻是來自我的“個人資料庫”,它分門別類,容易檢索,所以很輕易就能夠翻出來示人。所以后來,這次分享便從“搜索術(shù)”,擴(kuò)大為如何獲取、整理各種信息的技能。

 
這原來我認(rèn)為是常識的東西,卻在簡單分享后得到好評。受到鼓勵之余,我也明白了并不是所有人都明白有效的信息搜集及整理有多么重要,也并不是所有人,都掌握了行之有效的方法和技巧。故整理成文,做拋磚引玉之用。

 
一.信息搜集及整理循環(huán)圖

 

如上圖1所示,我認(rèn)為“信息搜集及整理術(shù)”會包含三個關(guān)鍵階段:
  • 搜索:“找信息”——用各種搜索渠道快速找到所需的精準(zhǔn)信息。
  • 集成:“存信息”——簡單來說,就是把你找到的信息,定制成為個人資料庫,按照自定義的主題,分類存儲在自己很方便訪問的地方。
  • 整理:“理信息”——信息單純集成而不加整理,時間長了就會雜亂不堪,所以才會出現(xiàn)很多人自己的硬盤資料庫已經(jīng)塞滿了,每當(dāng)需要什么資料的時候,還是需要去搜索。定期對所集成的信息進(jìn)行整理(歸類,去重,留精,加可供搜索的標(biāo)簽等等),能夠顯著提升信息搜索效率。

如何寫一份交互說明文檔

藍(lán)藍(lán)設(shè)計的小編

離開交互圈已經(jīng)有段時間了。但由于博客還在,還是能夠偶爾收到一些郵件,上周有位同學(xué)問我:我在求職,我看到很多招聘說明上需要交互設(shè)計師編寫界面交互設(shè)計文檔 ,請問界面交互設(shè)計文檔是什么文檔?怎么編寫呢


這讓我想起來2009年自己在項目里也大力推行過交互說明文檔(在下文中,簡稱為DRD),格式倒沒什么限制,交互設(shè)計師自己寫到界面上也行,單獨文檔成文也行,總之就是讓交互設(shè)計師能夠?qū)⒔缑娉休d不了的信息通過文檔沉淀下來,降低項目里的溝通成本和風(fēng)險。今天整理電腦, 翻出以前的PPT,分享之。

這將涉及到幾個問題:
一. 什么是交互說明文檔(DRD)?

 
所謂DRD即是用來承載交互說明,并交付給前端、測試以及開發(fā)工程師參考的文檔。

 
在項目中,交互設(shè)計師的主要產(chǎn)出物可能依次是:site map,page flow,wireframes。有的大型項目前期,交互設(shè)計師有可能還會產(chǎn)出用戶需求分析文檔(與PD產(chǎn)出的市場需求文檔不一樣的是,URD更多側(cè)重于對目標(biāo)用戶的需求分析)。

 
DRD則很少有人專門撰寫。如果需要對交互設(shè)計進(jìn)行說明,聰明的交互設(shè)計師往往會直接標(biāo)注在線框圖里,或者在項目中不斷和前端工程師和開發(fā)工程師口口相傳,反復(fù)驗收,不斷迭代修改來確保所有的交互設(shè)計意圖最終得以呈現(xiàn)。

二. 為什么要寫?

 
DRD非項目必需環(huán)節(jié),一般情況下也不會為交互設(shè)計師專門留出相應(yīng)的時間預(yù)估。沒有這份文檔,項目也會繼續(xù),但是可能項目會為此承擔(dān)不必要的溝通成本和時間成本。嚴(yán)重的話,項目的質(zhì)量也會受到影響。所以寫與不寫,交互設(shè)計師需要做把握,時間被統(tǒng)一包含在“線框圖”環(huán)節(jié)內(nèi)——如果你要寫,請在評估時預(yù)留1-2天的時間。

 
那么,結(jié)合我過去的經(jīng)歷,談一下此文檔的必要性。

 
下圖是一個產(chǎn)品開發(fā)項目基本的流程。


 
敏捷開發(fā)意味著很多不同角色的流程需要并行操作。如果等到產(chǎn)品經(jīng)理的FRD已經(jīng)全部敲定,交互設(shè)計師再開始去畫線框圖,固然會減少溝通成本和返工風(fēng)險,但是同時意味著交互設(shè)計師的很多想法不被采納。如果產(chǎn)品經(jīng)理再強(qiáng)一些,他甚至?xí)贔RD里連原始的DEMO也一并繪制出來了,功能性的需求和界面交互的需求有時無法區(qū)分太清楚——比如他會在FRD里直接要求每頁條目40條,超過40條即分頁。而交互設(shè)計師可能會認(rèn)為像蘑菇街那樣不斷裝載出足夠長的頁面會更親和……所以,我們希望是和產(chǎn)品經(jīng)理同時開始工作,在術(shù)業(yè)有專攻的時候相互補(bǔ)充。

 
同樣,開發(fā)工程師也希望及早介入需求,在FRD并未確認(rèn)的時候就了解需求,進(jìn)而將商業(yè)需求和功能需求轉(zhuǎn)化為開發(fā)工程師看得明白的開發(fā)需求清單(這個清單,大部分叫做UC,即USE CASE),當(dāng)這份清單由工程師需求分析師——在過去,這個角色被叫簡稱為RA,但是目前已經(jīng)取消此專門的職位,而是由開發(fā)工程師代表擔(dān)綱此環(huán)節(jié)工作,為了便于描述,在此文里,我仍然將做這件事情的人稱為RA——交付給具體的執(zhí)行工程師后,執(zhí)行工程師基本上可以當(dāng)作一條條的checklist開始工作,而不必再思考商業(yè)邏輯和需求。同樣,測試工程師也需要編寫具體的文檔去指導(dǎo)很多測試人員在開發(fā)后測試,這也是基于UC和FRD去撰寫的。


 

不要讓“合理性”成為阻礙設(shè)計前行的絆腳石

藍(lán)藍(lán)設(shè)計的小編

“這個不符合用戶的心理”,“這個功能打破了我們產(chǎn)品整體的平衡性,放在這里在我看來是不太合理的”…

作為互聯(lián)網(wǎng)行業(yè)里萬千鼠標(biāo)民工中的一員,諸如以上的對話,每天都在我們的生活中不斷演繹著。合理性慢慢的成為了檢驗我們專業(yè)技能以及設(shè)計水平最重要的一種指標(biāo);誠然,足夠的合理性能夠為我們所設(shè)計的產(chǎn)品保駕護(hù)航,能夠給其帶來可預(yù)見性的回報和收獲,但長此以往,卻很難再出現(xiàn)令我們叫“WOW?。?rdquo;的產(chǎn)品了。讓我們來看顆栗子~ 

iPhone5自9月13日發(fā)布以來,就受到了前所未有的神吐槽,在這一次,大家都能很明顯的感受到?jīng)]有了喬幫主以后,蘋果不再是創(chuàng)新界的翹楚了。

1

50個小時的可用性測試帶給我的啟示

藍(lán)藍(lán)設(shè)計的小編

 

2012年里,我(英文原文作者)在TH_NK 里大約花費了50個小時用于可用性測試,其余的時間則主要用來進(jìn)行實際的設(shè)計工作,或是與客戶、開發(fā)者、分析人員等進(jìn)行溝通。在這些可用性測試當(dāng)中,經(jīng)過對被測者行為的觀察以及與他們面對面的交流,我對一些一直以來雖有所了解、但在實際工作中卻時常會忽視掉的設(shè)計原則有了更加貼近實踐的認(rèn)知,另外也發(fā)現(xiàn)了一些從前沒有想到過的問題。時值歲末,我將這些經(jīng)過實踐驗證的設(shè)計要點作以小結(jié)并分享給各位,希望能夠為大伙來年的工作帶來一定參考和借鑒的價值。

1.你不是你的用戶

捫心自問,我們真的很容易忘記一件重要的事情:用戶并不會按照我們設(shè)想的方式去行事。作為產(chǎn)品和設(shè)計方面的從業(yè)者,我們對自己的產(chǎn)品和服務(wù)太了如指掌了,對產(chǎn)品的功能邏輯及設(shè)計方案太心知肚明了;即使是作為第三方咨詢顧問一類的角色,你也很容易把事情考慮的過于理所當(dāng)然,認(rèn)為“外界”的人能非常清楚的理解你所要表達(dá)的東西。

而事實上,多數(shù)用戶在實際上手使用之前,并沒有和產(chǎn)品產(chǎn)生長久的關(guān)聯(lián);對于我們來說很顯而易見的東西在用戶看來很可能需要一定的輔助才能理解并正確操作。交互模式是否符合直覺,是否能夠保持足夠的一致性以符合用戶逐漸建立起來的心智模型,用戶界面是否會在必要的環(huán)節(jié)提供足夠有效的輔助引導(dǎo),這些都是我們在為核心功能打造設(shè)計方案的同時必須考慮到的問題。

 

2.導(dǎo)航至首頁

在很多場可用性測試當(dāng)中,我們都觀察到,其實會通過點擊頁頭logo回到首頁的被測者很少;多數(shù)人都試圖通過點擊瀏覽器上的后退按鈕來實現(xiàn)這個目標(biāo)。雖然對于設(shè)計師來說,將logo鏈接至網(wǎng)站首頁的做法是一種早已被普遍接受的規(guī)范,但事實上普通用戶對這一點的認(rèn)知似乎并不是那么的根深蒂固。

3.通過下拉列表選擇國家

我們曾經(jīng)對一個面向全球的在線零售網(wǎng)站的支付環(huán)節(jié)進(jìn)行過可用性測試,從中我們發(fā)現(xiàn),在選擇國家的時候,很少有用戶懂得通過首字母快捷鍵來快速定位國家選項在下拉列表當(dāng)中的位置,然后通過上下箭頭按鍵進(jìn)行調(diào)整并敲擊回車或空格鍵來完成選擇。絕大多數(shù)的用戶仍然是使用鼠標(biāo)將列表點開,上下尋找并點擊選取。

其實下拉列表易用性的問題(特別是那些所包含的選項超過了7個的列表)早就引發(fā)過廣泛的爭論,使用快捷鍵進(jìn)行操作的方案也是為了解決這方面的問題而孕育而生的,但在現(xiàn)實當(dāng)中我們?nèi)匀话l(fā)現(xiàn)有那么多的用戶實際上并不了解這種重要的導(dǎo)航操作。

點擊查看原圖

Christian Holst在重新設(shè)計國家列表 一文中介紹過一種蠻有意思的解決方案,雖然我們還沒有對這種方案進(jìn)行過量化的測試,不過至少它看上去確實比傳統(tǒng)的下拉列表方式要好用。

為產(chǎn)品賦予人格 - 情感化設(shè)計的組成要素及實踐案例

藍(lán)藍(lán)設(shè)計的小編

 

Flickr為用戶準(zhǔn)備了很多有意思的登錄歡迎語,這其實是一個容易被忽略的細(xì)節(jié),但Flickr的整體設(shè)計風(fēng)格與產(chǎn)品氣質(zhì)也正是由許許多多這樣的細(xì)節(jié)構(gòu)成的。也許,只有當(dāng)這些細(xì)節(jié)從產(chǎn)品中消失的時候,我們才會發(fā)現(xiàn)并開始懷念它們。

點擊查看原圖

我(英文原文作者)會特別在意這些細(xì)節(jié),因為它們可以觸發(fā)用戶的情感響應(yīng)。如果運用方式得當(dāng),這些細(xì)節(jié)當(dāng)中的小魔鬼可以幫助我們打造出更具人格的產(chǎn)品,并使用戶在與之進(jìn)行互動的過程中產(chǎn)生積極的情感響應(yīng);而這種積極的態(tài)度會有效的促使用戶主動傳播和擁護(hù)你的產(chǎn)品。這種在人格層面與用戶建立關(guān)聯(lián)的設(shè)計思路也被稱作“情感化設(shè)計”。

一點小理論

“情感化設(shè)計(Emotional Design)”一詞由Donald Norman在其同名著作 當(dāng)中提出。而在Designing for Emotion 一書中,作者Aarron Walter將情感化設(shè)計與馬斯洛的人類需求層次理論聯(lián)系了起來。正如人類的生理、安全、愛與歸屬、自尊和自我實現(xiàn)這五個層次的需求,產(chǎn)品特質(zhì)也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個從低到高的層面,而情感化設(shè)計則處于其中最上層的“愉悅性”層面當(dāng)中。

點擊查看原圖

一個有效的情感化設(shè)計策略通常包括兩個方面:

  1. 你創(chuàng)造出了獨特并且優(yōu)秀的風(fēng)格理念,令用戶產(chǎn)生了積極響應(yīng)。
  2. 你持續(xù)的使用該理念打造出一整套具有人格層面的設(shè)計方案。

接下來,我們將一起了解一下情感化設(shè)計的組成要素及相關(guān)策略,看一看有哪些產(chǎn)品在這些方面做的比較有代表性;另外,我們還會通過幾個案例分析來感受一下從整體角度持續(xù)使用情感化設(shè)計理念所帶給產(chǎn)品的“人格魅力”。

用戶到達(dá)頁面才是設(shè)計的開始

藍(lán)藍(lán)設(shè)計的小編

很久之前認(rèn)為一個項目的完成和上線是一個項目的完結(jié),
后來認(rèn)識到,一個項目或頁面的上線不是結(jié)束而僅僅是開始,
現(xiàn)在明白了,用戶到達(dá)頁面,我們的設(shè)計才是剛剛開始。

我不敢說是絕對的或者百分百,但是用戶到達(dá)該頁面、該網(wǎng)站、使用該產(chǎn)品,這之前更多的依靠的是搜索或者運營的推廣。作為負(fù)責(zé)部分項目的UE/UI設(shè)計師來說,我不是產(chǎn)品,不是項目經(jīng)理,更不是運營和廣告我沒有那么多的能力去干預(yù)用戶到達(dá)或者使用我的設(shè)計。

 
下面單說一下我理解的用戶到達(dá)頁面的三種狀態(tài)。
我認(rèn)為一個頁面瀏覽行為可以分為:瀏覽前、瀏覽中、瀏覽后,三個階段。

 
初級設(shè)計師或者是產(chǎn)品亦或是互聯(lián)網(wǎng)工作人員大多認(rèn)為:瀏覽中才是我要做的,要花心思做的。
點擊查看原圖

和用戶談戀愛——愛情三角理論與用戶黏性

藍(lán)藍(lán)設(shè)計的小編

親密是愛情關(guān)系中的溫暖體驗,是一種朋友般的親近。由于真正喜歡和對方在一起,渴望同對方一道建立更有凝聚力的和諧關(guān)系,希望把自己的生活以坦誠、不設(shè)防的方式與對方分享。伴侶間會發(fā)展出屬于兩個人的溝通風(fēng)格,熟悉彼此不完美的個性。親密令戀人互相關(guān)心,善待對方,滿足彼此的需要和欲望。親密沒有激情強(qiáng) 烈,但能促進(jìn)戀人相互親近,讓人感受到人際溫暖。

日歷

鏈接

個人資料

存檔