雙林放山玉米雞，學長家開的，直接跟原產地買雞 ，品質很好，肉嫩、雞精也很順口，十分推薦。

網站這次走的是自然風，搭上一點點會動的小雞，增加畫面的活潑度。

-WEBSITE-

哈，無意間看到自己之前做過的版型設計，完全忘記自己有設計過app的介面了

風格則是綜合了案方要求的豐富感，多彩，讓使用者願意、想要、使用網站的介面，另一方面，也製作了電子書的 app 介面樣稿，雖然，這案子到最後沒有下文，但也是個不錯的經驗，話說，那時候要設計這個版型我可想了很久

app介面的設計，則延續網站多彩的設計，但是在按鈕的地方則盡量簡化，不干擾使用者的視線

ps.現在看到以前的作品，會覺得還有些細節需要考慮到，在此記錄一下：網頁唱片的小圖可以用cd殼的css png cover，app的部份，文字間距可以再調整，頁面元素也可以在根據app內容做刪減，例如，時間應該不是這個app重要的地方XD~

挺有趣的，看來台灣跟大陸的user都很相近呢~

註：本文是在淘寶的內網中發現的一片文章，作者來自於測試團隊的霜波同學，她是淘寶講師團隊的同事，愛好廣泛，去年一年都在研究心理學。哈哈，讓甚是佩服。這篇文章寫的是網際網路用戶的心理學特徵，覺得分析的很到位，感覺這些行為就是每天發生在自己身上一樣。想，這對設計師來說，瞭解這些用戶行為背後的原因是非常重要的。故轉發此文，與大家一同分享。

近半年持續關注了一些用戶反饋和客服電話，從一些常見問題中總結出了八點網際網路用戶常見心理特徵，在此共享，希望能共同努力提高用戶體驗。

1、慣性

用戶：「你們的排序按鈕為什麼沒有了？」
客服：「親，我們把它放在右邊了，這樣更加的明顯哦。」
用戶：「你們很閒嗎？沒事弄這個按鈕做什麼！」

有一個故事，說的是將奶酪放在了迷宮的第三個格子，然後放一隻老鼠進入迷宮，第一次的時候，老鼠先找第一個，再找第二個，最後在第三個格子中找到了，很高興。第二次的時候，先找第一個，再找第二個，又再第三次的格子中找到了，很高興。第三次的時候，老鼠直接去了第三個格子，找到奶酪。第四次，第五次，奶酪沒有動。第六次的時候，奶酪被移入了第一個格子，老鼠看不到奶酪，於是生氣，鬱悶，焦躁，原地打轉，卻放棄了繼續尋找。

人和老鼠一樣，甚至比老鼠更加的具有慣性，更加的善於總結規律，更加的容易感覺生氣和不爽。一旦他學會了用一個按鈕，第二次一定會去原地按照原來的方法使用。如果位置或者方法和以前不一樣，他會很不習慣，並且認為這是一個非常不爽的改變。所以如果產品經理要改變原有的規律一定要三思再三思，即使你知道你是在讓原來的過程更加的美觀，更加方便，更加的絢麗，也請考慮到原有老用戶的習慣。在吸引新用戶的同時如果讓老用戶少去學習是產品經理需要綜合考慮的問題。

2、我就是全部

用戶：「你們的平台真爛，我商品的顯示全部錯了。」
客服：「親，別人的都是好的。是不是你設置錯了？」
用戶：「別人和我有什麼關係，我的商品顯示出來就是錯的！」

看上去蠻不講理，但是每個人都是自己世界的國王，他對他自己全部的負責，所以當我們很輕易的說少數人的時候，也應該去體會這少數人的全部世界，他和我們關心自己的kpi，關心自己的晉陞一樣關心著自己的小店舖，對我們來說的滄海一粟，對他們來說也許是他們最珍惜的珍珠。承認彼此的平等，也正是這些微不足道給出反饋的用戶幫助淘寶一而再再而三用戶體驗的改進，他們是我們最優秀的不取工資還不斷幫我們提交bug的用戶測試工程師，對於如此無私的行為，我們是應該感謝了？還是感謝呢？還是感謝呢？

3、第一印象很重要

用戶：「你們應該提供一個**的功能。」
客服：「親，我們有了。在**的鏈接上可以鏈接進去。」
用戶：「我之前用過，一點都不好用。」
客服：「我們改進了，你再試試。」
用戶（一段時間之後）：「我就說過不好用，你看看，還有***都不是我想要的。」

第一印象一旦形成，接下來所有的關注力都是為了證明自己的第一印象是正確的。所以，不要責怪你的用戶不夠寬容，不夠擁抱變化，不能理解你持續的努力，是你在之前沒有竭盡全力去給他一個好的體驗，一個滿意的結果。所有單身的同學注意了，別隨便糟蹋自己的形象，很可能在某一個你沒有準備好的時刻，你的Mr right就出現了，然後你需要很長很長得時間去重塑你的新形象。

4、相信熟人

用戶：「我朋友說你們的這件商品很好，我也要一件。」

這是買一件東西最肯定的理由，經常在人多的地方聽到一堆的女生在說這樣的對話：「你的衣服很漂亮，在哪兒買的？」「在淘寶。」「快把鏈接發給我。」每次聽到這樣的言語都忍住不的微笑，因為成為這家有意義公司的一員而驕傲。感謝這些八卦的女生們，她們用言語證明了淘寶的價值，她們是淘寶最佳的代言人。

5、簡單

用戶：「能不能不要讓我回答這麼多問題，填這麼多信息。我只是想買一件衣服。」

剛開始的時候我們曾經想做成最簡單的產品，隨著時間的發展，隨著需求的深入，隨著問題的展開，我們經常看到的是一個複雜不堪的產品。然後用戶望而卻步：「知道嗎，我對你每一步的邁出和深入都需要勇氣和熱情。但是在得到真相之前，我不確定的我的這種付出是否值得。」所以，別讓潛力用戶在漫漫長途中放棄。是我們的重重關卡將他們拒之門外。

6、文字圖片結合

用戶：「能不能在文字上直接給張圖片？看著直觀漂亮。」
用戶：「能不能在圖片旁邊寫上文字，否則不知道是在賣什麼，幹什麼。」

人的頭腦分左腦右腦，右腦喜歡圖片、直接感覺；左腦喜歡文字，思考。有人喜歡右腦思維，有人喜歡左腦思維，作為產品的設計者，不用糾結，不用分類，讓用戶的2塊頭腦都得到充分的享受和利用吧。圖片文字合理完美的結合是對不同用戶最好的尊重。

7、金錢安全

用戶：「我把錢放在你們這兒安全嗎？你確定嗎？」
用戶：「你確定我的退款能成功嗎？我把貨退還給他了，錢能拿回來嗎？」

金錢永遠是讓人擔心的東西，金錢的安全一定是用戶的第一考慮，如果我們不能給他們金錢的安全感，我們就無法留住用戶，比金錢更加重要的應該是用戶的信任和信心，所以在金錢的安全和保障上付出任何的努力應該都值得。

8、搜索準確

用戶：「你們的搜索真差，我找不到我想要得商品。」
客服：「能告訴我你想找什麼嗎？」
用戶：「我就想要自己喜歡的東西。」
客服：「。。。」冷汗直冒中

也許我不知道自己想要什麼，但是你們應該知道我想要什麼。這是很多用戶的心理，我也是。永遠不要指責用戶的無理取鬧，就像不要指責女生的善變。如果你足夠把她放在心上，你應該會知道她喜歡什麼，想要什麼，會買什麼。她的每一次瀏覽，每次點擊，每次購買都在告訴你她喜歡什麼，想要什麼，這些都是她給你的機會，不要浪費。

9、保護私隱

用戶：「你們太過分了，你們把充氣娃娃讓我爸爸接收了，然後，然後。。。他還當場打開了。」

每個人都有自己的私隱和不想讓人知道的信息，不可以想當然的將這些信息透露出去，信任的建立很困難，需要很長的時間，信任的失去也許只是一瞬間，一個不小心的安全漏洞，一個不合適的需求，一次不小心的透露，我們就可能摧毀我們和用戶之前長時間建立的信任關係。珍惜用戶包括珍惜他提供給你的一切信息。

常想，作為產品我們應該把用戶放第一，作為員工我們應該把公司放第一，作為主管我們應該把員工放第一，可是這麼多第一，誰是真正的第一？問問自己的良心吧，你能坦然面對你所有的客戶、員工、團隊成員問心無愧，能堂堂正正說出自己所做所為所思所想，應該就是真正的成功了。

*轉貼文

分類良好的網頁設計是件很難實現的事情。一個好的網頁設計，不僅吸引眼球，也是實用的、直觀的、層級簡單卻足夠複雜到保持用戶的興趣。字體、色彩、空白與內容間的完美平衡可以構成一個非常好看的設計，你的用戶也會再次回來。而一個壞的網頁設計，會把你的用戶從你的網站上趕跑。

在設計一個網頁時，有許多地方會讓許多設計師誤入歧途。在本文中，我們會討論讓你的網頁設計很糟糕的10個原因以及如何解決它。

1、沒有足夠的空白

空白可以說是設計中最重要的一部分。它有助於防止用戶在瀏覽網站時變得疲憊，它可以在內容中劃出距離，而且它本身也看上去不錯。空白不是必須用白色的，而是，它僅僅是為其他設計元素提供間隔和緩衝的空間。

2、太多的字體

是的，我知道你剛買了一組5000個超級棒的字體，但為了你的網頁設計，不要一次性全部用完。一般來說，限制自己，只用少數幾種字體是個好方法，特別是對新手設計師。儘管你可以用襯線和無襯線字體混合出一種非常好看的設計，你也要知道該用在什麼時候、什麼地方，心裡要有計劃，否則，它看起來會很奇怪。

3、太多的色彩

背景一種顏色，內容文本一種顏色，鏈接一種顏色，頁頭和lightbox一種顏色，圖案和頁腳各一種顏色。這很好，因為它幫助區分了有用的內容。但是，多重漸變、幾種鮮艷的色彩和大量有鮮明對比的色調及飽和度，會破壞你網站的層次和空白概念。嘗試限制自己只用一種鮮艷的色調（如藍色），再搭配反相的單色（白、灰、黑）以獲得一個漂亮的結果。

4、沒有內容層次

用戶的眼睛喜歡有秩序的設計，如頭部包含導航和LOGO，特定內容使用lightbox，三列分欄，頁腳。它有助於在內心組織重要的信息，並引導用戶注意在你想讓他注意的地方。在傳統藝術中，新手們被教導色彩、價值和線性透視三原則和其他藝術指導。在網頁設計中，沒有特別命名的準則，但以直觀的方式組織你的內容是一條很好的經驗規則。

5、不考慮用戶的分辨率

是的，你的屏幕分辨率有2560像素，這非常好。但很多人還在屏幕上用1024像素的分率，有些還在用640*480或800*600。雖然這種分辨率的顯示器正在減少，但採用更小的分辨率的手機設備也來了。現在的網頁設計寬度標準是960像素，雖然沒有照顧到每一種分辨率，但在主流分辨率上可以呈現的最好。假如你希望面對大量的手機用戶，最好考慮一個手機版設計。

6、對比的問題

你考慮過閱讀黑底白字和白底黑字的不同嗎？你有沒有試過閱讀一下白底灰字？有些方式之所以比其他的更好，其原因就是這是一種眼睛感知到對比的方式。如果你很難舒服的閱讀文字，考慮一下改變字體大小或方式。

成為一個大師級網頁設計師：對比，對比，對比

7、同一件事情做的不夠多，或做的太多（過猶不及）

多重導航非常好，如一個在頁頭一個在頁腳。在頁腳加一個"返回頂部"的按鈕也很好。但是，太多指向同一目標的途徑會降低可用性。讓你的奶奶用下你的網站，如果她搞不定，想想哪些東西讓初次訪問的用戶拒絕使用這個網站。

8、不一致

一致性是網頁設計的關鍵。它是把網頁設計組織在一起的方式，可以創造一種緊密結合的感覺。在網站頁面互相鏈接的情況下，它可以幫助用戶把所有頁面都聯繫在一起。如果你在整個網站持續改變字體、大小和色彩，用戶很快會覺得不知所措。

9、沒有足夠的文字間距

與空白有關，文字間距有兩個部分，一個是字距（這個不能用CSS直接調整，可以通過一些高級技術解決），關係到字母之間的空白。一個是行距，可以用CSS直接調整，關係到兩行文字之間的距離。這些有助於區分行與段落，使用戶更容易閱讀文字。

10、貧乏的尺寸大小

標準做法是h1的文字大於h2的文字，頭部文字大於段落文字。盡量保持一致的尺寸，因為它有助於一致性（第8條）和內容層次（第4條）。保持文字的可讀性，但不要太大，讓字體的大小表現信息的重要性。還有，10像素以下的尺寸對大量閱讀的人來說太小了。

*轉載

功學社音響舉辦的PDX-11音響網路體驗活動，頁面設計上延伸原廠活潑戶外的感覺，再加上客戶要求的情境圖，來增加user印象，首頁flash部分加強音響撼動的效果，讓畫面整體看起來更有震撼力。內頁部分則因為有許多文字說明，所以頁面設計上走較為簡約的風格，讓user可以清楚而沒有干擾的閱讀完文字。

-WEBSITE-

此網站主要為台酒生技的新產品 麻油雞麵/花雕雞麵做官方的宣傳網站，希望營造熱呼呼的感覺～ps.這真的很好吃，大力推薦，可以買來吃吃看 ~

不過，這次的網站在設計上有些缺陷，在此也記錄一下，往後遇到此類問題，要有更好的解法。

缺點：

1.一開始設定的版面內容有限，導致新增內容時頁面呈現不好延長，一旦新增消息資訊過多，會有出現雙捲軸問題。

2.複合指定了Flash、div，以及fancybox的階層關係，讓頁面的延展受限更大。

3.公家機關會一直追加設計需求，頁面元素過多，再加上一開始的頁面設定有限，而有視覺混亂的情形，這點若是沒有頁面固定的限制，則可以避免。

-WEBSITE-

民國國民曆101年版，政府機關的案子，主要以水墨畫方式呈現，歡迎頁面為Flash有多花了點心思設計，但內頁部分的設計就比較一般了 

-WEBSITE-

現代產品設計團隊所要的一些客製化服務，這些在傳統大規模的塑膠射出廠價格昂貴且可能沒有時間製作，在小型的射出廠又要擔心溝通及能力上的落差，而加興塑膠將走往創意發想的路且同時擁有以前的製造專業，讓一些小成本的創業者或是產品設計師，更有效快速的看到成品。

我覺得這個構想很棒，現代產品已經越來越有設計感，加興的服務可以幫助有夢想跟熱情的年輕設計師。

版型設計上，以大方，明亮作為基調，大型banner強調加興的理想，三塊中型的banner則強調公司的專業，讓使用者更快找到提供的主要服務。

-WEBSITE-

跳脫一般醫美診所的甜美pink風格，用簡單俐落的方形，把各個區塊分隔開來，輔以一些Flash的動態效果，讓畫面不致於太單調。

-WEBSITE-

(形象結合活動版本)

愛買網站的版型設計，主要依照需求提供共三款，希望可以結合企業形象，購物，以及在台灣愛台灣的設計

(形象結合活動版本2)

(購物商城版本)