DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 網站產品設計參考的幾條原則
網站產品設計參考的幾條原則
編輯:前端技巧     

以下分析的是產品的設計原則,不過其中大多都以網站產品為原型,所以也可以稱作網站產品設計的原則,涉及到用戶,浏覽器工具,SEO和體驗等。既有原理也有實例,對網站產品來說很多原則都是通用,無論在哪個網站與產品都可以借鑒使用。

根據自己的經驗,總結了8條產品設計中最基本的原則,希望對於一些剛剛接觸產品設計方面的朋友有所幫助。

1、西瓜要有西瓜樣,豆豆要有豆豆樣
這句話還有一種反面的說法,就是”有個冰箱叫電視”。可能有的同學會說你這不是廢話嗎?其實就是因為是廢話,所以經常被設計人員所忽略、譬如:明明是文字鏈接看起來不能點;明明看上去像按鈕,其實只不過是一個不同的圖片;為了”創新”把一個普通的單選項,包裝得很漂亮很華麗,但是用戶根本不知道這個控件可以做什麼。類似於這樣的問題還有很多,都是設計人員最容易犯的。所以當你要創新,或者要讓頁面更加精美的時候,先看看你的設計是不是”西瓜樣,豆豆樣”。

2、讓用戶學習不是關鍵,關鍵是是否容易學習
在設計產品的時候,為了讓用戶更加容易使用,我們經常要為一個功能怎樣讓用戶不用學習直接只用想破腦袋。但是其實關鍵點不是用戶是否要學習,而是是否容易學習。譬如一個保存按鈕圖標,如果用戶沒有試驗過或學習過,怎麼能知道一個倒立的軟盤就是保存呢?而且貌似現在來說已經很少見到軟盤了,或者以後應該改成U盤。但是當你第一使用的時候,鼠標懸浮到按鈕圖標上,會出現保存。當你點擊以後也會出現相應保存成功的提示。噢、這樣你一下就知道這個圖標是保存的意思。而且因為圖標隱喻做的十分好、所以也很容易記住。所以實際上,電腦上的應用,對於第一次接觸某個類型產品來說都是要學習的,這個是沒有辦法避免的。所以不用再為學不學習想破頭了。應該多考慮是否容易學習。

3、先做完整,在談”體驗”
在做產品設計的時候,往往就是張口用戶體驗、閉口用戶體驗。但是我們發現其實往往一款產品用戶體驗不好,不是所謂的”體驗”造成的。而是產品本身的設計缺陷。而最主要的一種缺陷就是流程不完整。譬如:用戶在登錄出現錯誤、不能正常注冊的時候有什麼補救方式;在下完訂單以後發現有誤不能修改訂單。所以說做好體驗的第一步就是把產品做完整。然後在談”體驗”。

4、講重點
我們經常會看到這樣的場景,就是一個頁面為了介紹新產品,密密麻麻寫了一大堆,文字詩情畫意,圖片眼花缭亂。但是看完以後仍然不明白這個產品的特點是什麼。或者有些用戶比較著急,干脆就會直接忽略,要麼離開、要麼立即使用。上學的時候我們上語文課經常要做的功課就是,對課文分段,分析段落大意,總結中心思想。同樣做互聯網產品也是如此,我們不是在頁面上去寫文章,用戶一般都很著急,他們沒有心思去看你的長篇大論,所以最好就是把你文章的”段落大意”和”中心思想”直接告訴用戶。請不要說些沒用的,直接講重點。

5、用IE6來使用自己的網站
雖然現在已經有了IE8、IE7、Firefox等等各式各樣的浏覽器。但是無論怎樣現在中國用戶用的最多的還是IE6。作為一個互聯網從業人員,當然因為我們是personal,所以我們就用Firefox,因為我們fashion,所以就會用IE8。但是不要忘記,大多數用戶他們不personal也不fashion,所以他們還用xp、還用IE6。所以作為一個產品人員,在使用自己產品時候一定要用IE6,這樣你才能看到和用戶一樣的東西。

6、為什麼?
“為什麼”換一種方式說就是給”我一個理由”。在產品設計階段,一定要多問”為什麼”。”為什麼要做這個產品?”"為什麼按鈕放在左邊?”從高層策略到細節設計,都要反復的問。因為只有你知道”為什麼?”才會能知道真正”怎樣做”。

7、顧客是上帝
在Twitter上次看到有人說”如果一個餐廳如果用UCD的方式做,那不是很NB”。我隨後就補充道,在傳統行業這叫做”顧客是上帝”。沒錯,雖然只有專業人士才知道”以用戶為中心設計”,但是一般的人絕對知道什麼叫”顧客是上帝”。其實在傳統服務行業”顧客是上帝”已經是不成文的規則,不要覺得自己做UCD就會多麼多麼高深莫測,其實做的就是”顧客是上帝”。所以在工作的時候,先把自己高高的UCD帽子摘下,用顧客是上帝的心,去審視自己的產品和用戶。

8、SEO和Email
我們經常會說網絡營銷,這貌似是一個很高級的詞。而其實撥開高級的外衣,裡面最核心和最重點的兩項就是SEO和Email。在SNS時代,貌似大家都一直排斥SEO,因為保護用戶隱私。但是我們貌似忽略了,其實SNS的SEO就是Email。無論注冊、給用戶反饋、xxx推薦等等、都是依據Email來啟動的。SEO是用戶去尋找信息既拉模式、而Email是把信息發給用戶及推模式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved