16.6 C
Taipei
星期日, 4 月 11, 2021

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

Must Read

精彩盡興活一遭 !【橘子泥成人劇團】飛越那個杜鵑窩...

歡迎來到 橘子泥成人劇團 的世界,遇見理性又瘋狂的自己! 一群自以為正常的精神病患們,有著什麼樣的日常? 像警察一樣伸張正義,像歌劇院天后整天高歌… 盡興地活在自己的想像泡泡中…(see more...)

山中藏著一把琴, 【氛綠植藝所】王元祥 陶藝個展|...

本次個展將展出 王元祥 生活陶的幾個系列,藝術家也會在4月11日茶會親自演奏樂器,與來訪的各位一同分享他的創作養分。 陶藝家王元祥與山為鄰,在山中創作。山居歲月裡,山土就是養分,花果草木皆是朋友,琴弦是呼喚心靈泉源的樂音,而「陶作」,則是適性而為,抒發與滿足創作慾望的成果累積。王元祥山中木建的房子裡,牆上掛著南管樂器:拍板、琵琶、三絃、洞簫、二絃一字排開,他與夫人接觸南管音樂多年,視琴如命,古老清音是兩人之間情感融洽的樂符。(see more...)

分享五部全程使用手機拍攝的電影,你看的出來嗎?|T...

不久以前,使用 手機拍攝 電影做法被視為一種噱頭。但隨著時代的變遷,人們的看法逐漸轉變。手機攝影技術愈發先進,未來手機鏡頭上的發揮將越來越大。特別是手機外形小巧、操作簡易佔明顯地優勢,讓任何擁有手機和與想像力的人拍攝出獨一無二的電影。接下來,讓天地人為你介紹以下全程使用手機拍攝的電影,而你看得出來嗎?(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

精彩盡興活一遭 !【橘子泥成人劇團】飛越那個杜鵑窩...

歡迎來到 橘子泥成人劇團 的世界,遇見理性又瘋狂的自己! 一群自以為正常的精神病患們,有著什麼樣的日常? 像警察一樣伸張正義,像歌劇院天后整天高歌… 盡興地活在自己的想像泡泡中…(see more...)

山中藏著一把琴, 【氛綠植藝所】王元祥 陶藝個展|...

本次個展將展出 王元祥 生活陶的幾個系列,藝術家也會在4月11日茶會親自演奏樂器,與來訪的各位一同分享他的創作養分。 陶藝家王元祥與山為鄰,在山中創作。山居歲月裡,山土就是養分,花果草木皆是朋友,琴弦是呼喚心靈泉源的樂音,而「陶作」,則是適性而為,抒發與滿足創作慾望的成果累積。王元祥山中木建的房子裡,牆上掛著南管樂器:拍板、琵琶、三絃、洞簫、二絃一字排開,他與夫人接觸南管音樂多年,視琴如命,古老清音是兩人之間情感融洽的樂符。(see more...)

分享五部全程使用手機拍攝的電影,你看的出來嗎?|T...

不久以前,使用 手機拍攝 電影做法被視為一種噱頭。但隨著時代的變遷,人們的看法逐漸轉變。手機攝影技術愈發先進,未來手機鏡頭上的發揮將越來越大。特別是手機外形小巧、操作簡易佔明顯地優勢,讓任何擁有手機和與想像力的人拍攝出獨一無二的電影。接下來,讓天地人為你介紹以下全程使用手機拍攝的電影,而你看得出來嗎?(see more...)

你曾憧憬過歷史悠久的學術殿堂嗎?一同探尋世界古老大...

什麼是超越人類生命、歷久彌新的存在?汲取知識時,彷彿穿越時空與前人一同解開宇宙奧秘。然而,這些神聖的學術殿堂曾見證過,數世紀來每個知識迸出光芒的時刻,跟天地人一起探尋世界上排名前5並且仍在運作的古老 大學 吧!

你知道日本知名觀光景點富士山、美國黃石國家公園的 ...

世界上的 火山 大多都發生於板塊交接處,當板塊相互運動產生分離,地表下的岩漿湧上地表,降溫後形成岩石,岩漿、氣體、碎屑從地殼中噴出,再依地質結構的不同形成不同的火山類型。以下將介紹5種火山類型,你都知道嗎?一、層狀火山;二、盾狀火山;三、火山穹丘;四、火山渣錐、五、破火山口。
- Advertisement -

猜你喜歡

- Advertisement -