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

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

約之道

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

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

about.me 是一個(gè)個(gè)性化的網(wǎng)絡(luò)名片，全屏背景展示出你的個(gè)人圖像，通過(guò)內(nèi)置的編輯器，用戶(hù)可以自定義名片背景和內(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月剛上線(xiàn)4天后就被 AOL 以 130 萬(wàn)美元的價(jià)格收購(gòu)。戲劇性的是今年的2月5號(hào)，聯(lián)合創(chuàng)始人 Tony Conrad 宣布已經(jīng)從 AOL 拿回 about.me 的控制權(quán)。

界面——簡(jiǎn)潔之美

沒(méi)有多余的動(dòng)畫(huà)和指引，打開(kāi) About.me 首先映入眼簾的是由不同用戶(hù)組

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

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

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

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

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

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

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

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

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

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

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

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

文章來(lái)源于：http://www.summeng.com/article-22588-1.html