巨匠電腦評價-圖形化使用者介面 增加體驗感

1507311111140.jpg
chu / 巨匠電腦評價 分享圖形化使用者介面!
近年來,許多企業除技術研發人員外,更會另有「使用者體驗設計師」的職缺(如雄獅旅遊網KKBOX),坊間更有許多課程與活動(如資策會ECX 2014),皆意欲藉由導入使用者體驗的思維,以使產品的設計能更加符合使用者所需!
那麼,何謂「使用者體驗」?
根據ISO 9241-210的定義(註一):「使用者體驗,是使用者因使用或預期使用之產品、系統或服務所產生的結果,包括其情感、信仰、喜好、認知、生理和心理反應等。」


而筆者所認為的「使用者體驗」,當在硬體產品大同小異的情況下,若要達到更佳的使用者體驗,似乎須靠軟體創意來達成!具體而言,可將其歸根「更直觀的呈現」與「更簡短的流程步驟」兩種做法!本文主要將對「更直觀的呈現」作介紹!
「圖形化使用者介面」與「更直觀的呈現」可說是息息相關,圖形化使用者介面(Graphical User Interface,簡稱GUI),即視覺化的人機互動介面,通常是由數個電腦圖像所構成之整體畫面,能供使用者直覺化地與機器互動,進而提供美好的使用者體驗,以下便舉兩個案例:

 1. Google的搜索引擎介面


Yahoo與Google的首頁介面

我們都知道Google的強項在於搜索引擎,於是相較於Yahoo首頁的七零八亂(誤),Google大膽使用減法,索性就只有斗大的Logo搭配搜尋列,使用者來此之後,便直覺性地輸入關鍵字,進行搜尋動作!而Google也對它申請了圖形化使用者介面的設計專利:

美國設計專利公告案第USD599372號的示意圖
(專利名稱:Graphical user interface for a display screen of a communications terminal,申請日期:2006/03/07)

2. Nike的慢跑App介面
 
Nike+ Running的App介面

平常喜歡跑步的,或許都用過Nike+這個慢跑App,筆者每次看到自己設定每月跑八次的任務,但打開App卻馬上發現「綠條總是大於黑條(請參閱左圖下方)」時,便鞭策自己換上跑步鞋,跑步時,更有動態之卡路里消耗圖的提示,能即時地了解運動狀況。當然,Nike針對這些GUI,也都申請有設計專利:

美國設計專利公告案第USD695756號的示意圖
(專利名稱:Display screen with graphical user interface,申請日期:2013/01/31)


美國設計專利公告案第USD675640號的示意圖
(專利名稱:Display screen with animated user interface,申請日期:2012/07/17)

台灣於2013年1月1日實施新的設計專利制度,其中,即開放圖形化使用者介面之設計保護(註二),然而,除宏達電(HTC)與宏碁(Acer)外,真正懂得運用的企業似乎不多,筆者即希望藉由以上兩個案例,以利企業了解怎樣的GUI是可以申請專利保護,重要的是,更要認知到能增進使用者體驗的GUI,才有被保護的價值!

註一:資料源自「Definition of User Experience from ISO 9241-210」一文。
註二:美國早已於1996年全面開放,中國於2014年方才適度開放,為何用「適度」又是另一段故事了。

巨匠電腦開設了手機APP設計課程,教你使用者介面設計、iPhone、Android應用程式開發等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.proguidescreen.com/?p=981
想要學: 手機APP課程

 

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

個人對巨匠電腦評價 – 痞客邦PIXNET

【巨匠電腦評價】使用者介面設計高手巨匠電腦分享UI設計趨勢

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

App開發困難在於設計的消費者心理-巨匠電腦評價

1508270914460.jpg
CHU) 巨匠電腦分享App開發困難在於設計的心

作者碎碎念:在經歷了十多年的服務端開發之後,我決定涉足移動開發。當時我預期我將遇到一些困難,比如說技術。但實際上,在進行安卓和 iOS 開發的半年時間裡,技術從來不是一個問題。不管看似先進實則老套的 Java,也不管詭異奇葩的 Objective C,這些都沒有讓我有太多的困惑。然而覺得難以逾越的是對於設計和界面的把握。

本文作者 Andrew,來源點融網微信公眾號「點融黑幫」。

習慣於大量配置腳本、功能開關的後端工程師很難一下子適應移動應用的要求,所以做出來的應用會讓人覺得充斥了各種功能,然而又難以找到如何正確使用這些功能的方法,並且界面的設計簡單甚至堪稱醜陋。這實在讓人覺得崩潰!那麼,展示到用戶面前的移動應用應該是什麼樣的?

  • 第一,內容

為什麼要使用這款移動應用,給一個理由先?內容!這是讓用戶做出這一決定的最主要的原因。

用戶在使用一款應用之前對其能做什麼都有一定的期望,如果用戶沒有辦法在第一時間內找到他所想要的內容,或者做不到他想做的事情,那麼他會在第一時間把這款應用刪掉,一方面移動設備的空間還是很寶貴的,另外一方面,現在用戶可以選擇的應用也實在太多了。所以我們不能含蓄地將最重要的功能隱藏在角落中,而應當直截了當地在第一時間呈現到用戶面前,甚至不惜使用引導頁之類的手段讓用戶盡可能快地了解他能在這裡做什麼。

微信在這方面做得非常突出的:聊天以及和聊天相關的通訊錄功能佔據了四個 TAB 中的兩個,其它各種功能,不是被擠到了單獨的一個「發現」 TAB,就是被零碎安排到了其它角落去。微信非常清楚地知道什麼是最重要的功能,什麼是附著在這些功能之上的。
從所有可用的功能中挑選出最重要和最適合在移動設備上使用的內容放入移動應用,是開始設計的第一步。

  • 第二,簡化

作為一個隨時隨地都伴隨著用戶的手持設備,它會佔據用戶大量的時間,然而這些時間是碎片的,長的不過幾分鐘,短的只有一瞥的時間。如何在這麼短的時間讓用戶得到他所要的信息,是幾乎所有移動應用需要考慮的問題。

從單個功能開始設計,其實不需要給用戶太多的選擇,用戶沒有時間、也沒有興趣來配置這個應用,所以在操作流程中的各種開關和屬性都是干擾用戶使用的枝枝蔓蔓。用戶沒有太多的時間浪費在閱讀冗長的說明、尋找所要的信息、按部就班地完成你指定的步驟。讓用戶的注意力能夠快速地集中到他需要完成的關鍵性任務上,這樣用戶才不會覺得使用這款應用是在浪費時間。

Uber 在整個叫車過程中,最少只需要一次用戶的干預,最大程度將用戶的注意力維持在他想做的事情上。這唯一的一次干預,就是用戶當時最想要做的事情:叫車。其它相關的操作,例如支付、確認,要麼在之前或之後處理,要麼利用定位等技術自動完成。
Uber 體驗:給中國人用的美國產品。一個界面只需要一條關鍵的信息、讓用戶做出一個動作,在絕大部分的情況下都是足夠的了。

  • 第三,精緻

然而「簡化」並不和「簡單」是同義詞。在功能上的簡化並不意味著簡單的界面設計,相反,為了能在狹小的移動設備螢幕上展示所需要的功能,精緻到極致的設計是非常必要的。

移動設計一直是在矛盾中前進的。簡化功能和操作,但不引起歧義和誤解,其實應用比任何時候都更想傳遞給用戶更多的信息。這樣通過明確的圖形、文字、控件等界面元素,充分利用色彩、佈局、行為等元素來影響用戶,這需要的不僅僅是高超的界面設計技巧,同時還要考量心理學等更加專業的知識。

另外一方面,精緻的設計讓用戶覺得愉悅,樂意在應用上多停留一秒——相對於原本用戶留給應用不多的幾秒鐘而言,這已經是很大的進步了——從而多一分機會讓他嘗試一個新的功能。精緻也是一個更加專業的體驗,對於應用以及應用背後的開發團隊增加了信任。

Timeline,一款新聞客戶端軟體,通過時間線將熱點新聞串接起來。清晰整潔的設計,可以讓人專注於內容本身,在閱讀過程中各種展示元素默默地提示著讀者,但又不打斷讀者的閱讀體驗。
準確並精緻的應用設計讓應用從用戶心目中的「可用」變成了「好用」甚至「最好用」。

  • 第四,技術

好吧,最後我們討論技術。這不是在說 iOS、不是在說安卓,而是在說新技術。

作為快速變化的一個科技前沿領域,在移動設備上使用最新的技術一向是不遺餘力的:觸摸、GPS 定位、拍照,這些已經普及到都可以被稱為「傳統移動技術」了;識別、NFC、氣壓、心跳,這些新一些的技術大家也都已經能耳熟能詳了。所有這些技術開始不斷影響我們的生活,也給我們的移動應用擴充了功能領域。不管是有意或者無意的,可以減少了需要用戶直接介入的交互,達到之前所說的簡化的目的。另外一方面,新的技術使得某些功能的實現成為可能,相當一部分的創新由此達成。
很顯然,現在還沒​​有到完全發掘這些技術潛力的時候,大量的新技術本身都尚在嘗試之中,因此如何在移動應用中合理使用這些新技術,將會是一個挑戰。

  • 總結

區別與傳統的桌面應用,移動設備獨特的使用場景和硬體特性,使得需要完全不同的設計思路和設計理念。為了能夠讓應用在諸多同類應用中脫穎而出,需要花費在設計上的精力將遠遠高於此前任何一個時代的應用軟體。

巨匠電腦設計了手機APP設計課程,教你應用程式開發、使用者介面設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://goo.gl/yXDu59
想要學: 手機APP課程

 

WebTalk-巨匠電腦好嗎、巨匠電腦評價

巨匠電腦評價

程式-資料庫評價巨匠電腦知識庫

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

關於一個水瓶座男生的決心-巨匠電腦評價好

錚/今年順利考取室內設計證照的兆志,終於可以拋開壓力,輕鬆的過生活。回想起當初聽完朋友分析巨匠電腦評價時,就決定去電腦補習班補習,從此就變得像考生一樣。回想那些準備考試的那些日子,不論是辛苦的或是開心的,如今都成為兆志心中寶貴的回憶。94年畢業至今,工作、考試這二件事不斷交替在他的生活中,縱然如此,兆志也甘之如飴,在巨匠補習班的日子裡,不僅幫助兆志完成心中的夢想,同時,也讓兆志遇見生命中的心目中的她。

外表瘦小的兆志,內心其實是個好強、自尊心強的男生,他不希望在職場落後人家太多,他向內心的自己宣示,絕對要考取的必勝決心。回想高中考大學時,因為分數恰巧分發到設計系,也因此接觸了設計。「大學畢業後,進入一間設計公司工作,所裡的同事對他都非常照顧,他們也鼓勵趁年輕時,繼續努力準備考試,因為當時在設計工作比較細瑣,所以,決定去巨匠電腦補習。在印象中,巨匠電腦評價一直在業界不錯,朋友跟同事也說巨匠電腦評價比其他幾間好,所以就去巨匠電腦補習了。

其實兆志是屬於柿子挑軟的吃的那種人,一開始挑最簡單的證照來考,那是因為他知道自己的實力還不足以應付,左思右想後,不如就去巨匠電腦補習班詢問,因為問得最快阿!水瓶座男孩的堅韌,不能怕失敗。其實兆志的父母親對於他當初跑去巨匠電腦補習非常不認同,因為他覺得有工作就好,何必再花這麼多錢去補習,也讓他的內心承受相當大的壓力。他是水瓶座,自尊心強,相對的,也就特別在意別人的眼光,偶爾他還會因為太在意而沮喪。

在補習這段期間,幸好有女友在一旁給予他支持和鼓勵,與他一同面對壓力。他幫他很多,並且帶給他歡笑。很感謝他的呵護與關愛,能在補習班與他相識是件很棒的事情。今年可說是兆志豐收的一年,考取設計師證照,享受成功的果實。

決心戰勝一切,兆志瘦弱的身軀裡,卻擁有驚人的爆發力,憑藉著堅韌的毅力與決心,克服重重難關,就算一路顛簸崎嶇也沒放棄過,他的成功典範值得我們效法,也祝福未來兆志的設計師生涯一路平順。

巨匠電腦評價王: 程式,資料庫

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

個人對巨匠電腦評價 – 痞客邦PIXNET

【巨匠電腦評價】使用者介面設計高手巨匠電腦分享UI設計趨勢

巨匠電腦產業報評價-素人貼圖紅.角色經濟創業商機 快分享歐

冠/Line貼圖商機巨匠電腦評價報你知,巨匠電腦接受TVBS訪問,LINE貼圖能進帳­近10億!巨匠電腦老師評價指出,有創意有想法,任何人都有機會靠貼圖實現創意夢!巨­匠電腦評價表示,透過素人貼圖爆紅.角色經濟創業商機,不只賣版權也開發周邊商品~更­多巨匠電腦課程

巨匠電腦評價: 視覺設計
建築室內設計-巨匠電腦評價
巨匠電腦評價: 建築室內設計
巨匠電腦評價實戰家: 認證輔導

《巨匠電腦產業報》高職有競爭力,為進入職場提早做準備!快分享歐

冠/巨匠電腦特搜發現,高職招生翻倍成長!巨匠電腦表示,畢業即就業已是越多人所在乎的,
巨匠電腦認為透過專業技能學習,讓自已學會多項技能已是趨勢~
巨匠電腦推薦,除了學校外,想學電腦補習班也是選擇之一。

巨匠電腦評價: 視覺設計
建築室內設計-巨匠電腦評價
巨匠電腦評價: 建築室內設計
巨匠電腦評價實戰家: 認證輔導