解析使用者體驗( UX )五大關鍵技巧,升級網站體驗!

0
1762

跨產業沙龍為全台最大每週跨界交流論壇,每場次皆邀請三位不同產業專家學者與大家解構各領域Know-how,第101場跨產業沙龍邀請到CAMEO卡米爾資訊產品經理彭其捷分享:國內外網站平台設計差異與挑戰、前端工程與相關執行流程剖析、UI、 與使用者經驗剖析、相關推薦工具與案例分享。

使用者體驗( UX )重要嗎? 當然重要! 「作為產品經理,我在公司的角色必須不斷溝通,確保合作的工程師、設計師之間的工作流程無礙」,CAMEO卡米爾資訊產品經理彭其捷說,「這幾年我們執行了許多有趣的專案,例如我們跟插畫家『翻白眼吧!溫蒂尼』合作,做了一個動感紅包,它結合了設計與科技,是一個跨界整合的產品,加入了擴增實境的技術,」他笑說,「如果過年時親戚朋友開始問『結婚了沒』、『交女朋友了沒』,馬上拿出動感紅包就可以轉移大家的注意力。」彭其捷接著提出「使用者體驗(UX)建立」的第一技巧:確認使用者經驗建立的方向。「很多人一開始問錯了問題,訂錯了網站的目標。」

跨界整合案例分享

另外,他也分享CAMEO替外交部一百二十個駐外館網站改版的案例,他將網站利用卡牌方式呈現,並導入UX概念,讓網站資訊更清楚,「這跟傳統對網站的認知不一樣。」彭其捷接著說,「我們也替教育部做『教育百科』的網站,比其他網站的流量高出十倍以上,中小學也有很多同學利用這個網站做資訊檢索。」此外,他也替詩人鄭愁予老師做個人網站,打上鄭愁予老師喜歡的字句「寂寞的人坐著看花」,「網站開台時,鄭愁予老師還在現場朗讀,這是我第一次大量接觸文學,而跨境整合也是做產品經理讓人感到開心的地方。」

接著他也分享了另一個專案,為台灣觀光組長「喔熊」吉祥物做了一系列產品,例如:「喔熊」貼圖、桃園機場燈箱、「喔熊」網站等等,「『喔熊』雖然是吉祥物,但是擁有很多粉絲,所以我們要想一個吉祥物,大家是用什麼方式去理解?大家希望知道什麼資訊?這些問題都會影響到我如何設計網站。」(推薦課程:臺北跨界設計日,用設計改變世界!)

jack1

 

使用者經驗建(UX)立五大技巧

一個系統、網站建設成功的關鍵技能是:需求訪談、系統分析與設計、使用者經驗的建立、程式設計、系統測試、系統部署、系統上線,「但其中有一個技能最容易被忽略掉,那就是『使用者經驗的建立』,導入『使用者經驗的建立』才能貼近使用者。」彭其捷用一杯咖啡舉例,「您願意花多少錢買一杯咖啡?」其實,同樣一杯咖啡放在不同包裝、放在不同的場合,價錢就會不一樣,也就是說,「透過使用者經驗改善讓體驗更佳,打造成一段美好的旅程,而這也是我們的目標。」(延伸閱讀:外商都在用的分析方法!「BCG矩陣」找出你的市場定位策略)

 

第一技巧:確認使用者經驗建立的方向。

「很多人一開始問錯了問題,訂錯了網站的目標。」事實上,不同網站有不同的設計風格,「像是檢索型網站的首頁會保持簡潔,行銷網站偏向Fancy一點,電子商務類型網站則會把所有資訊放在一起,讓使用者在一個捲動內就可以看完全部資訊。」cats

 

第二技巧:邀請使用者參與決策。「很多團體會由PM提出問題,但老闆說不同意見,其他人也有不同意見,設計師說設計師的、工程師說工程師的,陷入專家陷阱,殊不知使用者只會用一秒時間去判斷。」因此,彭其捷的作法是,每周至少找一個目標對象聊一次天,「老闆想要的東西不一樣會成功,必須考量使用者背景。」另一個做法是透過A/B TEST,讓數據說話。jack5

第三技巧:雛型設計。「做一個想像中的網站規格雛形,避免來回溝通不良所浪費的時間,」彭其捷的作法是「制定網頁WIREFRAME」,「大家根據一個具體的網站做視覺規格討論,才能夠有效收斂想法。」

 

第四技巧:前端工程。「前端工程師能夠打造極致使用者體驗,營造互動的效果,他是溝通團隊設計師跟後端工程師的角色,定義出網站怎麼被裝飾起來、怎麼做呈現。」彭其捷接著說,「前端工程師是個新興的行業,即使剛入行,月薪也有六萬到十萬。」

jack2

第五:行動優先。「目前有四分之一到三分之一的數據來自行動,」他接著說,「但不是每個人都有資源做APP,做一個APP動輒十萬到百萬,代替作法是用RWD做網頁在不同載具的呈現,雖然APP的執行速度還是比較快,但RWD的開發成本只有APP的十分之一。」

jack3

 

 

名言分享

LESS IS MORE.

 

 

 

01-300x46

UX

彭其捷(Jack):CAMEO卡米爾資訊 / 產品經理(數位平台與軟體設計剖析)

CAMEO卡米爾資訊致力於軟體產品研發,提供行動通訊與雲端網路服務,Jack擔任平台產品經理,負責平台組織與溝通,參與需求探查、UX設計、產品規劃、規格制定 、雛形建置、系統實作、系統測試 、收集回饋等等。曾執行專案如與台灣觀光局合作之經營最成功吉祥物之一「OhBear喔熊」、鄭愁予數位文學館、外交部全球資訊網與駐外大使館網站改版等,獲多家媒體報導。

 

 

 

Q&A問答時間】跨產業沙龍於每位講師分享後皆有精彩Q&A問答時間

Q:想要再深入了解UX,您會建議哪些訓練方法?
彭其捷:UX是一個非結構化的問題,不是很有邏輯性的東西,學校學科裡面很少在教,要從平常做體悟,日常生活就在思考:「有沒有更好的作法?」

 

> > >延伸閱讀:【跨產業】 Uitox 馬來西亞分公司Senior Account Manager洪儀雲:跨境馬來市場 電商撇步報你知
> > >延伸閱讀:【跨產業】文化大學推廣部MOOCs營運中心主任游弘宇:線上翻轉教育產業 9大商模創2600億產值
> > >延伸閱讀:【跨產業】汪達數位出版總經理董福興:電子書走向國際!W3C專家撰寫中文排版需求

 

(原編撰 周怡伶 圖/天地人文創,Jack Liao2016.11.15審編。網頁資料版權所有,未經許可請勿抄襲;歡迎分享轉載文章,並附上出處與網址,內容如有指正,敬請來信告知,我們將不勝感激,E-mail:service@tiandiren.tw 瞭解更多:天地人文創/ 天地人學堂 專業課程與體驗活動