線上名片網站about.me——設計的簡約之道

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

[核心提示] 通過設計體現功能，使用者無需額外的學習就能理解產品的特點，這才是最好的產品。

剛結束不久的米粉節，雷軍不談硬體開始談 MIUI 的體驗，老羅的錘子 ROM 更是給這個讓人看來擠滿了科技宅的圈子裡多了一份情懷。 人們的目光開始更多的落到了設計上，我們似乎已經不再能接受粗糙的設計，除了內容，精緻的體驗已漸漸成了產品設計的主線。

about.me 是一個個人化的網路名片，全屏背景展示出你的個人圖像，通過內置的編輯器，使用者可以自訂名片背景和內容，並且提供了包括 Facebook、 Twitter、 Youtube、 Linkedin 在內的個人社交網路連結。

about.me 成立于 2009 年10月，由 Ryan Freitas，Tony Conrad 和 Tim Young 聯合創辦。 在 2010 年11月剛上線4天后就被 AOL 以 130 萬美元的價格收購。 戲劇性的是今年的2月5號，聯合創始人 Tony Conrad 宣佈已經從 AOL 拿回 about.me 的控制權。

介面——簡潔之美

沒有多餘的動畫和指引，打開 About.me 首先映入眼簾的是由不同使用者組成的名片牆，色彩豐富，表情各異。

名片牆給以使用者直觀強烈的印象，同時註冊框以透明白色為底，顯著卻又未與背景形成強烈的反差。 名片背景作為使用者個人特點的展示，使用者可以通過本地或者社交網路，上傳自己的個人照片作為背景。 值得一提的是，個人圖像作為名片具有更高的識別度，雖然預設圖庫裡也自帶風景圖片，但在成果展示中，about.me 則無一例外地排除了風景類型。

通過一張製作完成的 about.me 名片樣本進行具體功能介紹，讓人過目即會，標注清晰而又簡單地展示出了其特性：個人化的功能變數名稱、主頁使用者頭像、向該使用者發郵件、個人介紹和個人社交網路連結。 當使用者看到名片牆下方「這就是如何使用 about.me 「的文字時，向下滑動頁面，在邊框即將劃過免費註冊( join for free )的按鈕時，隱藏的註冊巡覽列會自動提示，提醒使用者別忘了註冊， 在做到不打斷使用者體驗過程的同時給予相應的提醒。

編輯——體驗之美

進入編輯介面之後，通過相應的功能表選項就可改變名片的背景、介紹、色彩、字體等。

即使是一個沒有美術功底的普通使用者，只要通過簡單的文字輸入和顏色照片選擇就能自動生成具有設計感的個人主頁方案。 編輯頁面的一大特徵是——沒有保存鍵，在絕大多數文字輸入的輸入框旁，並沒有保存或確認按鈕。 使用者在輸入框中輸入，每當資訊發生更改，相應的內容會即時在頁面顯示出來，如果不滿意，直接在輸入框中更改即可，此時編輯功能表可以移動，以免遮擋正在編輯的內容。 除了個人資訊的輸入外，剩餘的專案更改，多採取直觀的選擇方式(色塊選擇，字體選擇)，以滑動條的方式代替了數值輸入，這樣的更改十分友好，讓編輯門檻繼續降低。

在主控台( Dashboard )除了進行編輯外，還能直觀地查閱到最近的更改專案以及誰流覽了自己的名片，然而最富有互聯網基因的是，進入頁面資料( Page Statics )介面，其能數位化和圖表化地展示出自己名片的流覽量等資訊。 此外 abou.me 並不打算馬上放棄傳統名片領域，你還可以利用內置連結將自己 DIY 的網路名片列印出來，郵寄給自己。

怎樣設計出最好的產品?

和 about.me 相比，提供類似服務的 enthuse.me 則顯得遜色很多。 其內容更多是以文字的形式呈現，當然還能添加視頻，不過對於名片來說則似乎要求過多。 由於其以卷軸形式呈現，當你添加的內容越多，頁面也就相應地變得更長，而且背景不能更改，看起來更像是網站形式的博客更新。

簡單的說 about.me 就是在一張圖上加上了一些連結，但我們對於名片的需求也僅僅是如此簡單，除了能夠展現個人特點之外將個人資訊有效地傳遞出去。

而我們在做產品時，往往把一樣簡單的東西，賦予太多的想法，反而造成了畫蛇添足;而產品一旦複雜時又常常想著如何指導使用者更多的使用其功能，這顯然是自相違背的。 對於優秀的設計來說，能通過設計體現功能，使用者無需額外的學習就能理解產品的特點並很好的使用，哪怕簡單，但這才是最好的產品。

about.me——線上名片網站簡約設計中的生存之道