網站設計評論#1：IdentyMe

關於IdentyMe

IdentyMe是一個數位名片網站，跟about.me是一樣類型與主題的網站，簡單的說就是把你的vcard變成網站，而且只有一頁，讓你把你最重要的資訊都擺放在上頭，你可以寫一些基本介紹然後開始連結各地，舉凡Facebook、Blog、Linkin等等，將一些社群或個人化的連結放置在上頭，這樣可以讓看見你的電子名片的朋友連結各處，更加了解你，比起傳統紙本名片更加直接與實際，如果真要說IdentyMe與about.me的差別，我會覺得about.me主要都是會把自己的照片當做佈景，在偌大的頁面上很清楚的表現出個人，接著才會注意到內文，但是在IdentyMe照片比例與內文就有比較平衡的情況，當然IdentyMe提供許多佈景，你還可以選擇你最喜歡的照片比例，而且IdentyMe提供的佈景都很炫，畫面也都不錯看，比起about.me自由度高，凡事都可以DIY的設計來看，IdentyMe比較適合不太會DIY的網友使用，當然上手速度也會比較快。

初次遇見IdentyMe

第一次進入IdentyMe感覺網站非常單純，背景有漸層但在選單與最下方資訊列部分又採純色，兩種配色方式搭配得宜，而且在佈局上非常特別，一般網站Logo都在左上角，但是IdentyMe卻在中間偏下方的位置，這樣的佈局與一般Logo要一眼就映入眼簾的左上佈局真的非常不一樣，另外中間大圖像的微笑人物增加的網站的親和度，並且透過一個大圖像就把IdentyMe能做的事情顯示出來，就是這樣的簡單又有親和度，所以讓整個網站變的很親切，即使第一次進入IdentyMe，也不會覺得難以接觸，不會因為看不懂是什麼服務而離開，這樣的設計對於留下我來仔細閱讀是非常有用的，無形中就增加了我這個訪客的停留時間了。

網站色系

 #dde091  #e8e2d2  #fa9509  #fee123 

LOGO設計這回事

Logo採取藍色與橘色，猜測使用藍色是因為科技感，也就是把名片數位化，而橘色是為了凸顯個人，為了強調凸顯個人這個部份，所以Logo在設計上字型也與前面不相同，而網站背景的主色系為綠色，主要是因為藍色與橘色是綠色的相近色，使用相近色配色會讓網站看起來更加自然，下方的主標題與副標題除了字體粗細不同以外，在字型大小上也有差異，更加顯示出這兩個句子的主副關係，整體搭配在行距上也有不同，Logo與主標約1行距，但主標與副標僅剩0.5行距，行距的不同會讓主副標的關聯性更加強烈，關係也會更密切。

選單設計這回事

選單的部分是我個人認為這個網站最需要改造的地方，因為跟中間的大圖相比，實在太不突出，選單位於最上方很容易辦別，但是相較於IdentyMeLogo的佈局來說就顯得較沒創意，在選單的最左邊我們可以看到一個綠色小方塊，這個方塊在中央的大圖有指出這個是vCard的意思，也就是IdentyMe的小Logo，識別度其實沒有很高，如果我換成藍色，很容易被誤會成Facebook之類的，雖然到目前為止主選單看起來似乎沒什麼特別的，但是對於“顯示當前位置”的設計還是給予肯定的，這樣除了可以減少麵包屑的設計，還可以更一眼明瞭目前的當前位置，不過如果還有麵包屑的設計，個人覺得還是會為網站加分。

內文排列方式分析

在內頁區塊的排列上整體來說非常整齊，不管是間距還是行距都非常適當，但是請見上圖的右下角，你發現他的區塊標題是兩行，導致內文排列就無法與右邊區塊對齊，顯得有點突兀，通常這種情況我都會修改文案，讓標題短一點，看起來會更加整齊。

在Help頁面的設計上我再度看到草率，在問題列表部分可以說根本沒有設計，只有排列，可能是我自我預期太高了，所以才會有這樣失望的感受，但是在左邊的問題分類上到是設計的非常用心，尤其是當滑鼠移到選項會出現藍色底的整個動態，吸睛度蠻高的，不過在反覆測試後發現有點小Bug在，但整體來說就問題分類選單部分，我個人還蠻滿意的，可以列為日後的參考。

表單設計這回事

網站在表單處理上個人覺得還蠻草率的，但是首頁的註冊倒是非常經典，你只需要填入三樣東西：帳號、信箱、密碼，你就可以馬上建立新帳戶，這樣的註冊流程還真的蠻酷的，簡單不囉嗦，看得我都想註冊一個帳號了，無疑的如果網站有會員註冊制度，可以參考一下這樣的註冊方式，應該可以提升不少註冊率喔。