在線名片網站about.me ——設計的簡約之道[核心提示] 通過設計體現(xiàn)功能，用戶無需額外的學習就能理解產品的特點，這才是最好的產品。剛結束不久的米粉節(jié)，雷軍不談硬件開始談 MIUI 的體驗，老羅的

在線名片網站about.me ——設計的簡

約之道

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

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

about.me 是一個個性化的網絡名片，全屏背景展示出你的個人圖像，通過內置的編輯器，用戶可以自定義名片背景和內容，并且提供了包括 Facebook、 Twitter 、 Youtube、 Linkedin 在內的個人社交網絡鏈接。

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

界面——簡潔之美

沒有多余的動畫和指引，打開 About.me 首先映入眼簾的是由不同用戶組

成的名片墻，色彩豐富，表情各異。

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

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

編輯——體驗之美

進入編輯界面之后，通過相應的菜單選項就可改變名片的背景、介紹、色彩、字體等。

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

在控制臺( Dashboard )除了進行編輯外，還能直觀地查閱到最近的更改項目以及誰瀏覽了自己的名片，然而最富有互聯(lián)網基因的是，進入頁面數據( Page Statics )界面，其能數字化和圖表化地展示出自己名片的瀏覽量等信息。此外 abou.me 并不打算馬上放棄傳統(tǒng)名片領域，你還可以利用內置鏈接將自己 DIY 的網絡名片打印出來，郵寄給自己。

怎樣設計出最好的產品?

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

簡單的說 about.me 就是在一張圖上加上了一些鏈接，但我們對于名片的需求也僅僅是如此簡單，除了能夠展現(xiàn)個人特點之外將個人信息有效地傳遞出去。

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

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

文章來源于：http://www.summeng.com/article-22588-1.html