巨匠電腦分享Dinner Lab用大數據蒐集味覺 好評價

錚/

巨匠電腦分享Dinner Lab用大數據蒐集味覺

巨匠電腦評價好!

民以食為天,在餐桌上我們讓各式各樣的美食舒張味蕾。餐飲產業是全世界最誘人、最龐大、也最生氣勃勃的產業,從生產者到運輸者,從廚師到服務生,從雜貨店、超市到各式餐廳,從選擇餐點、用餐到結帳,從上游到下游牽涉層層環節。每個環節之間都累積了大量數據,平均消費、等候時間、餐廳溫度、會員卡使用率、社群網站互動狀況⋯⋯但是即使現在已是 2015 年,相較金融、科技或醫療業,餐飲業對於大數據的運用依然相當有限,但從另一方面來說,也表示它的成長空間依然很大。本文舉出幾個餐飲產業使用大數據的案例,從既有的餐飲業者自我革新,到新創公司發揮創意企圖重新形塑飲食產業,甚至顛覆人們吃食的習慣。

1508121041550.jpg

縮短排隊時間、選出黃金店址

科技改變一切,有些敏銳的餐飲業者已在內部開始自我改革,美國辛辛那提超市連鎖店 Kroger 就分析了幾百萬會員的資料,為他們形塑個人化的購物體驗,給予不同特質的人不同的促銷活動與獎勵。實驗歷經十年大獲成功,95% 的業績成長來自老顧客。此外,他們也利用數據適時在每個分店調整價格、監測、調整庫存,甚至也解決了結帳排隊的困擾。Kroger 在門上安裝紅外線感應器,並從歷史數據推測顧客平均購物時間,將結帳時間從 4 分鐘縮短到不到 30 秒。

走在科技尖端的星巴克,當然也沒放過大數據,利用會員卡追蹤數據客製服務體驗已是基本款。星巴克最為人津津樂道的是使用地理資訊系統(GIS)決定在哪開設新店,不少美國快餐店也用這種方式比對車流量、消費群體分佈、安全資訊、商業組成型態等其它相關訊息,在選店的過程中節省大量開支。同時,這個區位數據,還有一些特別的用途,比如星巴克就能根據氣象數據,預測是否有熱浪來襲,將星冰樂的促銷時間與之配合。另外,決定在哪間店的選單上加上紅酒時,靠著這些數據,也能立刻區辨出何處有最多高消費人群、高消費需求。

蒐集菜單,滿足挑剔的嘴

歐美的菜餚名稱經常落落長一大串,所有食材與醬料、配菜全部寫得明明白白,因其中譯之後產生濃厚的異國風情「高級感」,台灣網友也依樣畫葫蘆,把滷肉飯等街頭小吃惡搞成西洋超長版,用以取笑崇洋媚外的人。

不過,詳細的菜名,在大數據時代可是相當珍貴的資源。美國芝加哥新創公司 Food Genius 就靠著收集全美各地餐廳的菜單,協助餐飲產業確定價格、食品與行銷趨勢。根據 2014 年中的報導,已有 11 萬份獨立菜單、1630 萬道菜式掌握在他們手中,餐館老闆隨時都能了解與食物相關的關鍵詞與短語,某一菜式的平均價格,以及品項增減的狀況。

如此一來,如 Kraft 這樣的連鎖餐廳,就能準確在西南菜餚流行高峰前,迅速為消費者奉上印第安綠辣椒或凍雞翅前菜,而不是等到這股風潮過去才反應過來,那顯然只會變成菜單上的滯銷品。Food Genius 也從無以數計的菜單中,分析各種蔬菜與各種義大利麵彼此的速配程度,或者在不同的菜餚中雞肉該用哪些烹調方式,才會呈現最佳風味。

Food Genius 的客戶不乏美國知名連鎖超市或餐廳,除了前面提及的 Kraft,Safeway、可口可樂都使用他們出產的報告作為行銷與業務的重要參考來源。

用資料促成餐飲世界的「民主化」

若說 Food Genius 是蒐集菜單,那 Dinner Lab 就是蒐集你我的味覺。

Dinner Lab 在全美各地開設「快閃店」,每週平均開設 19 間,讓才華洋溢卻苦無機會發揮的廚師,為渴望嘗鮮的人們送上創意料理。在觥籌交錯之間,參與者還是得保持意識清醒,因為這畢竟是「實驗室」,每個人都需針對菜色發表意見、在意見卡上分別評比每道菜餚的創新度、口味、菜量、溫度、佐餐酒是否合宜等等,這只是一部分而已,你還得上網完成一些延伸的個人問題,例如,你的戀愛關係狀態、你偏好的飲酒模式、你怎麼判斷自己是不是一個專業的美食家⋯⋯

每次舉辦晚宴都會收穫 750-1000 個資料點(data point),有了大量數據之後,廚師便能按照所有人的意見,調整菜式,降低開店的風險。又或者,Dinner Lab 也承接如婚宴、團體聚會的活動,但不同於一般制式外燴,如果新人指定非要「鮮蝦玉米粥」不可,他們就能就能依據過往累積的大量評分,快速找到最擅長這道菜的廚師。

今年 Dinner Lab 計劃開設一間「由數據驅動的餐廳」,讓廚師可以在其中實驗 2-3 個月,平衡自己的思想與大眾的味蕾後,才自行開業。「權力集中在少數人手上,餐廳的命運不該被權威的美食家評論左右,我認為各式各樣不同的喜好都應該考慮,但是人才與機會在烹飪界終有很大的斷層,我們希望可以民主化這個過程。」Dinner Lab 創辦人 Brian Bordainick 這麼說道。

建造世界最大植物資料庫,準備顛覆整個食品產業

研製出植物蛋黃醬、因而受到李嘉誠、比爾蓋茲、Peter Thiel 等名人熱烈追捧的矽谷新創公司 Hampton Creek,去年從 Google 挖角資深數據分析師 Dan Zigmond,準備顛覆整個食品產業,就是這麼宏大的野心,說服他心動跳槽。

Hampton Creek 創辦人 Josh Tetrick 認為,人們既有的飲食習慣百害而無一利,不健康、不環保,還會製造剝削、污染、不公不義、龐大的醫療支出等延伸負面作用。作為改善食物的初步嘗試,他們研究了 287 種植物,從中做出 344 種雞蛋替代品,又分析了雞蛋的 22 種功能成分,及研究了近 1550 種植物的分子水平,最終自 12 種植物提煉蛋白質製造出人造雞蛋 Beyond Eggs 與蛋黃醬 Just Mayo。

這段過程可說是苦盡甘來,現在 Hampton Creek 則要更進一步,建立全世界最大的「植物圖書館」,依樣畫葫蘆,以健康的方式製造更多營養且美味的食物。但這何嘗容易,畢竟世界上已有 870 萬已知植物種類,遑論每種植物底下還有更多分類。

不過他們相信自己辦得到,如果這座植物圖書館能夠真正創建,就可以整理出植物各自的特性,進行分析解讀,尋找何種植物與植物之間的關聯性,農夫便能運用這些資料,種植有益地球的新形態經濟作物,之後交由科學家研製更多新的「植物性食物」,更健康、更便宜,且對動物與環境的影響更低。

巨匠電腦設計了程式/資料庫課程,教你程式設計、大數據分析與應用等等,快來巨匠電腦輕鬆學!巨匠電腦評價好!

文章與圖片出處: http://www.inside.com.tw/2015/07/02/big-data-in-food-industry

巨匠電腦簡介 | 室內設計評價-巨匠電腦報你知

電腦技能評價巨匠電腦社群誌

巨匠電腦的教學品質與服務態度,我覺得還不錯!

巨匠電腦好嗎Archives | 巨匠電腦評價

巨匠電腦分享開源資料庫Redis實戰經驗大公開 評價好

錚/

1508121033570.png
巨匠電腦分享開源資料庫Redis實戰經驗大公開

巨匠電腦評價好!

由於近幾年來Web 2.0網站與社群網站盛行,於是開始出現採用如NoSQL資料庫方案,解決網站的資料流量急速增漲的問題,並且NoSQL資料庫具備水平擴充能力,只要增加新的伺服器節點,就能夠不斷擴充。

而Redis是近年來出現NoSQL開源資料庫的一種,並且將資料存放在記憶體中,以提升讀取的效率。對於架設古典音樂串流網站Muzik Online的希幔科技而言,旗下網站需要應付大量的流量,採用Redis做分散式快取服務有其必要性,希幔科技總工程師曾義峰在Modern Web 2015大會中,分享使用Redis的實戰經驗。

Redis非關聯式資料庫替代品

曾義峰認為,像Redis這種記憶體式資料庫,主要的功能還是提供快取,而非完整的正規SQL關聯式資料庫替代品。以他實際的應用方式,全部資料還是放在MySQL,真正需要加快速度的資料,才會放一份在Redis裡面。

回顧Redis發展,直到最近才釋出的3.0版,加入了使用者期待已久的叢集(Cluster)功能,讓Redis進入另一個開發階段。因此,在官方還沒有叢集模組之前,就有第三方的外掛產品,例如Twitter自行開發的Twemproxy、以及中國廠商推出的Codis、Cerberus等方案。

相較於同為NoSQL記憶體資料庫的Memcached,Redis只會使用處理器的單一執行緒,因此,曾義峰建議,在建置上可以採多個Redis實例(Instance),以充分硬體資源。Redis使用jemalloc及tcmalloc模式降低記憶體碎片化的情況,而不採用Free-list或其他方法,是為了維持其簡單、單純、較有效率的設計原則,相較之下,Memcached採用預先分配的方式,較能有效降低記憶體碎片化問題,卻導致空間浪費的情況。

而Redis的長處,在於提供豐富的資料型態操作,例如Hashs、Lists、Sets、Sorted Sets、HyperLogLog等,並內建複寫(Replication)與叢集功能,以及能夠直接就地更新作業的特性。

Memcached與Redis有許多的架構上的差異,例如Memcached支援多個處理器核心和執行緒,較能充分利用現代處理器的效能,並且採用預先分配的記憶體池零碎空間,減少記憶碎片,而使得實際的記憶體使用量較Redis要少,以及記憶體分配壓力也同時減少。

以曾義峰自身的使用經驗,Redis與Memcached各有其長處,以數據量做分界,在10KB以下,或是10MB以上,Redis的效能比Memcached來得要好。

但是,基於Memcached沒有像Redis提供的硬碟持久化機制,無法防止雪崩效應(Thundering herd),因此曾義峰最後還是捨棄了Memcached。

他也拿Redis與另一套新興的記憶體資料庫軟體AeroSpike相較,AeroSpike雖然針對多核心處理器最佳化,並且同時能夠使用記憶體與固態硬碟為資料庫的存放空間等優點,然而,目前卻有容易資料丟失,以及有時候服務中斷的情況。

現行的Redis還不是相當的完美,例如經由演算法抽樣,刪除舊數據,卻有可能因為抽樣出來的是很新的數據,使得使用者提前被登出,而且,網站管理員必須透過使用者的回報,才會知道這個情況。曾義峰提出的Redis使用與設定技巧,對於計畫採用Redis的工程師相當有幫助。

雖然曾義峰因為Memcached與AeroSpike部分場景下有不能接受的缺點,因此他的選擇是Redis,但他也表示,沒有最好的記憶體資料庫軟體,只有適合自己的,最好以自家網頁加速需求,決定存放資料庫的容器,再選擇使用的記憶體資料庫軟體。

巨匠電腦設計了網路管理課程,教你MySQL、PHP等等,快來巨匠電腦輕鬆學!巨匠電腦評價好!

文章與圖片出處: http://www.ithome.com.tw/news/96109

 

手機APP設計-巨匠電腦,評價

3D多媒體動畫-巨匠電腦,評價

APPLE實務應用-巨匠電腦,評價

建築室內設計-巨匠電腦,評價

神評價 觸控式軌跡版失效 巨匠電腦分享兩招自救方法

錚/

1508121026310.jpg
觸控式軌跡版失效 巨匠電腦分享兩招自救方法
巨匠電腦評價好!

之前有提到家人送了我一台 2015 Macbook Pro 配備 Retina 顯示器,當然有最新配備的 Force Touch 觸控式軌跡板,就在前幾天遇到了一個狀況,下班回家要用電腦時發現 Force Touch 觸控板竟然無法使用兩段式按壓,當下我整個人傻了一下,後來拿去台灣蘋果授權維修中心求助,維修人員說,最近滿常遇到這種狀況,如果你也遇到這種狀況可以先用這兩招試試看,真的不行再拿去台灣蘋果維修中心求助囉!

方法一:清 PRAM

遇到一些小狀況我都會先清 PRAM 試看看,重開機後會聽到「噹」一聲後立刻按下 ⌘+option+P+R,這動作重複三次,如果清 PRAM 後 Force Touch 觸控式軌跡板還是無法使用的話試著第二招吧!

第二招:重置 SMC

因為 Force Touch 觸控式軌跡版如果在沒有過電的狀態下是無法使用的,像我遇到的狀況就是不知道為什麼開機後 Force Touch 觸控式軌跡版卻沒有正常過電導致無法使用兩段式按壓,Apple 官網上重置 SMC 的步驟如下:

在配備不可拆卸式電池的 Mac 筆記型電腦
若要重置 SMC:

  • 將電腦關機。
  • 將 MagSafe 或 USB-C 電源轉換器插入電源與電腦。
  • 在內建鍵盤上同時按下(左側)Shift-Control-Option 鍵以及電源按鈕。
  • 同時放開所有按鍵和電源按鈕。
  • 按下電源按鈕以啟動電腦。

在 MagSafe 電源轉換器上,LED 可能會在您重置 SMC 時改變狀態或暫時熄減。

如果上面兩招還是沒有的話,只能用最後一招:送去台灣蘋果授權維修中心請維修人員幫忙做測試檢修囉!(這時候大家應該都在螢幕前白眼我吧!)雖然還不知道為什麼 Force Touch 觸控式軌跡版會出現這種狀況,如果真的遇到趕快先試試上面兩招自救吧!

巨匠電腦設計了APPLE實務應用課程,教你iPhone應用程式開發、Mac視覺創意設計等等,快來巨匠電腦輕鬆學!巨匠電腦評價好!

文章與圖片出處: http://appleuser.com/2015/07/30/forcetouchsolutionway/

搶進10億貼圖商機 巨匠電腦LINE課程爆紅 | NOWnews 今日新聞

視覺設計-巨匠電腦,評價

巨匠電腦:不用手如何做視覺設計?

《巨匠電腦產業報》好厲害 素人貼圖紅.角色經濟創業商機 | 巨匠電腦評價

評價好 巨匠電腦分享楊仁賢開啟台灣3D動畫之路

錚/


巨匠電腦分享楊仁賢開啟台灣3D動畫之路

巨匠電腦評價好!

台灣動畫產業推動並不順利,有心嘗試的人往往被當成傻子,導演楊仁賢就是個例子。他憑著一股傻勁,帶著不到10個人的團隊花了6年時間,完成了台灣本土自製第一部3D立體動畫電影「桃蛙源記」。楊仁賢說,台灣的動畫產業始終不受重視,讓他很不服氣,他相信台灣絕對有人才與能力發展3D動畫,也希望自己跨出的第一步可以讓更多人對台灣動畫產業有信心。

◎台首部3D立體動畫「桃蛙源記」誕生

活潑好動的青蛙小黑蒙從小在媽媽的呵護下快樂長大, 沒想到卻遇上體型大上好幾倍的牛蛙來勢洶洶、侵襲他們的家園。另一方面,人類開著更巨大的「挖土怪獸」,將原本美好的家園變成一座座冒黑煙的工廠,讓「黑蒙家族」被迫離開原本的家園,尋找屬於他們的「桃花源」。

這是3D立體動畫「桃蛙源記」描述的青蛙故事,也是動畫導演楊仁賢花費6年的心血之作。

上一次台灣自製動畫電影登上大螢幕是1998年由王小棣製作、導演的「魔法阿嬤」,隔了16年後才出現「桃蛙源記」,還是台灣第一部本土自製的3D立體動畫電影。

這部動畫刻意將場景設定在台灣1970年代,有楊仁賢自己兒時的回憶寫照,許多台灣鄉下的自然純樸風景也都被畫進了「桃蛙源記」裡,而南投埔里本土蛙種「黑蒙西氏小雨蛙」,則成了整部動畫的主角。

導演楊仁賢說,為了捕捉各種類青蛙的形態,他特別向動物園借了許多青蛙,仔細研究牠們的行為,才發現原來養青蛙這麼累。楊仁賢說:『(原音)就觀察牠怎麼跳來跳去、牠的行為動作,養青蛙很累,超累!養青蛙怎麼養?第一個要先養果蠅,果蠅給誰吃呢?果蠅給蟋蟀吃,蟋蟀吃果蠅,蟋蟀養大之後才能給青蛙吃,它是這樣的食物鏈。』

◎迪士尼代工出身 踏上動畫之路

一頭捲髮,戴著黑框眼鏡,說起話來相當溫和的楊仁賢,從沒有想過自己有一天會走上動畫之路。

楊仁賢國中時的成績屬於後段班,直到進入泰北美工,遇上好老師,才建立他在美術領域的信心。高三畢業前,楊仁賢與同學一起報考當年迪士尼台灣動畫代工廠「宏廣公司」美術背景師,畢業後3天就立刻上班,期間曾參與唐老鴨、小美人魚、加菲貓、101忠狗等美國動畫角色繪圖,最後一年則轉進「宏廣」構圖部門,學習分鏡構圖及掌握動畫核心部分。

後來,楊仁賢離開宏廣,跑去廣告公司,工作也相當順利,但對於動畫始終有一份熱愛。在民進黨執政時期,政府喊出推動兩兆雙星計畫,數位動畫產業也是重點之一,當時,楊仁賢進入動畫公司,開始製作短片,累積了許多寶貴經驗。

楊仁賢說,幫老外代工動畫多年,心裡自然會遺憾「台灣為何沒有自己的動畫?」那時起,他就有了製作動畫的念頭。他說:『(原音)其實很早以前在作迪士尼的時候,一直在幫老外代工 一直想說台灣怎麼一直沒有自己的東西,這只是天馬空行空的想法,沒想到在20多年後被我實現。我的條件來講,就是因為有一個傻勁,然後也不知道會怎麼樣。』

◎栽入動畫領域 飽嘗社會冷暖

動畫是條艱辛的道路,楊仁賢透露自己甚至因此被人倒帳,就連爸爸的救命錢也都失去,當時他沒了工作、大兒子又剛出生,只能靠妻子養家活口。楊仁賢說,當時自己已經37歲,卻完全看不到未來,心裡充滿挫折感。楊仁賢說:『(原音)那個時候我就對這個產業很失望,覺得很用心在做,老是遇不到好的東家,東家都有問題,不是騙你錢、就是倒你帳,甚至惡言相向那樣,包括我的父親的救命錢也整個被倒掉了。那一年其實也是非常辛苦,就是我要當爸爸了,突然間就沒工作了,所以那段時間就過得非常慘淡,雖然中間很多小案子在接,但就會想說人生怎麼會走到這樣絕境。』

那段時間,楊仁賢陪著躺在病床上的父親聊天,父親得知他的狀況後,便鼓勵他既然要做動畫,就把事情做好。因此,楊仁賢決定爭一口氣,利用僅有的資源,咬著牙尋找出路。終於,皇天不負苦心人,藉由描寫青蛙生態的「HEYMON黑蒙」等3D動畫短片,讓外界看到楊仁賢團隊的動畫製作能力,有人願意出資,讓他可以跨出第一步,打造台灣首部3D立體動畫「桃蛙源記」。

◎6年心血 終出一口氣

楊仁賢坦言,當時他決定挑戰台灣首部3D立體動畫「桃蛙源記」時,其實沒有把握一定可以完成,特別是當他在尋求官方援助時,幾乎全被打回票,讓他相當灰心、失望,但也激發出非要完成不可的鬥志。

楊仁賢說:『(原音)雖然有些單位是不看好它,甚至嘲諷它,當然對我們團隊是很大的傷害,但是反而激發我那種鬥志,後來事實證明我這是對的。就在那麼所有物質欠缺情況之下,居然能夠完成,一個最沒有資源、最沒有可能勝算的一個小小動畫團隊能夠完成,因為比我們有更多資源的,其實應該可以更容易去完成,但是竟然變成是我們去完成。』

花了6年、斥資新台幣3千萬,終於完成了「桃蛙源記」。楊仁賢強調,雖然他飽受打擊,但過程中也獲得許多人幫忙,像是馬彼得校長率領的原聲童聲合唱團義務幫她們錄製動畫的3首歌曲,還有總統夫人周美青一路關心,甚至出席首映會表達支持,都讓他相當感動。

◎盼台灣動畫產業受重視

楊仁賢強調,他不敢說自己的「桃蛙源記」做得有多好,但絕對在水準之上,更重要的是他做出來了。

楊仁賢說,當全球都投入動畫產業時,在台灣從事這項產業的人卻好像過街老鼠,老是被當作騙子,讓他很不服氣。他始終覺得自己對台灣的動畫產業有一份責任,也希望「桃蛙源記」的出現能夠帶動大家對於動畫產業的關注,願意給這群人多一點支持與鼓勵。

楊仁賢:『(原音)因為我是覺得一個你對動畫從事一輩子,對這個產業的一個責任,因為這個產業從代工往下墜,墜到一個完全是跟過街老鼠一樣,講動畫,人家說你是騙子,我很不服氣!這也造成很多有志從事這一塊的人很大的挫折和很大的困境。我也期望這部片子能夠試著去帶動台灣的這個環境,雖然市場上一片烏煙瘴氣,但是還是會有人願意好好做一些事情,也請社會上有資源的人應該支援這樣的團體、這樣的夥伴,讓他繼續往下走。』

經過多年的堅持與努力,楊仁賢與他的團隊完成了「不可能的任務」,他的傻勁也為台灣動畫產業重啟新的可能性。只是,一個楊仁賢並不夠,台灣人才濟濟,期待未來能有更多楊仁賢出現,接棒為台灣動畫產業寫下更多驚奇!

巨匠電腦設計了3D多媒體動畫課程,教你3D動畫製作、多媒體設計等等,快來巨匠電腦輕鬆學!巨匠電腦評價好!

文章出處: http://news.rti.org.tw/news/newsSubject/?recordId=538
圖片出處: https://goo.gl/7j8Egv
https://goo.gl/hgFQNw

程式-資料庫評價巨匠電腦知識庫 | 程式/資料庫評價是巨匠電腦所有。巨匠電腦收集相關資訊於評價平台,讓 …

巨匠電腦 Archives | 巨匠電腦哈新聞-評價,電腦技能

【認證輔導見證】巨匠電腦學員評價巨匠電腦:大家庭般的學習環境

巨匠電腦評價-脫離媽寶族

 

巨匠電腦分享超厲害行動商務App UI設計秘訣 好評不斷

錚/

1508120938110.jpg
巨匠電腦分享超厲害行動商務App UI設計秘訣
巨匠電腦評價好!

  • 行動商務市場潛力無限

俗話說:「一機在手,希望無窮」,擁有一支智慧型手機或平版,就像擁有行動辦公室一般,不論身在何處都能快速處理工作。

而且別說是行動辦公室,在上面簡直就是一個小型生活圈:聊天、看電影、購物等等日常事物都能快速滿足,拿著智慧型手機或平版,彷彿讓你走遍天下暢行無阻。

智慧型手機和平版這麼夯,這也難怪許多電子商務網站都想砸錢投資,行動商務儼然已成為龐大的潛在市場,根據 eMarketer 統計,其在 2012 的全球成長率是 86%,且達到 250 億美元的市場(計畫能在 2016 年達到 860 億)。

行動商務是一個全新的平台,在某個程度上行動商務可說是個毫無邊界的領域。因此,這就是為什麼專門研究行動商務優化的 Baymard 機構共同創辦人,Christian Holst,投資將近一年的時間在行動商務的大規模可行性研究,以探究整個行動購物經驗,包括使用者對行動商務網路的理解、種類導航、搜尋、商品頁面、結帳程序等。

Christian Holst 的研究團隊測試了 18 個行動商務網站:1-800-Flowers、Amazoz、Avis、Best Buy、Buy.com、Coastal.com、Enterprise.com、Fandango、Foot Lockers、FTD、GAP、H&M、Macy’s、REI、Southwest Airlines、Toys “R”Us、United Airlines、Walmart。

但儘管測試了目前為止最大型的行動網站,但在測試的過程中仍發現有許多有待改進之處。以下提供的指導方針除了適用在行動版本,也同樣適用在電腦版。但要注意的是,行動版跟電腦版兩者非常不同,對電腦版而言,這些方針能幫助電腦版大幅提升功能,但對行動版而言,卻是做好行動商務最重要的基本原則,也是設計最困難的部分。

(以下文字以 Christian Holst 的研究團隊第一人稱撰寫)

  • 讓主頁面一目瞭然

問題: 當你進入主頁面,映入眼簾的是五分八門的圖像或過於簡單的頁面設計時,你還會有意願繼續瀏覽嗎?

如果使用者無法第一時間從主頁面上得到整體概念時,很容易降低使用者對網站的信任感,甚至無法順利買到所想要的商品。

根據測試,70% 的受測者第一次登入主頁面或產品目錄頁時,儘管已知道要從何找到特定產品,仍會先大略瀏覽感興趣的區塊,或者在找到想要的產品後,瀏覽一至兩個其他種類的產品,以便下單前先看看其他選擇,或者藉此來提升對網站的好感。

(上圖,受測者即便已在目錄區找到男裝選項,仍會先大略瀏覽整個網路頁面)

由此可見,第一印象非常重要,能否讓手機用戶第一眼就能在介面上找到他們想要的,即是決定成敗的關鍵,若覺得這樣說不夠具體,那從以下反面的例子來看能讓你有更清楚的概念:

過多視覺元素

避免在主頁放置過多且需要極大專注力的圖像元素,盯著頁面看久都會感到眼花撩亂。

Macy’s 商場的手機頁面即是最壞的例子:主頁面大約有 60%的圖像內容,而且至少有八種不同的元素在裡頭,看著看著都會造成眼睛的負擔。但這並不是說放圖像不好,而是建議將圖像調整到最適當的大小,如此不但有畫龍點睛之效還能抓住使用者目光。

(多數受測者看到 Macy’s 網路頁面,明顯都露出受不了的神情。)

不要再另開一個目錄頁面

第二個容易犯的錯誤,就是不必要地隱藏目錄導航,有一些網站只會簡單設個「瀏覽目錄」選項,點選後還會再另外新開一個目錄選項頁面,此種作法會造成使用者想看其他選項,還得多一層回到主頁面的步驟。

切記,這不是桌電,沒辦法一次開很多頁面還能方便瀏覽,最好的辦法應該是直接在主頁面呈現商品目錄的清單,讓使用者能立馬檢視。

(左圖,網頁直接在主頁面顯示所有的產品選項;右圖,因為商品種類繁多,用隱藏式清單的方法反而能方便使用者閱讀)

還有一點,不要用下拉式對話框呈現商品目錄。多數受測者明確地表示,手機螢幕已經很小了,下拉式對話框更只佔了全螢幕的 50%,而且要找商品時,還得先滑完整個清單才能找到(且看以下 Best Buy 的例子)。

造成此種問題的原因,是因為手機感應操控區域 (gesture area) 也只有一半的大小,受測者其實很難正確地控制滑動的速度,一些受測者還會將下拉式對話框介面元素與選擇過濾器(filter selection)混淆,沒有認出那其實是主頁面上的目錄導航。

(Best Buy 非但沒有在主頁面放上目錄選項,還把選擇目錄的選項放在下拉式對話框中)

  • 設身處地理解使用者對遺失資料的恐懼

問題:不知道到智慧型手機用戶是否都有使用觸控螢幕的困擾,很容易不小心就點到其他按鈕,造成原先打好的資料通通不見,還要重新輸入過,幾次下來後,說不氣也難。

要解決這樣的問題其實很簡單,永遠記得儲存使用者的資料,但這還需要有固態儲存技術、精細的測試、暫存資料的服務支援(大部份的手機支援 localStorage),因此看似容易,有許多網站卻都沒有真正成功處理過。

通常,使用者為了避免重蹈遺失資料的覆轍,碰到某些類別的元素時會非常小心,或者盡可能避開特定的互動,從下圖可看到,像那種要求使用者重開新的頁面這種舉動,都會讓使用者產生遺失資料的疑慮。

我們整理出以下情況出現時,使用者會產生遺失資料焦慮的傾向:

在結帳的過程中,受測者習慣都會在新的頁面點開連結,避免被無預期的頁面重載給干擾,上圖,受測者選擇 「Residence type」時造成頁面重載,使得受測者慌忙的上下檢視是否有資料遺失,在測試時我們發現到這類狀況一直重複出現。

受測者很怕遇到對話系統(system dialog),即便有許多人並沒有注意裡面得文字內容,但卻下意識認為只要點選「OK」就有資料遺失的風險。上圖,受測者在想要返回某個程序選擇票券時刻時,出現畫面中的對話系統,但害怕選擇後所有程序得重新來過,因而無奈選擇取消的選項。

受測者相信只要一離開結帳程序,就會打亂原有的資料,因而拒絕返回檢視其他商品。上圖,受測者考慮要返回頁面找其他花束,但害怕還要重新輸入資料而做罷。當然,儘管許多網站有記住用戶資料的服務,但並非所有網站都有,使用者只能在每個網站選擇最安全的做法避免資料遺失。


通常在結帳時,受測者會認為按到「返回」按鈕極端危險,只有在沒得選擇時才會點選,這是可理解的,畢竟有多數網站在點選返回後都沒有儲存使用者資料。但奇特的是,使用者普遍認為,如果是點選網頁介面上的「程序步驟連結」或其他「返回」按鈕,相對起來就安全的多。

因此,在結帳時,包括「程序步驟連結」或其他「返回」按鈕都非常重要,用戶者就不用冒險點選瀏覽器上的「返回」按鈕。上圖,受測者上下搜尋卻沒能找到返回的連結或按鈕,因而選擇瀏覽器上的「返回」按鈕。

有關用戶者對遺失資料的恐懼,普遍來說,使用者通常會對曾經遺失資料的網站有負面的印象,例如,如果點選「下一頁」(next)會讓輸入的資料遺失,受測者會盡量避免按到此按鈕,受測者甚至因此在網頁的每個步驟上都小心翼翼,害怕一不小心會再度引發慘劇。

簡單來說,就是一朝被蛇咬,十年怕草繩,所以,在技術有限下,萬一無法存留用戶者資料時,要如何才能避免「遭蛇吻」?

答案是,用警告使用者的方式,讓他們能事先被通知有資料遺失的風險。

(如圖,使用者想要離開未完成的頁面,系統出現恐有資料遺失的警告)

存留資料當然是最理想的方法,但是警告用戶並在慘劇發生前讓他們能有挽回的機會也是不錯的選擇,尤其對需要花費大量時間來儲存資料的系統特別有用。此外,警告用戶的方法,也可以適用在整體網頁和行動網頁的轉換間,儲存用戶者的購物車和結帳資料的狀況。

資料的存留很顯然是個複雜的問題,特別感受到使用者對此功能的不安全感,我資料存留的處理雖然微妙,但處理的好卻至關重要。

  • 在商品頁面的底端設立主按鈕

狀況:使用者很可能會將頁面底下的購物車按鈕誤解為「放入購物車」的按鈕,以為點選後,想要的商品就會被成功加入購物車中,殊不知網站已刪掉他購物車內的東西

大多數的受測網站在商品頁面都會有多種相似的主要動作按鈕(call-to-action buttons),例如有兩個「放入購物車」按鈕,一個在商品頁面的最上方或中間,另一個就是在底端。

而結果顯示,若在商品頁面只有一個動作按鈕,受測者容易遇到將頁面上方或底端的購物車圖示誤認成 「放入購物車」按鈕,而造成商品遺失的窘境。Best Buy 和 Amazon 即是沒有讓主按鈕能立即被注意到,而致使受測者誤會的案例。


(在 Best Buy 的頁面上,受測者就誤以為底端的購物車圖示誤認為「放入購物車」按鈕)

(在 Amazon 頁面,受測者犯了同樣的錯誤)

通常,受測者都會滑至商品網頁下方尋找 「放入購物車」的按鈕,因此考慮到受測者會有這樣的行為,為了減少對購物車圖式的誤解,在所有商品頁面底下加入二個「放入購物車」的按鈕。

如此一來可以讓使用者使用起來更順暢,讀完商品介紹資料後,滑到最下頁時就可以點選「放入購物車」,但如果商品頁面不長,設置一個按鈕就足夠了。

(如圖,使用者上下滑動很久才在中間找到加入購物車的選項)

  • 密切注意動畫跑馬燈

狀況: 跑馬燈上有商品打八折的訊息耶!等等 …… 不要跑得這麼快,我都還沒點到!

許多重要資訊都會在動畫跑馬燈裡出現,但光是要注意動畫跑馬燈簡直比登天還難。近一半的測試者對動畫跑馬燈都感到頭痛,對一些受測者來說,問題出在動畫跑馬燈跑太快,造成點閱的困難。


(受測者原本想點選「Mega Sale」,但因為動畫跑太快而點成「Bike Blast」)

在測試例子中,一名測試者欲點選讓他很感興趣的跑馬燈畫面,但因為跑馬燈太快速轉換到下一畫面,致使點選到錯誤的選項,有時候受測者會注意到此狀況,有時候則因為出現的頁面與想要的無關,而選擇離開網頁。

但有趣的是,在 Toys 「R」的測試案例中,儘管跑馬燈內有出現「前一頁」和 「下一頁」按鈕,卻都沒有一個受測者使用(如下圖)。


類似上述兩種問題,也曾都發生在早期(現在也還有)那種佔據整個頁面的跑馬燈,但隨著近幾年跑馬燈在行動商務裡竄紅後,進化成當使用者滑鼠停在某個選項上時就會停止播放,大部分還有指標顯示跑馬燈有多少頁面,甚至當跑馬燈跑太快時,用戶者還可以跳回特定頁面。

但麻煩的是,這些功能都不適用在沒有滑鼠操控的手機介面上。

(如圖,使用者在 Toys「R」Us 試圖找 Gift Finder,但卻發現只能在頁面上方的跑馬燈內才能看到)

但最關鍵的問題其實出在,大部分的測試者僅撇一眼跑馬燈的第一頁就不看了,有些還有可能再多瞧一到兩張的畫面,會有這樣的現象是因為,大多數的使用者急著想找傳統如禮品搜尋(Gift Finder)的導航系統來搜尋特定的商品,因此有人抱怨一些網站應該要設置像禮品搜尋這樣選項。

使用者會忽略跑馬燈的原因歸咎於:

1. 跑馬燈的內容看起來很像廣告,因而產生越多「廣告視盲(banner blindness)」的現象(意即人們忽視廣告的行為),在受測者中,就有一群傾向注意文字為主的導航大於圖像為主的導航。

2. 當使用者用大型的筆電或桌電瀏覽整個網頁時,比較能看主頁上其他選項,同時也能瞥一眼跑馬燈的變化。然後在手機介面上,有鑑於螢幕太小的緣故,跑馬燈會佔據一大部份的畫面,幾乎無法同時檢視任何導航或目錄選項和注意跑馬燈的畫面(其中一個還會不分超出頁面)。因此,如果使用者想要用手機看跑馬燈內所有選項,需要像影片剪輯那樣有充分的時間可檢視。

有鑑於絕大多數的使用者完全忽視跑馬燈的存在,只注意主頁面上的目錄和搜尋專欄,你應該要密切留意太過依賴用跑馬燈顯示重要內容,千萬不要讓它成為搜尋特定物品的唯一途徑。

  • 不要在子頁上顯示產品的資訊或圖片

狀況:能在子頁看到鉅細靡遺商品放大圖真不錯,但剛剛出現在主頁面上的介紹呢?怎麼不見了?

手機介面已經很小,要搞懂頁面範圍難上加難,手機頁面通常缺少細微但卻重要的頁面,例如一整套的導航區塊(俗稱麵包屑 Breadcrumb)、當前網頁的整體概要或是在瀏覽過程中都可看到的網址途徑,類似這種出現在整體頁面的範圍提示。

因此,有鑑於手機上缺乏頁面範圍的缺點,容易出現任何跟主頁面相關的子頁或子步驟的辨別問題,為了要察覺子頁面跟主頁面的不同,使用者要先搞動主要頁範圍才行。

(左圖,受測者想點擊圖片放大;中圖,放大圖出現在主頁面裡的子頁面;右圖,因為放大的圖示,受測者反而找不到主頁面上顯示的商品介紹等訊息。)

這樣的問題尤其在有提供圖片「放大瀏覽」選項的網站特別明顯,如上面 Amazon 的例子,將使面者引導到分開的產品子頁面,子頁面又尤其容易缺乏重要內容。

例如商品介紹、商品說明和使用者評論,沒有注意到頁面範圍改變的使用者會下意識猜測,此商品可能沒有提供這種相關資訊,繼而轉到其他產品區而與合適的商品失之交臂。

(如圖,Amazon 也用子頁面來呈現商品的細節介紹)

在手機上,尤其在分頁上,要理解當年頁面範圍著實困難。

取而代之的辦法,是直接在商品主頁面上顯示放大版的圖片、說明表格和其他相關的內容,也可以善加隱藏式的選項按鈕(點選按鈕會展開出各個內容部分),如此還可以避免太長的頁面,還有一種方法是直接在分頁上縮減附加的資訊或圖片,這不會有要另開分頁的問題。


特別在圖集裡,你可以用 「疊加畫面」(overlay)的選項,例如上方的 Foot Locker 例子,用疊加畫面的方法,使用者不但可以看到下面的商品頁面,又能方便回到原本的商品畫面。

  • 注意三個帳戶選項的設計和順序

狀況:訪客結帳(Guest Checkout)、PayPal 結帳、快速結帳?傻傻分不清楚,我只是想買個東西而已……。

在測試中,受測者在結帳時,會遇到如何使用訪客帳戶(Guest Checkout)或分不清楚結帳選項之間的關聯性的問題。

在手機上,使用者在結帳區塊有以下三種選項: 「建立帳戶」、「登入帳戶」和「建立帳戶」,這三個其實是分開的步驟(不像電腦網頁上可以合併成一個選項),超過一半的受測者會在帳戶選擇的步驟中,碰到選擇訪客結帳選項的困難。

很多時候,要不要註冊是個人的選擇,但測試者常會誤以為要註冊才能使用,讓人產生網站有強迫帳號註冊的嫌疑,因此,在網路介面上設置帳戶選擇的頁面和設置訪客結帳選項一樣重要。

如以下圖示顯示,幾個不同的設計會導致一些嚴重的誤會:

在 Macy’s 頁面上(左圖),受測者以為點選 「快速結帳」(Express Checkout)就能以訪客的身分結帳,但從中圖來看,很顯然是行不通的。因為「快速結帳」(Express Checkout)需要有 Macy’s 的帳戶,另一放面,右圖顯示只有一些人在頁面最下方發現 「以訪客身分結帳」的選項。

在多個網站如 Amazon、Toys “R’’Us、REI、GAP、BestBuy,受測者會在帳戶介面中,填空信箱帳號等動作(如上圖),在 REI 網站上,每一個受測者都會在尋找訪客結帳的選項之前,下意識直接在信箱空白處填上信箱帳號。

多數案例中,受測者在提交表格前會發現錯誤(通常在要填寫密碼時才會開始推論他們是否是在登入帳號頁面還是成立帳戶頁面),這樣的案例中,有些網頁甚至不會出現認證錯誤的訊息來提醒類似的錯誤。

Buy.com 的狀況更糟,大多數受測者更本無法理解四個結帳方式(登入、成立帳號、訪客結帳、PayPal 結帳)、兩個表格、三個選項按鈕和兩個主要按鈕之間的關係,最後花了大半天的時間裡清整個頁面後,都選擇 「以訪客身分結帳」的選項。

然後,在某些網站上可以看到一個叫做「使用我們的安全服務器登入」的按鈕,完全混淆單純想用訪客身分結帳的受測者,即便這種按鈕已被 Amazon 使用多年,甚至還被強調是最佳安全結帳方法的寫照,但怎麼會導紙如此嚴重的誤會?

原因在於用戶登入這部分,Amazon 並沒有提供訪客帳戶的選項,所以這樣的按鈕設計是成立的,但對那些只想用訪客身分結帳的受測者來說,無疑會造成誤會。


回歸到在測試中,一名受測者猜測頁面上唯一其他的選項用 「PayPal 」必定能連到 「以訪客身分結帳」的選項,但左等右等卻沒有任何動靜,原因出在 「Enter your eMail Address」的空格不可留白,然而卻沒人發現輸入格旁出現的 「必填」字樣(如上圖),通常受測者會多等一會兒看看網站是否都載入完畢,然後再重新點選一變,最後才會發現有「必填」的資訊出現在旁邊,而那些沒有發現認證錯誤的人,則會以為此網站不允許用訪客登入,所以只好另創一個帳號。

一個訪客分享他的經驗:「通常我會認為可以用『訪客結帳』登入,但是網站顯示我必須要填入信箱帳號,我根本不知道這個選項是做什麼用的,所以以防萬一,我選擇 『不是,我是新客戶』的選項。」

清楚呈現帳戶選項的程序和提供訪客結帳的選擇一樣重要,以下我們提供兩個重要的設計原則,以防犯了文中所指的錯誤:

1. 將把訪客結帳選項放在最上層。如此一來,使用者就不用多增加一個填入信箱帳號的步驟,(如果有需要,你可以在下一個步驟查詢使用者是否有帳戶,而且要確認他們並不是點選訪客結帳的選項進來的)

2. 把表格和說明分成 「訪客結帳」、「登入」、「新增帳戶」這三個選項。盡量讓他們可以在螢幕頁面中一目了然,省去上下滑動的必要。且外,在點選某個項目後,在選項下方展開表格和說明,清楚呈現出彼此的對應關係。

以下,可參考我們用以上兩個原則,將帳戶選項做歸類的範例。

(如圖, 訪客結帳放在最上邊,右圖則用隱藏式選項提供細節內容)

  • 字典功能差導致自動矯對大出包

狀況:我家是住在 Westheimer 街上,不是住在 Weathermen…,千萬不要把我的東西寄錯給氣象預報員呀!

通常,只要沒有出現在字典裡的縮寫、街道名、信箱帳號和同義字,都無法讓自動校對功產生功用,在受測者完成購買並提交出去時,我們發現許多這種錯誤輸入的問題存在。

(左圖,受測者在住址處填入 westheimer,卻被校訂成 weathermen;右圖,受測者沒發現錯誤提交而收到出現錯誤的通知。)

其中一個自動校對功能的問題是,受測者太過專注在正在打的資料上,根本沒注意到被校正過的部分,如果校正是正確的那就還好,但要是錯了那可就糟了,例如,在許多例子中,受測者沒注意到一個有效的住址被校對成無效的住址,就提交出去了。

一個網站沒有地址驗證的功能,除非使用者有確認訂單的習慣,否則很容易讓使用者提交錯誤的住址,畢竟,自動校對會把使用者的住址改成相似的單字,如上圖的 「Westheimer」被改成 「Weathermen」,正式的住址縮寫如 “Rd”則會被誤改成 “Ed”。

但千萬不要對自動校對功能失去信心,自動校對仍是輸入時的小幫手,所以不要急著解除此功能,只要審慎使用它就會有好結果,倘若真的遇到無法正確校對或碰到專有名詞如街道名等時,再考慮解除也不遲。

  • 讓填入框有足夠的空間可以填入全部的資料(在填入框上方置入名稱)

狀況:我家住址太長,無奈填入框太短,好想戳破頁面把它拉長!

當填入框太短以至於無法填入全部的資料時,使用者通常無法輕易注意到錯誤,而選擇讓系統做校正,容易有產生錯誤的風險。

(受測者表示,填入框太窄,沒辦法看到打好的文字,只好刪掉再重新輸入一便了。)

有鑑於手機螢幕太小,文件中的填入框都太短以至於使用者無法在提交前確認資料的正確與否,而且就算可以校正,也因為看不見超出填入框的輸入資料而做罷,多數人因此會有像是「無法確認信箱是否有打對」這種抱怨聲出現。

(左圖,填入框太短,沒有好好利用旁邊的空白處;中圖,United credit-card 填入框只允許輸入 15 個字元,但大多數的信用卡號都是 16 字元呀;右圖:信箱填入框太小,就算下面再提供確認也於事無補。)

看看 Amazon 和最早 REI 的例子,左圖中可看出填入框旁還有足夠的空白出可以拉長整個填入框,但其他兩個因為填入框名稱是靠左對齊,造成另一邊沒有足夠空間給填入框,在這例子中,應該要把填入框名稱擺在填入框上方,這樣才能拉成填入框的空間,方便使用者填入全部資料,填入框名稱靠左對齊只會出現在風景模式的介面中。

填入信箱或地址須要全螢幕的空間,勢必要調整填入框的大小以便顯示出完整的資料,例如 [email protected](通常 96% 的信箱和地址大多少於或等於 30 字左右)

  • 區分每個條列選項中的超連結部分

狀況:這個圖片好像可以點,那個橘色小標好像也可點,點來點去,怎麼都沒點不進我想要的項目!

在測試的過程中,受測者會有不知該點擊哪裡才能選到想要的項目的問題,更扯的是,有些網站還把項目列表擺快超出螢幕範圍了最上方,導致一名受測者還因此整個卡住而無法繼續購買的程序,不只如此,點擊項目不明確的網站也讓多數受測者一個頭兩個大。


(看看文字的字體和顏色,橘色字體有時是注標,有時又是商品名稱,你看得出哪個是可點擊的嗎?)


(如圖受測者嘗試要點擊最右上邊的「Lowest Fare」,認為這是用來選取航班的按鈕,另一個缺點是,此頁面的內容太長,會讓受測者不知該如何操作。)

(左圖,受測者出現不知該點擊哪裡才能繼續在 United’s Website 上瀏覽;右圖,受測者在電影時刻表看到 Buy 的按鈕,誤以為此電影只供在電影院上映。)

如上圖,受測者會搞不太清楚這些元素是否可點擊、不同點擊區域差別又在哪裡,最重要的,哪裡可以點擊來選擇想要的項目。避免犯以上的錯誤,以下是幾個不錯的推薦:

1. 讓所有元素範圍都設成超連結,特別是縮圖、商品名稱還有商品價錢這些,都要能方便點擊而且可以被引導至商品頁面。

2. 設計標題成連結

3. 在垂直空白處加上箭頭或類似的圖像作指示,告訴使用者整個條列項目都會引導你至下一個程序步驟。

4. 如果內容太長,考慮分開 「Buy Now」或選擇按鈕,因為很長的條列項目很容易被誤認為是資訊內容,而非可被點擊的存在。

5. 避免在不同點擊區塊使用同一種元素。

  • 設計行動商務網站大不易

不知這 10 個建議是否讓你有如何設計行動商務網站的頭緒了呢?行動商務是一個全新的平台,比起傳統桌電上的商務網站,行動商務上如商品搜尋、商品比較、多重步驟的程序等等的作業都要來得繁雜許多,這也就不難解釋在 IMB 報告中,平均轉換成行動商務的比例大略是電子商務比率的一半。

普遍來說,行動商務網站的特性越複雜,使用手機瀏覽網站的經驗就會與使用桌電的經驗有更顯著的不同,舉例來說,當你用手機瀏覽電腦版的網頁時,不是手機畫面有限要不斷放大縮小,就是要不斷上下左右移動才可以看清楚內容。

最惱人的是,因為點選的連結太小而不小心點錯,多次下來心裡就會 OS:「是想氣死我是不是!」,因此就有人因此提出獨立的手機版(行動版)網站和響應式網頁設計(responsive design)的概念:

 1. 獨立的手機版(行動版):手機版是電腦版的精簡版本,當你用手機上某些網站,網站會詢問是否要切換成手機版方便瀏覽。

2. 響應式網頁設計(responsive design):用一個版本就可以適用在其他裝置上,因為系統會根據螢幕大小自種調整內容設計。

當然,要同時維持手機版本跟電腦版本著實花時且複雜,尤其在內容、編碼和設計的維持上,更需要下把功夫,在某些網頁上,響應式網頁設計的確會是最好的解決方式,但這還是要取決於網站的大小和複雜度,還有自身組織能力的問題。

如果你想從專為手機設計開始做響應式網頁設計,在可維持性和使用者經驗層面來看,確實是不錯的選擇。

但要搞清楚的是,如果你現有的網站已經很複雜了,僅僅只是調整網站的比例到不同的系統上,是無法滿足手機版模式,但如果不想這麼麻煩,可能就考慮從獨立式手機版著手。

但缺點是,同時要維持兩個版本的內容和編碼恐怕既花錢又麻煩。雖然說要設計一個優質的行動商務網站需要大量的資料來源,而且要做得好還得投進大量的投資,但在這新的世代,這可是非常重要的機會,所以別在浪費時間和精力在二流的行動商業網站啦!

行動商務網站是一個全新的機會之窗,可以讓你在眾多競爭者多脫穎而出,還可以在這樣的市場中分到一杯羹,畢竟,行動商務在 2016 年可是會達到 860 億的商機耶!還不快把握一下!

巨匠電腦設計了視覺設計課程,教你響應式跨平台網頁設計、使用者介面設計等等,快來巨匠電腦輕鬆學!巨匠電腦評價好!

文章與圖片出處: http://goo.gl/9AjBXA

巨匠電腦課程教學中心

新學期最新課程 – 巨匠電腦-電腦補習班,學電腦

視覺設計評價巨匠電腦分析師 | 視覺設計評價分析師為巨匠電腦所設立。巨匠電腦收集相關視覺設計發佈於此 …

巨匠電腦老師APP達人評價學APP設計,讓人生從此不簡單 | 巨匠電腦