16.6 C
Taipei
星期一, 10 月 26, 2020

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

Must Read

【故事x派對】2020.10.30-12.13 本...

走過街區,穿過門廊,讓我們閉上眼,嗅著大稻埕再令人熟悉不過的漢藥南北貨香氣。秋冬的夜,彷彿時空穿越,為當年最熱鬧的老房子點亮燈光。今晚,與你曾以為是「神秘物質」的「本草」,來場不一樣的邂逅!以Spice Your Life更貼近生活的「香料」為主題,透過不同的感官在充滿故事的大稻埕老房裡,進入獨特「本草」世界。(see more...)

獻給喜歡土地與藝術的你:5個臺灣藝術季的口袋名單,...

漫步在山林中、小徑旁、海潮邊,與作品相遇。透過作品,彷彿又更了解這片土地跟人一點,對於所處的環境的觀察與想法,又多了一點。下次要去什麼地方走走?跟天地人一起將5個讓你更親近環境的 藝術季 ,放進下次的出遊口袋名單中吧!#漂鳥197縱谷大地藝術季#桃園地景藝術節#基隆潮藝術#浪漫台三線藝術季#關渡國際自然藝術季(see more...)

【雲林x街遊季】老闆今天不想上班,只想帶你去虎尾小...

進到虎尾這個小鎮,立刻就能感覺自己的節奏跟著小鎮慢慢自在的氛圍舒緩下來, 走在菜市場裡是家長里短的招呼,街上是百工百業強強滾的生意聲,轉一個彎是幾步一見的古蹟,還有巷弄里人家廚房的陣陣燒菜香,這個歷經歲月但依舊生氣蓬勃的小鎮有夠適合花一個下午的時間來騎騎車散散步,順便聽老闆講個古,有吃有喝玩一個下午!(see more...)

跨產業沙龍為全台最大每週跨界交流論壇,每場次皆邀請三位不同產業專家學者與大家解構各領域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:[email protected] 瞭解更多:天地人文創/ 天地人學堂 專業課程與體驗活動 

- Advertisement -
- Advertisement -

Latest News

【故事x派對】2020.10.30-12.13 本...

走過街區,穿過門廊,讓我們閉上眼,嗅著大稻埕再令人熟悉不過的漢藥南北貨香氣。秋冬的夜,彷彿時空穿越,為當年最熱鬧的老房子點亮燈光。今晚,與你曾以為是「神秘物質」的「本草」,來場不一樣的邂逅!以Spice Your Life更貼近生活的「香料」為主題,透過不同的感官在充滿故事的大稻埕老房裡,進入獨特「本草」世界。(see more...)

獻給喜歡土地與藝術的你:5個臺灣藝術季的口袋名單,...

漫步在山林中、小徑旁、海潮邊,與作品相遇。透過作品,彷彿又更了解這片土地跟人一點,對於所處的環境的觀察與想法,又多了一點。下次要去什麼地方走走?跟天地人一起將5個讓你更親近環境的 藝術季 ,放進下次的出遊口袋名單中吧!#漂鳥197縱谷大地藝術季#桃園地景藝術節#基隆潮藝術#浪漫台三線藝術季#關渡國際自然藝術季(see more...)

【雲林x街遊季】老闆今天不想上班,只想帶你去虎尾小...

進到虎尾這個小鎮,立刻就能感覺自己的節奏跟著小鎮慢慢自在的氛圍舒緩下來, 走在菜市場裡是家長里短的招呼,街上是百工百業強強滾的生意聲,轉一個彎是幾步一見的古蹟,還有巷弄里人家廚房的陣陣燒菜香,這個歷經歲月但依舊生氣蓬勃的小鎮有夠適合花一個下午的時間來騎騎車散散步,順便聽老闆講個古,有吃有喝玩一個下午!(see more...)

【當代x移動】生根?移動的邊界 Liminalit...

「生根?移動的邊界」潘台明個展 一場結合了策展、...

【影像x良日激動所】Wild Out Video ...

野放季是由良日激動所策畫,台灣唯一專門推廣以非劇情敘事影像創作作品為主的實驗影展。影像是可以用"閱讀"的態度去觀看的。 期待觀者用感受性的方式去接收影像創作者那些如同寫詩一般的影像流動。並在台灣漸漸打開非劇情敘事影像這種影像創作體裁的能見度。 (see more...)
- Advertisement -

猜你喜歡

- Advertisement -