PIXNET Logo登入

pagepe的部落格

跳到主文

歡迎光臨pagepe在痞客邦的小天地

部落格全站分類:運動體育

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 12月 12 週三 201209:52
  • 使用Title提升可訪問性





使用Title提升可訪問性 -網上推廣







網上推廣











最早大家都沒有給鏈接加title的習慣,后來因為w3c標準普及,又集體加上了title。從一個極端走到另個極端,于是出現很多怪異現象。兩方面,第一a標簽內title不是必須使用,第二title可以用在除了base, basefont, head, html, meta, param, script和title之外的所有標簽。


拋開標簽語義、搜索引擎友好等因素,在純用戶角度找幾個場景來分析。


列表內容被截斷后通過title顯示完整,此時如果沒有被截的鏈接,也會被再顯示出來。試想本來已經看清楚的信息,觸發又提示一遍,傳達是不是感覺很婆媽。如果沒有截的鏈接控制不輸出title,效果或許合理很多。或者title在此時根本就不應該?印象中英文好站似乎很少做列表截取。


 


最典型類似對icon圖示的輔助說明,可以最大化平衡界面復雜度與可操作性。并且針對某些群眾認知度比較高的操作,如果圖形傳達到位,完全可以使用icon代替,更多交互場景請參考臭魚在06年完成的文字還是圖標總結。


在導航系統的各條目中,title主要作用是做補充說明。同時也對應可訪問性原則中,要求導航傳達清晰簡潔的建議。用戶感興趣后操作觸發,再title提示更多詳細,強調信息引導而不是推送。


還有種做目地指引之用的案例,明確告知用戶這個鏈接做什么?到哪里?在某些容易引起誤會,或者不是很清晰的地方效果比較好。另外title不在a標簽內也有廣泛應用,典型如表單。可以為用戶提供更精準、得體的操作指引,并且我想一定程度上可以代替明文提示。


學以致用,順手給評論模板加了條語句。上次改的時候本想寫出來,又感覺多余,現在好多了。準備動手評論的用戶,自然會看到,并且這么土的語句也沒有兼容性問題。


 


相應的不良應用不再圖示舉例,互聯網上不勝枚舉,深入分析語義和用法不僅能糾正錯誤、開拓思路,而且能貫通很多理論上的困惑。總結起來,title并不像seo從業者鼓吹的那么簡單,在用戶角度除避免與文字、圖形重復傳達,主要有三類用途:


    描述非文本內容 補充說明文本內容 操作指引

? 一葉千鳥(轉載請留原文鏈接,更新于2009年04月02日23點)


原文:http://blog.rexsong.com/?p=5959


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(4)

  • 個人分類:
▲top
  • 12月 12 週三 201209:51
  • 使用Alt提升可訪問性





使用Alt提升可訪問性 -網上推廣







網上推廣











alt的準確含義是,當照片不存在或者load錯誤時的提示。但同時img也同時支持alt和title,再有某些瀏覽器的錯誤解析,因此經常被誤導并誤用。最簡單、準確的理解,在看不到圖片的情況下如何用文字傳達給用戶?
比如下圖flickr的訂閱圖標通過alt告知用戶Add to My Yahoo!,個人認為這里使用title進行操作指引更合適,alt屬性應該進行描述。并且此時只有在IE6和IE7中才可見tip,其他任何智商稍微正常的瀏覽器都看不到,更糟糕的是IE8仍舊沒有改善。



某些圖片帶鏈接,也就是img外層有a的情況下,并沒有注意傳達需求上的差異,把img標簽的alt與a標簽的title都應用同樣的說明。但實際上它們本質不同,如下圖flickr提供給用戶的外鏈代碼,可惜與上個例子有同樣問題,在IE環境下看不到a標簽的tip。



問題也不是沒辦法解決,如下圖Wordpress2.7上傳圖片插入編輯器自動生成的代碼,把img標簽的alt和title都寫了出來,可以保證在各種瀏覽器中的兼容性。



再來看看flickr.com頂部logo的代碼,直接使用alt寫入Flickr logo. If you click it, you’ll go home。如果按照剛才探討的結論調整還有更優答案,參考下圖第二個例子。也就是說,圖片在有鏈接的情況下,alt傳達內容是什么?title傳達鏈接到哪里?


 


分別測試IE7, FF3, Chrome1, Safari4四個瀏覽器,可證明其良好通用性。依次如圖:



結合title來更好的說明alt用法,可見如果結構、表現分離徹底,輔助修飾等圖片根本不需要img插入,也就避免了很多alt的錯誤應用場合。Junchen在05年譯的alt屬性和title屬性中有更多規范和細則,alt相較title而言用途單一,但給img插入使用alt替換文字時,也應該注意:
簡潔
清晰
符合語境
? 一葉千鳥(轉載請留原文鏈接,更新于2009年04月03日17點)


原文:http://blog.rexsong.com/?p=6024


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:
▲top
  • 12月 12 週三 201209:51
  • 使內容更具說服力的10個秘訣





使內容更具說服力的10個秘訣 -網上推廣







網上推廣











在我的很多專欄中,我已經多次強調過有說服力或有影響力的內容的重要性,并且共享了一些相關原理和論斷,同時給出了一些實用的技巧和例子。這篇專欄將這些使內容更具說服力的技巧、秘訣集中起來。我希望這些秘訣能幫到那些處理內容的人,炮制出更具有影響力的精彩內容。由于我的背景和經驗,這些技巧帶有美式英語的味道,但我覺得它們對于國際性的文章也是不錯的起點。


1. 像人一樣說話

你的內容聽起來要像是人在說話,而不是被機器編譯出來的。Ginny Redish寫的Letting Go of the Words一書中提供了幾個不錯的技巧——比如使用第一人稱。[1]另外,我想再提兩個能使內容更吸引讀者的方法。


禮貌些。禮貌并不是說在通篇內容中加一些唐突的“請”或者“謝謝你”,而是保證你的內容尊重你的用戶。比如,如果你的顧客年紀較大或者傾向于使用正式語言,你可能想偶爾加一些“請”。如果你的顧客比較年輕或比較隨意,他們更喜歡非正式的說法。[2] 圖1顯示了Bliss網站的例子,它同時采用了傳統的禮貌用語和非正式語言。 真誠些。大多數人覺得真誠的人比虛偽的人更有說服力。我相信我們可以通過保持一致的基調使內容充滿真情實感,堅持前后一致的主旨或要點,并且確保內容是始終正確的。

 



圖1 Bliss網站上禮貌的登錄/注冊頁面


 


2. 建立信譽

人們通常覺得可信賴的人比不可靠的人更有影響力。B.J. Fogg在信譽方面做了一些有趣的研究。[3] 以下幾點參考了他的研究和我親身的經歷:


提供詳細的聯系信息。給出公司的電話、e-mail地址、公司地址,讓用戶消除顧慮,覺得你的公司是合法的、負責任的。 展示可靠的合作關系和資格證書。如果你有這幾樣東西,何不拿出來炫耀一下——特別如果你創建的是新品牌或新公司。圖2顯示了scanR的主頁,它包含了幾個著名品牌的產品綜述,對它是有積極影響的。 提供相關的政策或擔保。盡管人們經常討論要這樣做來回答顧客關于政策或擔保證方面的問題,但是我覺得,重要的是讓顧客知道你符合相關政策或有相應擔保。它們的存在標志著你的公司有信譽。在恰當的時機使用這一技巧十分有用。比如,當顧客在決定是否買某個商品時,展示你的擔保證書。(更多關于時機的討論見技巧4)

 



圖2 著重列出積極可靠的產品綜述的主頁


 



圖3 包含擔保證明的登錄頁


3. 不同品牌或不同情境使用不同語氣

要想有效地表述你的品牌,語氣十分關鍵——就像處理帶有感情色彩的情況一樣。


反映品牌屬性或個性。沒有什么方法比貫穿全文的語氣更能幫你打造引人注目的品牌理念。圖4顯示的Bliss是我最喜愛的品牌之一。 對當前情境敏感。如果你的顧客很情緒化——不管是因為他們被某個診斷搞得心情不佳,抑或心里牽掛著喜歡的人,還是為一筆出了錯的賬單而苦惱——內容的語氣需要是更加中立而讓人愉快的。當你感覺不太舒服時,通常想要心靈雞湯而不是什錦燴飯。圖5的保險索賠例子中,為了表達索賠程序簡單得讓人激動的感嘆號不太合適。當顧客需要索賠時,不管是什么原因引發的索賠,都不是什么讓人激動的事情——至少不是什么好事。

 



圖4 Bliss的語氣獨一無二


 



圖5 驚嘆號使語氣不太合適


4. 把握時機和內容布局 “在說服理論中,契機(kairos)指的是利用恰當時刻創造影響力。當把這點應用到交互的用戶體驗設計中時,我覺得恰當時刻指的是正確的時機和布局。”

在說服理論中,契機(kairos)指的是利用恰刻時機創造影響力。當把這點應用到交互的用戶體驗設計中時,我覺得恰當時刻指的是正確的時機和布局。Redish探討過“銷售時機(marketing moments)”。[1]這種時刻就是向他們銷售其他東西的機會——一旦你滿足了顧客對某個事物的胃口。我的專欄文章《銷售并非壞詞》(Marketing Isn’t a Dirty Word)中有兩個技巧更為深入地討論了這個問題。


避免打斷。如果你的某則信息會打斷顧客正在處理的任務,考慮把它換個地方。例如,大多數好的電子購物體驗會阻止那些打斷結帳過程的推銷。在結帳時,顧客已經結束了購物并且開始結賬了。可以想象成這樣的例子:一旦主菜已經上了,服務員就不會再向顧客推薦其他菜了。 記得關聯。我從不反對向顧客推銷東西(不過不是在滿足他們的需求之后),只要你推銷的是相關產品。Forrester把有說服力的內容定義成相關內容。盡管我覺得前者范圍更大,但仍然同意相關性很重要。就好象吃飯時,服務員恰當地在用餐結束時提供點心;結帳時,這家公司恰當地提供信用卡推銷或特別的運輸服務,如圖6所示。

 



圖6 結帳時提供相關服務。


5. 讓顧客記住你的優勢和獨特性

做到技巧4,你的內容就可以有效地讓顧客了解到你的品牌是如何勝過其他品牌,或者掌握你產品或服務的優勢。


大膽地提醒它們。對于新品牌、新產品或新服務——或者顧客初次接觸——標粗提醒標語和解釋十分重要。如圖7所示,這點對于奢侈品同樣有效,只要當品牌體驗是與其他同類產品的關鍵區別時。 巧妙地提醒他們。對于處于進行時的顧客關系,我發現巧妙地提醒既好用又明智。比如,我收到過來自Shoeboxed服務的郵件,它幫我整理了單據,結束時說:“我們希望您的生活有條不紊”。這提醒了我Shoeboxed最重要的好處:遠離整理大量單據的噩夢。我欣賞這種處理事務的微妙方法。如圖8所示,AutoTrader在收集搜索結果時在空隙處展示了它豐富的汽車列表數量。

 



圖7 W酒店網站上突出的提醒標語


 



圖8 搜索頁面空隙處巧妙的提醒標語


6. 同時使用左腦和右腦——感性和理性并重

從亞里士多德開始,我們知道了同時保持理性和感性的重要性。這種雙管齊下的方法對關鍵的轉換頁面(如產品和登陸頁面)而言尤其重要。


試著使用理性呼吁和理性證據。一些理性證據的例子包括特性比較或價格比較、說明書、性能數據、演示以及建立信譽的各種信息,如我在技巧2中所言。如圖9所示,注意Gotvmail通過獎項和合作伙伴的標識強調了其信譽。 試著使用情緒渲染和感性證據。一些感性證據的例子包括鑒定書、引文、圖片——特別是產品外觀和風格本身就是賣點的,圖片尤其重要——以及描述語言。Gotvmail綜合運用了這些技術,如圖9所示。 根據情境對強調理性和強調感性進行相互轉換。在客戶可能對情緒渲染擁有特殊品位的情況下,就應該更多地強調感性,反之亦然。

 



圖9 一個混合使用了理性呼吁和情緒渲染的登陸頁面


7. 講講故事 “故事是把理性和感性吸引力聯系成一條容易理解的信息的有效途徑。”

故事是把理性和感性吸引力聯系成一條容易理解的信息的有效途徑。自從地球上的人類有了語言就開始產生故事。從令人興奮的打獵石洞壁畫到不朽的荷馬史詩“奧德賽(Odyssey)”,再到現在哈利波特的轟動,故事塑造了我們本身、我們知道的東西和我們做過的事情。對內容來說兩個重要的故事分別是品牌的歷史和顧客的滿意或成就。[4]


8. 適當地使用隱喻

隱喻可以為有影響力的內容更添一分光彩。隱喻指的是事物或觀點之間暗示性的比喻,所以它是表達新想法或創意的好方法,也是開拓顧客普遍需求的有效途徑。我在最近的一篇專欄文章《隱喻的魔力》(The Magic of Metaphor)中提供了幾點怎樣使用隱喻的建議,包括以下幾條:


讓隱喻的兩事物差別夠大——但不要太大了。讓隱喻剛好達到使兩個事物得到清晰比較的狀態。記住,當兩個事物在對立點時,隱喻就不好用了。你的內容要注重比較,而不是斷裂點。比如,云架構(cloud architecture)是將互聯網比喻成了云。這個比較的存在依據是貌似被隱藏起來的復雜架構的用戶感知。清楚表達這個對比——比如,事實上這種架構當然不會真的下雨——既難以理解又沒什么吸引力。 思考隱喻的內涵。內涵是人們為隱喻選擇的詞語之間的深層意義。你不想讓未意識到的內涵分散了顧客的注意力。比如,你在描述產品的高效性,你大概并不想讓顧客拿它和洗手間的效率做對比。 9. 避免低級的小伎倆 “如果你試著對購買你產品或服務的人進行編程,你就是在一種操控他人的角度上對人進行控制。”

Web Copy That Sells一書提供了幾個低級的詭計,我喜歡拿它們舉例說明我對這些的憎惡。這本書并非完全不好,但我不關心其對使用心理設備的倡導。一條給我留下糟糕印象的伎倆便是“神經語言圈套”,或稱嵌入式命令。例如,“我想知道你多快能對此專欄寫出一條熱情洋溢的評論。”這樣做會讓你想寫一條熱情洋溢的評論嗎?本人痛恨低級的詭計,因為


它們通常是懶惰的——盡管實施這些詭計確實花費了一些功夫,但通常情況下,提供高質量的產品和服務,用清晰的、有影響力的方式描述這些產品和服務會產生更好的效果。 它們通常用在一種操控他人的情況下——如果你試著對購買你產品或服務的人進行編程,你就是在一種操控他人的角度上對人進行控制。(了解操控他人與說服他人之區別的更多信息,參見我的專欄文章《贏得內容說服力,而非操控力》(Winning Content Persuades, Not Manipulates)。) 它們并非長期有效——一旦客戶體驗過這種詭計,他們會懷疑你的信用度,并很不喜歡你。你或許得到了你現在想要的,但你會失去回頭客、口碑以及其它建立長期客戶關系的好處。 10. 別忘了使用圖片、視頻、語音和音頻

圖片和視頻這些類型的內容正變得越來越重要。客戶能比以前更為輕松地在互聯網上——要么在他們的臺式電腦或筆記本電腦上,要么在他們的移動設備上——看到或聽到它們。我們需要想想如何最大程度地整合這些類型的內容。上文列出的很多秘訣和技巧中已經用到了這樣的媒介,但我仍想特別指出以下兩個值得考慮的因素:


保持視覺基調和口頭基調的一致——通常,最好對你所有包含進來的不同類型的內容的基調進行加強。舉例來說,正如圖10所顯示的,HowStuffWorks網站為其很多話題都提供了一堆文字、圖片和視頻。在所有這些類型的內容中,保持了一貫的中立基調。 用媒體講故事和演示過程——視頻特別適合用來講述故事,或者闡述產品使用方法。例如,Apple公司既使用視頻向客戶推薦iPhone,也通過這種方式演示iPhone的使用(如圖10)。你或許認為這種演示是一種用戶幫助,但對新產品來說,這種演示扮演了重要的、有影響力的角色,它們證明了產品的易用性。在這個iPhone的例子中,證明觸摸屏的優異性能是至關重要的。

 



圖10 HowStuffWorks.com上的文字、圖片和視頻


 



圖11 一個具有影響力的iPhone視頻演示


結論 “就像廚師可以通過借鑒經驗和教訓創造出令你無法想象的美味,內容專家也能創造出新的溝通方法使你的客戶滿意。”

這些秘訣為你提供了一些提高內容魅力的有效方法。然而,正如烹飪書無法代替廚師,這篇專欄文章也無法取代你對一名內容專家的需求。像廚師使用時令原料調整食譜以滿足顧客的口味并適應場合一樣,內容專家也會根據你的背景調整內容。而且,就像廚師可以通過借鑒經驗和教訓創造出令你無法想象的美味,內容專家也能創造出新的溝通方法使你的客戶滿意。同樣,廚師知道如何組織高超的烹飪經驗將一份菜單弄成一桌好菜,內容專家知道哪一種說服力技巧的組合是最有影響力的。


參考文獻

[1] Redish, Janice (Ginny). Letting Go of the Words: Writing Web Content That Works. St. Louis, MO: Morgan Kaufmann, 2007.
[2] Hall, Erica. “Copy As Interface.” Web 2.0 Expo, April 23, 2008. Retrieved November 20, 2008.
[3] Fogg, B.J. Persuasive Technology: Using Computers to Change What We Think and Do.St. Louis, MO: Morgan Kaufmann, 2003.
[4] Jones, Colleen. “Become an Interactive Storyteller.” iMedia Connection, January 18, 2008. Retrieved November 23, 2008.


Article copyright by Colleen Jones
Colleen Jones版權所有
原作者:Colleen Jones;譯者:UCD翻譯小組,mocha
原文地址:http://www.uxmatters.com/MT/archives/000357.php


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(6)

  • 個人分類:
▲top
  • 12月 12 週三 201209:51
  • 那些工作教會我的事情(1)—關于交互設計





那些工作教會我的事情(1)—關于交互設計 -網上推廣







網上推廣











自從被知道成為交互設計師的那一天起,郵箱或IM上,間歇性地,會收到很多師弟師妹的信息,讓我說說這個職位,談談感想,說說見解,給他們指明一條平坦的道路。(可惜我一路走來頗為爭扎。)這快2年的時間,搪塞了不少沒法回答的問題,也忽悠了一些不靠譜的人。但總體而言,寫這篇文章除了給師弟師妹們一個解答之外。也是給自己的一種總結:讓自己的知識顯性化,有所積淀,有所運用與傳承。


什么是交互設計?
交互設計,又稱互動設計,(英文Interaction Design, 縮寫 IxD 或者 IaD),是定義、設計人造系統的行為的設計領域。人造物,即人工制成物品,例如,軟件、移動設備、人造環境、服務、可佩帶裝置以及系統的組織結構。交互設計在于定義人造物的行為方式(the “interaction”,即人工制品在特定場景下的反應方式)相關的界面。


——維基百科
相比用學術的語句描述,我更喜歡通過它要達到的目的來解釋交互設計:幫助用戶高效的完成產品所設想的任務,同時在這個過程中,能讓用戶感覺到愉悅和不受打擾。



KFC快餐店實景——注意觀察凳子和禮物


我將使用常見的KFC,麥當勞等快餐店的真實案例,去解釋我自己的定義,我覺得這是最直觀的:



高效:經常性的,你能點的就是那幾個套餐,省去了你自己配餐選擇遲疑的麻煩。從點餐到拿到食物,至多需要3分鐘。即使需要你等,也會出示牌號給你,稍后給你送去。快,準,方便。


產品所設想的任務:只要你一進門,服務員就會提示你點餐,餐桌布局狹小緊湊,凳子不可移動,故意讓你坐得不舒服。使用暖色的燈光,播放快節奏的歌曲,擴充你的食欲。他們所設想的任務是什么?讓你趕緊吃完走人。(其實你也是抱著這個目的而來的)而不是讓你慢悠悠的享受這頓美食。


愉悅:從裝修布局上,快餐店都非常的干凈整潔,顏色明亮鮮艷。服務員總是那么熱心,禮貌;點餐說不定還能收獲個禮物。你說,你能不高興么?


不受打擾:不管你是等人,蹭廁所還是真的吃飯,服務員都不會主動打擾你(除非你主動呼叫),除了點餐時你需要說點什么之外,你無需再說點什么即可吃完走人。


為什么需要交互設計?
那么結論就很清晰直白了:交互設計能使用取巧,聰明的方法,讓用戶不發覺地、無需思考、無需學習,完成你所想,并且也是他所需的目的,同時,不會引起用戶的反感和憤怒。甚至他還會反過來贊賞你的產品。


就像快餐店那樣,能夠高效的讓顧客達到填飽肚子的目的,并且也能導向性地讓顧客吃完趕緊吃完走人,還不會覺得自己是被催著離開,不被打擾。


而另外一個需要交互設計的理由是:這個世界上,滿足上述目的產品太少了,甚至可以說是屈指可數,用戶花費了太多的時間在尋找一個合適的好的產品。


這是為什么呢?李笑來曾在自己的文章“為什么要格外努力?”這樣說道:


這世界有很多的事情之間不是簡單的線性關系。


有個殘酷的例子可供參考。讓我們看看所謂的“剩女”是怎樣剩下的呢?大抵上,她們都覺得自己的要求并不高:受教育程度不能太低吧?人長得不能太難看吧?個頭不能太矮吧?歲數不能太大吧?怎么也得有點錢吧?人怎么也得有點幽默感吧?……確實,每個條件看起來都不高,基本上都只是中上等水平而已……可問題在于,每次都是三個人里只有一個人能夠滿足條件的話,前后已經六個條件,那么分子是1,分母是3的6次方,即,1/729,也就是說,從純粹概率的角度出發,她要能夠接觸到729個男人才可能遇到1個所有條件都滿足的……
那么,同時滿足“有飯+有肉+有青菜+食物新鮮無毒+價格公道+點餐方便+口味適中+店面干凈整潔+有廁所+有空調與暖氣+服務員態度好+不用走太遠”這些看起來都是吃飯的普通需求的中式快餐店,又有多少呢?



真功夫快餐店沒有廁所,成為很多人拒絕真功夫的理由。


因此,為了讓你的產品得到用戶的滿意和忠誠;為了你的產品得到更多的盈利,你需要交互設計讓你的產品出類拔萃。并且,你無需擔心有人走在你前頭,無需擔心你的競爭對手多如牛毛,你應該專注于滿足用戶需求,用交互設計的方法,讓你后來居上。


交互設計師在團隊中的位置?
伴隨著工業技術的發展,個人平均能接觸到的日用品也越來越多,人們不停的因為難用的工業產品而浪費時間,影響情緒,于是,以用戶為中心等理論也相應的產生了。它的來源是業設計和人機工程學,簡單地說:設計師應該使產品適合于人使用,而不是讓人習慣產品。


工業設計師(如汽車,家電)謹記這個優良傳統,軟件設計師,網頁設計師們卻拋之腦后,幾十年來,他們使軟件和網頁能夠在電腦上正常使用與顯示,但用戶卻沒法使用他們完成任務。


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:
▲top
  • 12月 12 週三 201209:50
  • 走錯路與信息構架





走錯路與信息構架 -網上推廣







網上推廣











  蘭思上個周末有走迷路了,由于一個不小心,本來沿著上海龍漕路走的路成了沿著龍華路走,在走了有快半公里以后,蘭思終于發現自己犯下了這樣一個錯誤,雖然這個錯誤并非是重大錯誤,但是蘭思還是覺得自己很愚蠢。


  最后解決的辦法就是,蘭思在路邊攔了輛出租,直接到達了預定地點。事實上,那個時候還有足夠的時間沿原路走回去再走正確的路線。并且也有足夠的體力去支持這短路程。也并非是蘭思不想節省。但是最后還是選擇了打車這個解決方案。


  說到這里,蘭思并不想說造成錯誤的原因是自己的疏忽還是路標的不清晰,只是想說,當達到這樣的結果的時候,選擇并非是在走回去然后選擇正確的道路。


  而事實上,蘭思到一個陌生的地方,經常碰到的情況是根本辨認不清楚方位。事實上,蘭思在網站上碰到這樣的事情可能會更多。


  從這個事情上,我們說到網站的信息架構,(白鴉總是說信息架構與導航,實際上是一個意思),我上面遇到的事情完全可以看成是一個信息構架的體現。而在這個信息構架上,蘭思先是選擇了不正確的道路(流程或者功能),進而在行走開始的階段又沒有正確的提示告訴蘭思,你走錯了(明確的功能說明)。當蘭思發現錯誤的時候,已經走了有一段路程了。(在網站上體現是到了具體的功能頁面才發現找到的并非是自己想要的功能)于是蘭思選擇了另一種方式打車去解決問題。(關掉網站,并且用SE進行搜索來解決問題)。


  在交通上,路牌、指示牌、門牌號等等構成了一個信息的展示體系,而我們在一定的范圍里面,我們多能看到的標識是有限的,這在一個熟悉的環境中,很可能可以展示和活動信息的方式更多,但是對于一個新人來說,我們所能獲得的指示真可以說少的可憐。


  在交通上,由于熟悉大家對交通情況的熟悉,并且標志的規范化,這樣走錯路的情況還算是比較少見的,但是在網站上不一樣,由于網站沒有全球統一的設計流程和規范,各個網站的信息構架系統差異也比較大。


  而且在大部分產品經理看來,路越多越好,所以信息構架上面都存在很多問題。尤其是在一些網站上,為了讓用戶能達到最終頁面,甚至很多網站都設計了N條通路,而這樣的設計往往是讓用戶選擇錯了流程甚至無從下手。(補充:存在N條路沒有問題,但是要向用戶清晰的表現出各個路徑的區別,如果設計師不能清楚的表現這個,那么用戶也很難去選擇走什么樣的路徑)。


  相比于交通,信息構架的另一個重要點是網站幾乎沒有任何挽回的機會,當用戶發現網站提供的功能并不能讓自己滿意的時候,往往是在這個時侯就離開了網站,而并非是采用其他的方式進行進一步的查找,甚至當選擇很多的時候,應戶如果不能分出其中的區別,可能直接離開網站。


  原文:http://hi.baidu.com/koob/blog/item/e8a68651a02baa1f367abe93.html


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:
▲top
  • 12月 12 週三 201209:50
  • 豆瓣廣場疑惑





豆瓣廣場疑惑 -網上推廣







網上推廣











首先這不是一篇雞蛋里挑骨頭的文章,豆瓣廣場上線是個好東西,至少技術部的同事們的工夫沒有白費,首頁去掉了很黃很暴力的評論之后,成了friendfeed中文版。


感謝技術部的各位,辛苦。


但是我還是有疑惑,導致我遲遲不加入任何一個廣場。那就是這4個廣場為什么要分開呢?


為什么是4?不是5,不是8,不是2008?
為什么是中央公園、后街、時光碼頭、城市廣場,而不是蛐蛐、種種、欣欣、華華?


而這4個廣場的區別在哪?
初看下來


中央公園趨于傳統的首頁,最熱門的評論、最新的電影,讓你目不暇接。
時光碼頭感覺女性向嚴重,姑娘們都喜歡時光碼頭,小伙子都喜歡姑娘(我沒有歧視gay的意思)
后街存在些許叛逆的感覺,個性爆發的時代需要個性的地點,但是我疑惑的是,后街與中央公園同質化嚴重,后街與中央公園的人都喜歡宮崎老賊的破電影,這是個性十足還是缺乏個性?
城市廣場看起來是為讀書人準備的,關注的內容一水的書,還是書。但是我這個俗人只讀俗書,這些東西我不感興趣怎么辦?


豆瓣可以把9點做到2級導航,將二、三、四、五、六套合體成4個廣場,意在創造屬于每個人個性的新首頁,但是迷惑的設定如何能選出真正符合用戶心愿的首頁?


如果我組織1萬人的馬甲住進時光碼頭,是不是明天用戶最關注的就是《如何選擇一款適合你的剃須刀》?


我使用豆瓣,采取不主動加友鄰(這是曾經的名字,現在叫好友與關注)的方式,意在讓和我志同道合的人主動加我,每次登上豆瓣首頁,加我好友的人實際上具有一個特征就是“與我在某一部分喜好上是完全相同的”這樣不斷累計起來的圈子,加上豆瓣的推薦功能,構成了“豆瓣猜”的補充,成為了我在豆瓣上發現好東西的network


而現在豆瓣的廣場,顯然要把這個網織大,但在織之前,是否應該給用戶更多的提示,分析這個網的用法?而不是放著四個廣場,說“來,四個,看哪個順眼遷回家吧”


廣場的選擇,不應該是買西瓜,拍哪個熟了就成了。要有導購小姐(不一定穿女仆裝)細心指導,4個選擇,高矮胖瘦,任君挑選。這樣才能更符合一開始的設計。否則明天后街可以關注《青年藝術家的雕像》,而城市廣場在關注星光大道。


然后用戶就像沒有暫住證的居民一樣,搬家搬家,然后再搬家。


豆瓣從來不缺技術、不缺idea,豆瓣缺的是與用戶的溝通,哪怕是一個使用說明書。


鄰村的張二狗今天上網了,我推薦他上豆瓣,他問我,豆瓣怎么不能看《赤壁》呢?


我怎么回答?我自己還是個豆瓣的街頭流浪者。


原文:http://www.douban.com/note/16600372/


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類:
▲top
  • 12月 12 週三 201209:49
  • 豆瓣新版首頁修改建議





豆瓣新版首頁修改建議 -網上推廣







網上推廣











  版權聲明:可任意轉載,轉載時請務必以超鏈接形式標明文章原始出處及本聲明
  作者:ZZB
  原文鏈接:http://nihaozzb.cn/635267


  豆瓣的新版首頁(登陸狀態)在昨天突然上線,引起眾多褒貶不一的評價,而我個人的對其的總體評價也是十分肯定的,引用一句白鴉的話:


  豆瓣首頁改的好!。 豆瓣還是應該踏實做一個以“物”為主體,發現為主要手段的社區。不停給用戶驚喜,不停主動給用戶輸送有價值信息,滿足用戶自己都不知道的需求,這才是最牛逼的。人在這里不是最重要的。


  也正是基于對白鴉“滿足用戶自己都不知道的需求”觀點的認同,我認為豆瓣的新版首頁(登陸狀態)還存在不足。


 


  上面這張圖片,是豆瓣的新版首頁(登陸狀態)的頁面完整截圖,主要可以分為4個部分:頂部導航、你可能感興趣的東西(影音書)、我的友鄰廣播、你可能感興趣的活動。


  兩個“你可能感興趣”的部分都是屬于“滿足用戶自己都不知道的需求”,“你可能感興趣的東西”這部分為12(2×6)個關于影音書的推薦,“你可能感興趣的活動”則是根據你的居住地與好友分布等來推薦一些活動,但這部分在頁面布局時卻被放在了第一屏(1024*768)以外,用戶會為了自己都不知道的需求經常將滾動條往下拉?


  就像男人期待艷遇的一樣,總是得先有個誘因——例如跟一個衣著暴露的性感女子獨處一室,而“你可能感興趣的活動”并沒有把這個誘因擺放在用戶的眼前,于是用戶在沒有誘因的情況下依然無法滿足自己那個“自己都不知道的需求”。


  而“你可能感興趣的東西”一次性推薦了12個項目,且每次刷新都會有所不同,我就開始尋思“12”這個數字是怎么的出來的,為何不能是8或者6,然后在這部分的右上角增加一個“更多”的按鈕或者鏈接,利用ajax實現頁面內的刷新。而且在“你可能感興趣的東西”這部分減少了頁面布局上的占用面積之后,我們就能將“你可能感興趣的活動”的一部分顯露在第一屏當中,給用戶一個“艷遇”的誘因。請看下面這個修改過的圖片


 


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:
▲top
  • 12月 12 週三 201209:49
  • 豆瓣的去中心化(一)





豆瓣的去中心化(一) -網上推廣







網上推廣











  豆瓣正在多樣化的過程中失去公共注意力中心。這很好,我們正在全心全意地推波助瀾。


  想像在春節的火車站廣場中央開一家露天咖啡,支一張千人大桌討論… 比方說,音樂。只要發言,飲品免費。想像會是什么樣的對話,除了喝到免費咖啡,你能不能得到更多的益處。


  把這張大桌再放大幾百倍,就是豆瓣今天面臨的挑戰。


  豆瓣上線時最早的成員,是一個比較單純一致的人群:喜歡書、喜歡新鮮事、年輕的老網蟲。豆瓣信奉“蘿卜青菜,各有所愛”,但是人群單一的時候,所有人”用鼠標投票”產生出來的哪些個熱榜,對大家還是有用途和意義:首頁最受歡迎的評論,最受關注的書,人數最多的小組,等等。社區里少數“不良”行為,也會迅速受到眾口一致的反對,因為大家有比較接近的行為標準。


  今天的豆瓣,已經是一個從癡迷動漫的高中生,到退休的國學愛好者,多種多樣人群共處的地方。多樣化是豆瓣熱愛和追求的,多樣化也使整個大社區更加強健。只是多樣化給舊的結構和機制帶來一些問題。比如,所有“全民共享”的“廣場地帶”都開始出現問題:首頁評論變得良莠不齊;最大的那些萬人小組組長開始為管理感到頭大;書、電影、音樂的排行榜也經常看起來像怪異的混搭。


  經常有熱心的朋友從各種角度解釋這個過程。作為豆瓣這個平臺的設計和運營者,我們發現的是兩個簡單的原因。


  一個是全員投票的弊端:試圖取悅所有人的東西注定不能讓任何一個人完全高興。這決定了一人一票得來的東西經常不是任何人最喜歡的,而是多數人最不討厭的。把一個動漫榜單、一個經管榜單和一個明清史榜單混在一起,按票數排序,得到的一定是對誰都有用,對誰也都無用的東西。豆瓣首頁的最新評論也有同樣的問題。這些是機制和web2.0理念很難補救的。


  另一個是公共對話的規模上限:對話參加的人數大到一定程度就沒有辦法有效地進行下去。千萬人同時參與的溝通,除了講演,干仗,就只有各說各話合成的白噪音。這些都不是平等有效的對話。人太多的時候,也很難維持默契的行為標準。豆瓣最大的那些小組里信噪比越來越低,并非機制不全或管理員不盡責。幾萬人擠在一起的時候,聽到的一定是嗓門最大的,看到的一定是最歇斯底里的,這個是生理和物理決定的自然規律,管理員累死也無從抗拒。


  如何來應對這些問題?豆瓣應該退回到服務單一單純人群嗎?這和小孩希望不長大一樣無益。豆瓣已經是一個多種人群混居的城市。只是豆瓣的設計使得每個成員更容易看到和自己興趣一致的人和事,容易產生豆瓣上只有自己一類人的假象。


  其實,我們人類自從走出百十人的部落就了對話的規模問題。辦法也早就有了:區隔。城中有區、區中有片、片中有樓、樓中有戶。餐廳有包間,會議有分場。人不能時時刻刻聽到所有人、看到所有人的時候,有效的溝通才能進行。不同興趣的人群之間能夠相互有區隔的時候,“熱點”也才有意義。一個有多種多樣人群的城市才是有活力的。這些人群之間,既需要方便地交流,也需要有效地區隔。沒有區隔,也就沒有多樣化。


  在互聯網上,“區隔”也叫“去中心化”。豆瓣從誕生開始,就是去中心化的設計:豆瓣以個人、友鄰和興趣為中心,而不是以熱點為中心。只是豆瓣還小的時候,為了新成員發現的方便,我們保留了一些“全員廣場地帶”:首頁最受歡迎的評論,所有成員共同產生的書、電影、音樂榜單,按照人氣排列的小組列表。現在,豆瓣正在一步一步尋找新的、去中心化的途徑來取代這些廣場。


  在豆瓣小組下面,我們已經用分類瀏覽取代了“最受歡迎的小組”列表。“所有小組的最新話題”也已經取消。(只要有“所有小組的最新話題”,豆瓣小組就是一個有幾萬個分論壇的大廣場,任何人都可以隨時看到一貼就跳進一個小組,說一句話,然后跳走。)一個小組有被發現的權利,也有不被人隨時打攪的權利。這些舉措當然會對發現新小組產生不便,為了補償,我們已經把朋友加入小組的舉動放進了廣播,下面會開通正式的“友情小組”和對個人的小組推薦。


  我們也在尋找熱榜和最熱評論的更有效的替代。豆瓣的第一用途是幫助你發現未知的東西。這是一件充滿挑戰的事情:完全沒有廣場地帶的豆瓣會讓我們的視野受限于個人已有興趣和朋友的圈子興趣;而一個所有人共享的廣場也正在變得無用。我們已經有了不少想法,也對結果充滿信心。這會是一個激動人心的變化過程,我已經等不及了。


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:
▲top
  • 12月 12 週三 201209:48
  • 豆瓣的小組話題功能評析





豆瓣的小組話題功能評析 -網上推廣







網上推廣











  在很多方面的使用上,不得不說豆瓣是做得很成功的,比如說豆瓣的導航——在豆瓣,除了頂部固定形式上的欄目導航外,右側還有很多動態的功能導航,頂部導航條只是負責給用戶引導欄目位置,右側的功能導航則是引導用戶完成交互行為,右側的這些功能導航才是豆瓣導航的真正精髓所在。然而即使再成功的產品也會存有瑕疵,比如說GOOGLE頭部左側的“更多 ▼”下面的另一個“更多 ?”,第一個更多右側的標識很明顯指的是有下拉菜單,但下拉菜單中的更多右邊標識就很不清楚了,以長久以來使用Windows的經驗看,這應該又是一個橫向的下拉菜單,但不幸這只是一個“更多”頁面的鏈接;還比如說豆瓣的小組話題功能……


  豆瓣的小組話題其實就是一個輕量版的論壇,剔除那些繁雜的功能,只保留論壇最核心的功能——文字討論。當用戶加入所感興趣的小組后,系統對這些小組做一個聚合,形成一個以用戶個人為中心點的小組網絡。這是與平常論壇最大的不同,平常的論壇做的是聚合用戶,而在豆瓣則是由用戶去聚合小組。


  在論壇里混跡的人都知道,論壇的發貼按鈕一般都是位于較頂部位置的右側,很顯眼的位置很顯眼的按鈕,這是在引導用戶多發新貼。然而在豆瓣的小組里,發貼的按鈕卻不明顯,甚至可以說一點都不起眼。


  首先,豆瓣小組里的發貼叫“發言”,也許這個詞更貼近生活,但是這個詞卻容易產生歧意:在小組首頁時,“發言”很容易讓人聯想到是發新話題,但是當進入到小組里的某一個話題時,右側出現的“發言”鏈接卻很容易讓人聯想起另一個意思——針對這個話題的發言,但是很不幸,這個“發言”仍然是發新話題;



  其次,在豆瓣的小組首頁時,“發言”鏈接所處的位置既不在頭部也不在底部,而是位于靠中間的位置,上面有“最新加入”下面有“喜歡去”,兩個帶圖片的欄目占盡了用戶的眼光,夾在中間的“發言”顯得那么的不被重視,對用戶的發言缺乏一種明顯的引用。但是在某一個話題里面時,右側的“發言”鏈接卻是位于頂部明顯的位置處,似乎在努力的引導用戶“發言”,顯然這是一種錯誤的引導,此時的用戶更需要的是針對這個話題進行“發言”;


  最后,豆瓣小組里的話題一頁顯示的回復數是整整100條!也就是說當回復數量沒有達到100條的時候,這些回復信息都將在一頁顯示完全,100條回復信息的高度瀏覽器需要顯示多少屏?顯然這不是個便于用戶閱讀的高度。而且話題的回復框只出現在最后回復的后面,當回復信息數量超過100條時,就意味著用戶至少都要拖動滾動條越過這100條信息到底部,然后點擊頁碼到最后頁才能發表回復。豆瓣最大限度的希望用戶閱讀回復時,也最大可能的讓用戶失去了回復的欲望。


  很顯然的,豆瓣小組的定位與論壇是有著巨大的差別的。


  在豆瓣的小組里,用戶之間的交互行為并不只是發生在話題上,除了小組話題外,還有“小組收藏”、“喜歡去”、“關注的活動”等功能,僅僅只是文字版的話題無法完成小組成員之間的交互需求,所以豆瓣在小組里加入其他的交互功能來滿足用戶的需求,或者可以說,豆瓣在談化話題這個最像論壇的交互行為。


  豆瓣的小組通過種種功能,串起小組成員之間的交互行為,使其有著比論壇更廣闊的關系網絡,然而對于“話題”這個小組的核心應用來說,卻沒能真正的發揮出它的功能,用戶與用戶之間的直接交流,遠強于小組推薦一本書或者是推薦一個活動。


  原文:http://www.prower.cn/interaction/543


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:
▲top
  • 12月 12 週三 201209:48
  • 豆瓣的“推薦”與“評分”的相互傷害





豆瓣的“推薦”與“評分”的相互傷害 -網上推廣







網上推廣











今天開會的時候,討論到了豆瓣的推薦,觀察了一下豆瓣中的我個人的數據,無意中發現,我關注的人,推薦書影音的很少,推薦小組話題、日記、站外鏈接,也就是文章類卻非常多。問了幾個朋友,他們的友鄰推薦的現狀也是如此。


這勾起我的好奇心,為什么這個書影音為基礎服務的網站,反倒沒什么人推薦數據庫項目呢?


回想豆瓣最初其實是沒有“推薦”這個按鈕的,以前對數據庫項目只能打分,是大張旗鼓SNS化以后,才加了全站通用的“推薦”按鈕。目的也是很明顯,豆瓣定位是一個發現的未知的有意思的東西的地方,好友給你的推薦權重很高。遂把原來評論的“有用”“沒用”按鈕,也改成了“推薦”、“我不喜歡”。


 


在douban.net還能看到對評論打分的最初設計。


 


douban目前文章中的推薦設計


這么推斷一下就不奇怪了,“推薦”取代了“有用”,用戶看到好文章的時候,除了”推薦”,別無選擇。


 


同時出現的兩個推薦


但是書影音中的”推薦”并沒有取代打分,目前是兩者并存。評分表示你推薦的程度,而另一個“推薦”按鈕則是單純的推薦,兩者功能基本一樣,同樣會出現在自己的動態中。


功能一樣,情感上呢?從打分時的還行、推薦、力薦提示語來看,用戶使用二者的情感也基本一致,并不是在情感上把“收藏”和“推薦”拆分開來。


那么這個就有問題了,問題在于做一件事有兩種方法,用戶需要面臨選擇。選擇的結果如何呢?果然還是先入為主的評分占了上風。同時在動態中接受資訊的人也有了兩個選擇,來自評分或是來自“推薦”按鈕的信息。這兩個功能,不會共同繁榮,只會互相傷害,因為選擇一直是高效的敵人。


如果覺得這無傷大雅,那么你對豆瓣的線上活動是怎么看的?豆瓣線上活動的火爆肯定是這個產品的設計人也未曾料到的,否則也不會之后才搞出來一個線上活動的導航。但是一些標題看著非常眼熟:


按截圖猜電影(歐美篇)
●街搭● 連衣裙 篇 ????
我為帽狂曬帽子
來測測你的腦齡吧!


這些標題跟小組里的話題有什么區別?這些線上活動的參加人數,少則幾百人,多則數千人,一個熱門的小組成員數數千人也不錯了,為什么豆瓣會員如此熱衷于把這些內容發布于線上活動,而不是小組話題?


線上活動更容易被展示,更快的被傳播,我覺得這是最核心的原因。活動可以出現在動態中,話題不行。
線上活動更個性化。線上活動可以傳logo圖,有自己的影集,話題不行。
線上活動更以人為中心,參加者人人都有露次臉的機會。很多時候參加線上活動就是為了表個態,這個輕量級的動作比回復更簡單,發布活動的人看著也覺得更熱鬧。話題不行。
這么看來,很多原本要發布在群組的話題變成了所謂的活動就很自然了。用戶創造內容的時候,特別是低端用戶創造腦殘內容時,自然更傾向于更好傳播、更個性的產品。用戶爽了,可網站運營者呢?


首先,線上活動這個東西傷害了興趣小組,用戶想要發布探討性內容時,有了兩個選擇,很多原本屬于小組這個產品的內容流失了。而且線上活動不易沉淀精華,這很有可能造成優秀內容流失為一時熱鬧的產物。


其次,線上活動這個東西傷害了原本的同城活動。同城活動本來就是個線下的東西,線上只起號召和回顧作用。線上活動大大沖淡了這種感覺,初次了解同城的用戶,可能會感覺豆瓣的同城是一個到處充斥腦殘內容的扯淡場所。


再次,線上活動的迅速傳播能力,讓它污染了很多高端用戶的眼睛。這對他們肯定是有殺傷力的。


一事不兩做,謝謝豆瓣提供素材。


原文:http://www.overpaper.com/?p=16


TAG: 網頁設計 | 香港網頁設計 | 網頁設計公司 | 香港網頁設計公司 | 網站建置 | SEO | 網站推廣 | 網站優化 |



(繼續閱讀...)
文章標籤

pagepe 發表在 痞客邦 留言(0) 人氣(5)

  • 個人分類:
▲top
12...65»

個人資訊

pagepe
暱稱:
pagepe
分類:
運動體育
好友:
累積中
地區:

熱門文章

  • (10)404頁面優化體驗

文章分類

  • 未分類文章 (1)

最新文章

  • 使用Title提升可訪問性
  • 使用Alt提升可訪問性
  • 使內容更具說服力的10個秘訣
  • 那些工作教會我的事情(1)—關于交互設計
  • 走錯路與信息構架
  • 豆瓣廣場疑惑
  • 豆瓣新版首頁修改建議
  • 豆瓣的去中心化(一)
  • 豆瓣的小組話題功能評析
  • 豆瓣的“推薦”與“評分”的相互傷害

動態訂閱

文章精選

文章搜尋

誰來我家

參觀人氣

  • 本日人氣:
  • 累積人氣: