ui ux課程推薦、UI UX入門、UX課程 - A4行銷設計讀書會

第六場 總結 網站轉化uiux

思索網站的目標就能找出使用者是誰，
並開始推演使用者想解決的問題與情境 。
在複雜且多元的推演過程中，
將能找出詮釋網站內容資料的關鍵字，
創造網站更精準的可搜尋系統

轉化前
架站目的、使用者是誰、使用者調查、使用者需求、使用者的經驗與習慣、訪談目標對象、關鍵字調查、網站對公司的獲利模式、內部資源、如何創造更好的使用經驗、推測目標對象的情境、

轉化後
首頁、文章頁面、關鍵字系統、內容清單、關聯導覽、詮釋資料、網站架構、視覺設計、網站功能、網站符合及融入情境

第五場

全域導覽 局部導覽 關聯導覽 工具型導覽
導覽必然會塑造使用者找尋內容的方式。如果全域導覽和局部導覽設計的好，使用者就能輕鬆瀏覽網站。
好的網站導覽結構，必定能支援各種客戶的資訊尋求目標
1.尋找已經知道的項目
2.正在探索的使用者
3.還不知道自己需求的使用者
4.重新搜尋過去找過的使用者
如果你的網站搜尋相當出色，那使用者是不需要全域及局部導覽的，因為使用者只會使用 "關聯導覽"
如果有十個小時處理導覽，請花費9個小時在關聯導覽
關聯導覽注重兩種情況
1.使用者與該頁面成功互動後接下來將會發生的事?
2.如果頁面內容並非使用者想要的，將會發生什麼事?當使用者想離開網站時，是否有什麼連結可以留下他?

問問自己，使用者拿到他們想要的東西作什麼？
如果他們讀完文章，再給他更多文章連結
如果他們看完影片，在給他更多影片連結
讓他們能沉浸其中，你的業績就靠這一點
新聞文章看完後會有轉寄，討論，列印，書籤，最多檢視，最多推薦，最多轉寄等
Youtube看完後也會有分享，回應，類似影片等
購物車在購買時，萬一沒貨了都要能告知使用者下一步該如何，例如在旁提供該店家的聯絡方式等

工具型導覽
全域導覽忽略那些常見任務?如果不想瀏覽分類，會想要什麼連結?可能有登入，登出，帳戶，協助，聯絡，位置的連結跟搜尋。
全域和局部導覽 : 縮小內容目標
關聯導覽 : 連結相關內容，提供下一步
工具導覽 : 提供安置其他導覽無法妥善處理的連結
活用使用這三個導覽方式就能得到可用的網站

設計網站導覽的三大思考
1.內容如何組織
有時使用者會預期網站內容和功能組織，讓使用者按照內容組織的方式來導覽內容
2.使用者想什麼？
這個想要的問題相當重要，有時使用者的導覽方式會跟你規劃好的網站組織系統不見相同，我們必須了解使用者來目的並運用貼切的導覽方式，讓他們完成任務。
3.你想要使用者做什麼？
導覽應該協助使用者完成他們想要的事，同時也需要協助他們完成公司想要的業務，以達到導覽促進商業模式。

小遊戲
引起幼稚園老師帶小朋友來戶外教學的動物園導覽

第四場

主題 : 將抽象思考轉化具體的uiux
資訊架構主要在聊抽象事物。
使用者和商業需求告訴你每個人的目標，
情境和工作分析告訴你會以什麼順序發生，
角色行為告訴你誰為什麼使用網站。

在頁面設計上，當前任務跟下一步之間的平衡很重要。
消費、導覽、互動
並不是有類別就要有頁面，有些只是提供組織邏輯的解釋
決定好頁面時，請問自己這頁面的目的要作什麼?確定好每一個頁面目的後，思考每一個頁面必須能讓下一步得以取用
EX:FLICKR內頁有檢視下一張圖片、相同標籤圖片、檢視照片資訊、閱讀跟加上回應
網頁內部的下一步動作順序如何排列
1.能幫助多少使用者
2.多常發生
3.這個下一步對使用這跟業務有多重要
小遊戲
台北市週末幼稚園小朋友戶外教學觀察大象的推薦動物園
 

第三場

情境式網站如何影響你的UIUX
1.推測目標對象的情境 2.網站符合及融入情境

其實網站是一個說書人
想像一下，如果將使用者故事的情境運用到網站規劃時，那是一件多麼有趣的事情
久以前有個國王，他有十二個女兒，他們每天晚上睡在一個上鎖的房間。
但每天早上都會發現鞋子都因為跳舞磨破。
於是，國王發布只要有人發現他們晚上跳舞的地點，
就能選一位公主當妻子並繼承王位
但是，如果沒有在3天之間找到真相就處死刑

軟體工具沒有任何敘事成份，只有無盡的還原，跟各種規則的工具，如此複雜的狀況下，要如何確保使用者能有一定程度的喜悅?答案就在於了解使用者。
假象自己是角色，推策可能的行為與面貌
這項設計概念主要是讓你化身成目標對象，以及讓使用者驚喜若狂，最大的好處在於將對象人性化。
使用者這個模糊的目標，當你有特定的對象時，就可以開始思考他需要的事物，不需要或不能達到的東西，把這些東西，依優先程度排列後，許多問題就能明確簡單。

描述角色的行為面貌，讓網站符合目標對象的使用情境。在理想的情況下，他們會在網站上看到什麼?他們會想要什麼樣的網站資訊結構? 他們會點擊那裡?喜歡那些網站功能?
在訪談目標對象時，如果發現他們的生活背景中，有一些共同的事物或是經歷，都可以將這些列為描述角色的思考元素。這樣更能達到推論出來的正確性。
讓目標對象因為你的細心規劃，讓他們在生活中實現自己的理想
例如:
我正在規劃一個家庭保險的網站，發現到目標對象都有幼兒的共同點，推論他們都會有因小孩而有樣家活口的偉大目標，因此我在網站規劃了，公司幼兒福利互助活動等資訊，來串聯我的商業模式。

使用者的技術性技能
.年齡範圍，性別分布，人口調查 .網站工作流程 .使用模式(包涵商品)
.社會模式(在使用你的商品情境時，家人跟朋友的關係)
.使用者感興趣的競爭商品與非競爭商品 .常見的牢騷 .願望清單
.消費心理學，道德觀，價值觀，文化背景

第二場

網路搜尋像是一種看透你心思的魔法，在這魔法世界裡，只要輸入一些字就找出你要的資料，甚至比你預期更多更好的東西。反過來說，當你在規劃網站的搜尋內容，就像是在玩魔法一樣，要能創造看穿目標使用者的關鍵字跟背後的需求。

思考使用者在想什麼，讓他想的資訊來詮釋成我們的網站。在當他搜尋東西時，被我們有系統的網路規劃吸引住。兒童牙醫網站:1.繫唇帶2.兒童牙醫3.天生缺牙

在規劃網站時，千萬不要用龐大的資料嚇走使用者。要作清楚分類跟層次，而上層都能讓使用者猜出下一層的資訊，讓他們能快速找出想要的東西。

詮釋資料是系統組織的基礎，三大分類法
1.本質性:事物組成的詮釋資料。
2.管理性:對事物處理方式的詮釋資料。
3.描述性: 對事物性質的詮釋資料。網站最常使用的表現也是對seo最有影響的地方
描述性的詮釋資料或許是搜尋引擎跟瀏覽時最重要的資料，因為人非機器，我們只記得有興趣的事物，例如故事印象和情境。覺得哪個詮釋比較好1.約會地點2.北投區下班的上班族約會得網站資訊。

第一場

網站基本八大法則之一 /尋路設計
1.使用者在哪/清楚的網站表示
2.使用者在找什麼/自問希望客戶找到什麼
3.如何讓使用者找到/清楚標示並能預期希望的內容
4.他們看過那些地方/看過的連接作區別
規劃網站uxui時，你要能想辦法讓重點資訊躍出紙張，深深烙印在使用者的腦海。
1.使用者在網站上依靠辨識，而不是回憶
2.思考目標使用者的網站經驗與習慣
3.提供使用者在網站上的錯誤協助

網站使用者設計五個步驟
1.找出目標使用者
思考這網站是要給誰用?可以跟行銷部門溝通討論，試圖從中找出關鍵資訊。
2.和目標使用者溝通
在溝通中，並需思考使用者在運用網站時的環境，以及受訪者真正的問題所在。
3.替目標使用者設計網站
4.以目標使用者測試雛形
運用粗略的雛形，讓目標使用者操作看看，並在操作過程中確認基本概念跟流程是否正確
5.以目標使用者測試最終網站
準備好一切時，在給目標使用者在作一次測試。所以網站設計時，必須預留足夠的時間，來修正最後可能發現的問題

為什麼你的業務需要建立網站?
請您先找出目標使用者需求跟商業獲利模式之間的平衡點。理解你的商業模式，才能了解那些使用者的行動有價值，並進一步規劃網站的ux設計。
普遍網站的商業模式有五類
1.市集模式/集合賣家和買家並促進交易
2.廣告模式/相關的廣告收費模式
3.結盟模式/網站結盟創造流量或商機
4.社群模式/以社群概念來衍生後續的收費方式
5.訂閱模式/以使用者的日費，月費，年費等周期性費用
資訊架構跟互動設計不能分開，設計內容時想想互動，設計互動時想想內容。

1.造訪網站的三大原因
. 正在找某樣東西
. 正試圖完成某樣任務
. 殺殺時間
2.造訪者會問自己的四大問題
.我在對的地方嗎？
.這網站有我要的東西嗎？
.如果不是我想要的，那這裡有更好的東西嗎？
.我現在該作什麼？
3.網站製作要作的四大事情
.讓訪客輕鬆找到東西
.確認訪客知道他們的選擇
.讓訪客儲存，購買，找新東西

訪客來到網站時，組織架構會發揮兩大功能
1.為使用者定向
2.告訴使用者要去那裡? 讓訪客知道這就是你可以探索，購買，觀看，閱讀，分享的網站

每個網站都是你的首頁

四個項關鍵 - 幫助使用者找出他們想要的東西?
1.常見組織系統
字母順序，地點，時間，分級，數字，範疇，亂數
2.顯而易見的標籤
標籤不是用來宣傳品牌的地方，而是幫助大家找東西的路牌
3.看起來像導覽的導覽
如果是連結就讓它看起來像個連結，做成按鈕，畫底線，文字套上不同色彩。用來閱讀的文字和用來點擊的文字看起來應該要不同。
4.你現在在這裡 和 你剛剛在那裡 的標籤
讓使用者知道他們在網站中何處，從那裡來，要怎麼回去。

訪客到了網站，他們會自問是否還有更好的東西，有幾個方法能幫助使用者解決這問題
1.導覽路徑
告訴使用者在網站的所在處並顯示附近的內容
2. 叁見選項
提供路徑讓使用者前往相關品項。叁見導覽工具若同時提供到一定範圍相關品項的捷徑，及相關分類的路徑，將最為有效。

如果希望讓使用者能夠找到東西，就必須思考他們如何看待這些內容，並組織網站結構及內容分類。
以下有四個方法，可以得知一般人如何看待你的資料
1. 觀察他人:到實體店面觀察人的行為
2.研究對手 : 造訪競爭者的網站，思考他們的組織結構
3.搜尋日記 : 注意使用者的搜尋字眼跟習慣
4.內容卡片遊戲 : 現場實作