05.jpg
第五場

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

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

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

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

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

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

04.jpg

第四場

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

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

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

03.jpg
第三場

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

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

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

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

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

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

02.jpg
第二場

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

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

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

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

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

01.jpg
第一場

網站基本八大法則之一 /尋路設計
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.內容卡片遊戲 : 現場實作

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

UX.jpg

【UXUI課程實作工坊 】~ 視覺設計提升成uiux設計師

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

19424016_1527972567268425_8693043108547158401_n.jpg

主題 : 如何有效分析你的使用者

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

19030318_1511297285602620_2284197831402804438_n.jpg

100個網站規劃必備知識 分享主題 : 資訊架構

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

19105832_1515297985202550_1071735197851842944_n.jpg

A4行銷設計筆記分享

主題 : 行動影音廣告論壇

影音趨勢分析 碎片化的UX

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()

架站前要上的十堂課--最後分享總結

18222014_1472092999523049_8520410369889182124_n.jpg

第一場

文章標籤

UIUX課程 發表在 痞客邦 留言(0) 人氣()