在線名片網(wǎng)站about.me ——設(shè)計(jì)的簡約之道[核心提示] 通過設(shè)計(jì)體現(xiàn)功能，用戶無需額外的學(xué)習(xí)就能理解產(chǎn)品的特點(diǎn)，這才是最好的產(chǎn)品。剛結(jié)束不久的米粉節(jié)，雷軍不談?dòng)布_始談 MIUI 的體驗(yàn)，老羅的

在線名片網(wǎng)站about.me ——設(shè)計(jì)的簡

約之道

[核心提示] 通過設(shè)計(jì)體現(xiàn)功能，用戶無需額外的學(xué)習(xí)就能理解產(chǎn)品的特點(diǎn)，這才是最好的產(chǎn)品。

剛結(jié)束不久的米粉節(jié)，雷軍不談?dòng)布_始談 MIUI 的體驗(yàn)，老羅的錘子 ROM 更是給這個(gè)讓人看來擠滿了科技宅的圈子里多了一份情懷。人們的目光開始更多的落到了設(shè)計(jì)上，我們似乎已經(jīng)不再能接受粗糙的設(shè)計(jì)，除了內(nèi)容，精致的體驗(yàn)已漸漸成了產(chǎn)品設(shè)計(jì)的主線。

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

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

界面——簡潔之美

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

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

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

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

編輯——體驗(yàn)之美

進(jìn)入編輯界面之后，通過相應(yīng)的菜單選項(xiàng)就可改變名片的背景、介紹、色彩、字體等。

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

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

怎樣設(shè)計(jì)出最好的產(chǎn)品?

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

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

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

about.me ——在線名片網(wǎng)站簡約設(shè)計(jì)中的生存之道

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