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

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

 

 

DSC_0248

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

 
跨界整合案例分享

另外,他也分享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是一個非結構化的問題,不是很有邏輯性的東西,學校學科裡面很少在教,要從平常做體悟,日常生活就在思考:「有沒有更好的作法?」

 

 

 

 

(原編撰 周怡伶,圖片提供/天地人文創,Jack Liao2016.11.15審編。網頁資料版權所有,未經許可請勿抄襲;歡迎分享轉載文章,並附上出處與網址,內容如有指正,敬請來信告知,我們將不勝感激,E-mail:[email protected]

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

 

 

 

跨產業精采100_社團BANNER

▲「跨產業沙龍」為全台最大的每週跨界交流論壇,是一個各專業人士的人脈交流與產業學習平台,由天地人文創旗下的天地人學堂於每週三19:00-21:30固定籌辦。每場次皆邀請三位不同領域講師分享產業工作與內容,一次瞭解三方產業,每位講師30分鐘產業分享(20分鐘演講與10分鐘Q&A),會後交流更能累積跨界人脈,以打造各專業人士的交流廣度與深度,累積跨領域合作與創新動能!

最新場次與報名連結

 

 

推薦課程

如何讓我的網站出現在搜尋結果第一頁?在手機、平板等行動裝置上,怎樣才能抓住消費者目光?以上都與SEO息息相關。什麼是SEO(Search Engine Optimization,搜尋引擎優化)?簡單地說,SEO就是透過關鍵字「讓搜索引擎認識你的網站」的方法,但SEO背後的行銷觀念與執行細節可不簡單。在品牌推廣、客戶開發還是銷售轉換上,SEO 均可為企業創造可觀的行銷效益;同時SEO更是建置網站的基礎,無論是官網、活動網站或是購物網站,在設計開發階段就必須考慮到SEO,然而大多數的企業均未具備這樣的觀念,導致網站後續推廣困難,耗費人力資源卻無法獲得期望的行銷績效。

 

BD內頁

 何謂事業開發(Business Development)?為何國內外頂尖公司都會優先錄取BD人才? 若想要瞭解事業開發(BD)職務角色要怎麼做?BD關鍵成功因素?又如何學會頂尖外商國際業務開發能力?國外市場多走向跨產業、跨國際文化、跨世代的訓練方式,在不同程度上強調教練手法,以強化高階團隊的身心靈強度,甚而以非結構式的商業設計思考訓練模型,來引導團隊找出自己的優勢,發展出下一波未來的商業競爭優勢。

所謂事業開發,指的是 Business Development,簡稱BD。近年國內外優秀廠商在求才上都有BD職務需求,為了能讓企業開發新的目標市場及建立更具有價值的商業模式機制,在廣大的國際市場裡,能擁有創造、整合其他業務、行銷、產品、服務等相關能力成為廠商企業優先挑選的指標之一。為各位參加的朋友培養國際級職場技能,增加市場洞察力,協助開創新事業!


天地人學堂為跨界薈萃學習平台,致力於傳遞台灣跨界知識與產業價值,提供各領域專業系列課程及工作坊,包含「商業經營」、「理財投資」、「數位行銷」、「程式應用」、「創作廚房」共五類,多方位提升職場工作者學習機會,增加不被取代的競爭力、生命感受力。快來看看有哪些精彩課程!

_平蝬_嚗踵帖

_訾_銵嚗踵帖

_萎_撱嚗踵帖

閮剛___嚗踵帖

程式應用

理財投資

講座沙龍

瀏覽所有_橫