標籤 手機APP課程 下的所有文章

14個讓APP評價提高的秘密!巨匠電腦分享

朱/

1508250926450.jpg
巨匠電腦分享設計App該問自己的14個問題 巨匠電腦評價好!

本文編譯自 Facebook 產品設計總監 Julie Zhuo 發表在Medium的文章,通過對於評價產品的每個步驟的介紹,旨在幫助產品經理更好地理解用戶,提升自己的產品直覺。

提到產品評判(Product Critique),我們常常能想到白板上各式各樣的箭頭圖表以及「產品 – 市場契合度」、「價值主張」等一些抽象的概念。在面試中問出這樣的問題聽到的也多是充滿專業術語的回答。

但是實際上,評價一款產品就是要說明白為什麼有些產品的用戶體驗人們喜歡而另一些人們不願買單。

產品設計不是一項天生的技能,需要設計者形成對產品良好的直覺,即對於用戶喜歡什麼樣的功能,什麼樣的產品會成功有著敏銳的第六感。這需要設計者把握住兩個核心原則:

1. 理解人們的需求
2. 理解人們是如何對事物做出反應的

通過感知身邊一切新事物可以更好地磨練自己的產品直覺,體驗一款新 app 就是一種很好的方式,從應用商店下載 app,打開它,使用它,開始你的產品評判吧。

  • 使用之前

1. 這款 app 是如何吸引到你的注意力的?

是朋友推薦嗎?他為什麼推薦給你?還是你在一篇文章中看到了這個 app?如果是,是什麼促使你去找到這款 app 下載它?它的圖標或名字吸引了你嗎?你以前聽說過它嗎?聽說過幾次,為什麼當時沒有下載而現在下載了呢?

2. 在使用之前給這款 app 一句話評價,你會說什麼?

對比使用前後的評價將會非常有趣。

3. 你現在對它的感覺如何?

你覺得它會流行嗎?它有用嗎?你下載這個 app 時看過評分、評論和描述嗎?

你對一款新 app 的第一印像有助於讓你更好地理解一款 app 的“價值主張“、市場營銷以及產品背後的團隊想要營造一種什麼樣的印象。

  • 開始使用

現在打開這款 app 開始把玩它。盡量按照正常的使用時間來用它(可能是幾分鐘也可能是半小時),然後問你自己以下幾個問題:

1. 產品的開始界面或註冊體驗怎麼樣?

是很簡單的按幾個按鈕還是有一堆複雜的驗證步驟?

2. 這款應用在最初怎樣引導使用?

它是否清晰地展現瞭如何使用?引導界面友好嗎?你看介紹信息嗎?會不會因為介紹信息又長又無聊而略過它們?

3. 這款 app 的易用性如何?

你能立刻明白怎麼使用,還是得研究一下才行?app 裡有很多引導流程,還是整個感覺都很熟悉和簡單?

4. 使用這款 app 時整體感覺如何?

是輕鬆愉悅還是因為找不到返回按鈕而很沮喪?這款 app 讓你感到更智能和高效了嗎?有沒有發現讓你驚嘆的小細節?

5. 這款 app 符合你的預期嗎?

想想你原來希望這款 app 做什麼,實際使用中,它達到你的預期了嗎?如果是以內容為主的 app,其中的內容你感興趣嗎?如果是工具型 app,那麼它解決實際問題了嗎?

6. 你這個 app 上花費了多長時間?

使用時間與用戶興趣直接相關,如果你花的時間很長,那麼是什麼原因呢?

大部分人對於產品的印像都是在頭幾分鐘內形成的,回顧這個過程能夠讓你更好的理解一款 app 是如何創造價值,如何方便使用,如何讓人感覺到開發者的用心。

  • 再次使用

第一次使用 app 之後的幾天甚至幾週的時間也非常重要,能夠讓你看出產品的持久度和成長性。

1. 你多久用一次這個 app?什麼時候用?是什麼促使你打開它?

是因為通知推送?還是因為周圍的朋友都在使用和討論它?你越來越離不開這款 app 還是它成為你實現目標的障礙?它能否成為你日常生活習慣的一部分?為什麼?

2. 這款 app 與其它類似 app 相比怎麼樣?

哪些地方做得更好,哪些地方不好?你為什麼願意選擇這款而不是另外一款 app?

3. 其他人怎麼看這款 app?

看看人們在網上是如何評論它的,你身邊的親朋好友是如何使用它的?別人的評價與你的看法吻合嗎?如果不一樣是為什麼呢?

4. 基於你所了解的這些,你認為這款 app 在一年後會發展成什麼樣?

把你的真實想法記錄下來,儲存好對於日後的總結分析非常有用。

5. 一段時間以後,看看你之前的預言是否正確

如果沒有,為什麼?你的個人喜好與市場表現有什麼不同?你一定要理解這一點,這樣在未來你才能合理的修正你的看法。


開發一款優秀的產品沒有捷徑,只能通過細心的觀察和學習。在體驗每樣新事物時都自問一遍上述問題,你就能更好地判斷什麼樣的細節會導致什麼樣的行為。

偉大的產品絕不是偶然的,一流的設計師和產品人能夠讀懂人心。他們從很久之前就開始仔細觀察和研究人,包括他們自己,他們理解為什麼成功的產品或服務會成功以及為什麼失敗者會失敗。

這個過程不一定是在做產品評判,不必是測試或者面試提問,不是別人硬性的要求。僅僅是因為他們足夠感興趣、好奇,願意一遍一遍重複這個過程,最終才能夠開發出優秀的產品。
巨匠電腦設計了手機APP設計課程,教你應用程式開發、使用者介面設計等等,快來巨匠電腦輕鬆學!巨匠電腦評價好!

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

 

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

巨匠電腦評價 | 好評價包含巨匠課程的工業設計、app設計、學習見證等電腦新鮮事

巨匠電腦好過份 / 教育訓練與專業認證一般區 / 程式設計俱樂部

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

神評價!超強介面設計!巨匠電腦分享介面設計趨勢─動畫效果

錚/

超強介面設計!巨匠電腦分享介面設計趨勢─動畫效果

動畫效果對使用者而言,是帶來獨特體驗的重要手法之一。所以我們除了關心使用者體驗、視覺設計與功能之外,也要開始注重它。2015 年的動畫效果主要有兩大趨勢,其中之一是將有更多改善傳統介面與流程的動畫工具出現,另外就是瀏覽器或裝置上的效能提升。

1508040909060.gif

為何需要動畫效果?

雖然應用動畫在互動設計中已經不是新玩意,但今年開始動畫效果將會更大量的應用於網頁、系統或app上,並帶給我們更多創意的啟發。事實上,有意義的動態效果在介面設計中可扮演許多角色,例如協助引導、提示脈絡、互動性、趣味性與愉悅感。反之,過多的動畫或不協調的轉場效果可能會破壞或失去原本好的體驗。

好的動畫效果有甚麼要點呢?在於使用者是否可藉由真實世界的行為或現象聯結產品的操作行為,如:慣性、速率(speed)、彈性或速度(velocity)。

優秀的作品常運用漸變等動態效果來傳達故事與功能。

 

動畫效果的導引原則

Google 提出的 material design guidelines 中提出這樣的觀點:開始思考動畫效果能扮演怎樣的角色,是一個改善體驗的起點。

感知物體的具體(物理)形式可幫助我們理解如何操作它。觀察物體的動作可以告知我們它是輕是重?是軟是硬?是大是小?

當我們在設計選單系統(menu system)或視覺元素時,這是一個需要關注的點。

 

物體進行移動時,應該考慮真實世界中的物理現象。

介面不應該讓人感覺明顯地機械性,要應用真實世界的運動法則,這樣有助於使用者認識數位環境並與之互動。

漸變是最基本的動畫手法之一,但一個 app 要能討使用者歡心,其效果必須是協調、不突兀的。

例如:一個選單 icon 協調地變成箭頭播放鍵,就是一個讓使用者驚喜的好方式。
這邊有幾個網站,應用不錯的動畫效果與手法,提供大家參考:

  1. Slavery Footprint
  2. Apple’s Mac-Pro
  3. Oakley’s MX Goggles

 

工具和技巧

儘管我們期待 2015 年有許多新工具的出現,但我們建議參考基礎的 Animator’s Survival Kit – 一個很棒的學習傳統動畫法則的資源。

我們使用 AE(After Effects)去呈現 UI 的操作方式與動畫效果。它可以製作出逼真的效果,來協助團隊理解完成時會如何呈現,同時也幫助我們探索更多概念。另外,也有一些快速製作原型的工具,如:Invision,此工具涵蓋基本的過場效果與動作,協助實現於你的 UI 設計。

 

後記

如何透過動畫效果,讓使用者獲得更佳的操作體驗這篇文張提出了判斷動畫效果好壞的原則:若取消動畫效果,使用者應該會感受到過程是不完整(美)的。若不會,則代表動畫效果就是多餘的。以下範例可解釋這原則。

 

1. 透過動畫效果傳達脈絡:

如果拿掉動畫,是不是會有人不知道要填電話號碼?


2. 搖頭, say No:

透過與真實世界的動作或現象做聯想,讓使用者更容易且深刻的瞭解網站所想傳達的訊息內容,如下圖透過左右擺動的動態效果來傳達使用者輸入錯誤的訊息,讓使用者馬上聯想到有人向他搖搖頭 say no,除了達到訊息的傳達以外還讓使用者印象深刻,感到良好的使用經驗!


3. 玩些小技巧:

等待總是漫長的,如何讓使用者有耐心的等待?加入一些動態效果有助於分散等待的注意力,讓等待的“感受”不是那麼的漫長,人們在等某件事時,時間過得非常慢。利用動畫效果讓使用者在等待的情況下,感覺上快一點。


4. 按鈕變化:

代表操作的狀態也改變,讓使用者可以很清楚地知道現在是什麼情況。


5. 如虎添翼的動畫:

雖然拿掉它對於功能上是沒有什麼差異的,但在使用者經驗上卻是大有差異。

這個動畫效果看起來很炫,讓使用者感到開發者追求完美並關注細節,情不自禁的會更加相信這家網站。

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

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

 

巨匠電腦,打破了我的不安心!

巨匠電腦退費經驗

令人意外的巨匠電腦退費過程

巨匠電腦幫我追夢

評價讚!變身超強介面設計師!介面設計趨勢─動畫效果

錚/

好的動畫效果有甚麼要點呢?在於使用者是否可藉由真實世界的行為或現象聯結產品的操作行為,如:慣性、速率(speed)、彈性或速度(velocity)。

優秀的作品常運用漸變等動態效果來傳達故事與功能。

 

動畫效果的導引原則

Google 提出的 material design guidelines 中提出這樣的觀點:開始思考動畫效果能扮演怎樣的角色,是一個改善體驗的起點。

感知物體的具體(物理)形式可幫助我們理解如何操作它。觀察物體的動作可以告知我們它是輕是重?是軟是硬?是大是小?

當我們在設計選單系統(menu system)或視覺元素時,這是一個需要關注的點。

 

物體進行移動時,應該考慮真實世界中的物理現象。

介面不應該讓人感覺明顯地機械性,要應用真實世界的運動法則,這樣有助於使用者認識數位環境並與之互動。

漸變是最基本的動畫手法之一,但一個 app 要能討使用者歡心,其效果必須是協調、不突兀的。

例如:一個選單 icon 協調地變成箭頭播放鍵,就是一個讓使用者驚喜的好方式。
這邊有幾個網站,應用不錯的動畫效果與手法,提供大家參考:

  1. Slavery Footprint
  2. Apple’s Mac-Pro
  3. Oakley’s MX Goggles

 

工具和技巧

儘管我們期待 2015 年有許多新工具的出現,但我們建議參考基礎的 Animator’s Survival Kit – 一個很棒的學習傳統動畫法則的資源。

我們使用 AE(After Effects)去呈現 UI 的操作方式與動畫效果。它可以製作出逼真的效果,來協助團隊理解完成時會如何呈現,同時也幫助我們探索更多概念。另外,也有一些快速製作原型的工具,如:Invision,此工具涵蓋基本的過場效果與動作,協助實現於你的 UI 設計。

 

後記

如何透過動畫效果,讓使用者獲得更佳的操作體驗這篇文張提出了判斷動畫效果好壞的原則:若取消動畫效果,使用者應該會感受到過程是不完整(美)的。若不會,則代表動畫效果就是多餘的。以下範例可解釋這原則。

 

1. 透過動畫效果傳達脈絡:

如果拿掉動畫,是不是會有人不知道要填電話號碼?


2. 搖頭, say No:

透過與真實世界的動作或現象做聯想,讓使用者更容易且深刻的瞭解網站所想傳達的訊息內容,如下圖透過左右擺動的動態效果來傳達使用者輸入錯誤的訊息,讓使用者馬上聯想到有人向他搖搖頭 say no,除了達到訊息的傳達以外還讓使用者印象深刻,感到良好的使用經驗!


3. 玩些小技巧:

等待總是漫長的,如何讓使用者有耐心的等待?加入一些動態效果有助於分散等待的注意力,讓等待的“感受”不是那麼的漫長,人們在等某件事時,時間過得非常慢。利用動畫效果讓使用者在等待的情況下,感覺上快一點。


4. 按鈕變化:

代表操作的狀態也改變,讓使用者可以很清楚地知道現在是什麼情況。


5. 如虎添翼的動畫:

雖然拿掉它對於功能上是沒有什麼差異的,但在使用者經驗上卻是大有差異。

這個動畫效果看起來很炫,讓使用者感到開發者追求完美並關注細節,情不自禁的會更加相信這家網站。

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

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

 

巨匠電腦讓我這樣的菜鳥都可以成為動畫師啦!

去巨匠學動畫,菜鳥也可以出頭天!XD

推!退費經驗分享 感謝巨匠電腦

巨匠電腦退費經驗分享

超厲害!【手機APP課程】巨匠電腦分享Yahoo CEO Marissa Mayer的三大APP設計秘訣

錚/

1507071405160.jpg
巨匠電腦表示,現在手機App使用已成為趨勢,根據國際研究機構Gartner統計,2010年手機應用程式(App)總下載量為82億次,2011年倍增到177億次,預估2016年App下載量會達到3000 億次,可以看出App設計具有龐大的商機。因此,為了因應未來趨勢,巨匠電腦特別設計了手機App設計的課程,來讓大家了解App的設計方法與祕訣以及實務應用。而以下是巨匠電腦分享Yahoo CEO Marissa Mayer的三大App設計秘訣:

財經科技 BI 首席記者 Nicholas Carlson 執筆寫了一本關於 Yahoo CEO Marissa Mayer 的書《 Marissa Mayer and the Fight to Save Yahoo! 》。該書詳細敘述了 Marissa Mayer 在 Yahoo 的所作所為,從早期試圖在 Yahoo 扮演 Steve Jobs 到更換 Yahoo logo。在這個過程中,儘管有一些挫折,但也取得一定的成就,比如應用程式 Yahoo Weather 和 Flickr。這本書也透露了Marissa Mayer 對 APP 設計的三大最高要求。

1. 兩次點擊原則 The Two Tap Rule

Marissa Mayer 所說的兩次點擊原則很容易理解,「一旦你打開你的APP,通過兩次點擊完成所有你想做的事情,如果沒有達到這個,重新設計。」 Yahoo 的圖片應用程式 Flickr 深受該原則影響。當你註冊後打開APP,無論是拍照、瀏覽相冊還是設置,都是只需要兩次點擊。這裏的意思是,設計界面簡單,不需要很多步驟。比如,你要拍照,無論你在那個界面,可以隨時返回來(點擊一次),實現拍照(點擊一次)。當然,如果還需要使用濾鏡等其他功能,就還需要點。

2. 五分原則 The 5-Point Rule

當初, Marissa Mayer 在 Google 工作,她會給每個設計師打分,每個網頁的字體,字體顏色和大小都會注意,任一種字型、字型大小、字型顏色算一分,一頁之中超過五分,那就該重新設計了。 Marissa Mayer 沒有把這種五分的原則運用在 Yahoo 的主頁上,實在太可惜了!

3. 98% 原則 The 98% Rule

Marissa Mayer 認為,每個產品應該設計成它平時 98% 使用時間的樣子。Carlson 在書中寫道:在平時的工作中, Marissa Mayer 喜歡用 Xerox 的影印機作為例子講解。其實,你可以通過影印機做很多事情,但是98%的人只是想利用影印機影印一些文件資料。這就是為什麼 Xerox 會在其產品上加上一個影印專用的綠色按鍵。 Marissa Mayer 認為,每個 APP 也應該有這樣的「綠色按鍵」,比如,Flickr 是一個是基於拍攝的社交媒體,擁有很多功能,但在拍照界面的底面採用了一個大的,圓形的的快門按鈕。

相比於相對複雜的 UI 或者 UX 那些原則, Marissa Mayer 所說的這三個原則都十分簡單直覺,讓普通人也能理解,而且可以在實踐中運用上。

有人說,雖然看懂了這三個設計原則,但是實在看不懂附圖,筆者表示:「藝術不是那麼容易看懂的。」

文章出處: https://share.inside.com.tw/posts/14793

 

【手機APP課程見證】巨匠電腦老師APP達人評價學APP設計,讓人生從此不簡單

巨匠電腦教你一天內完成App課程設計

【手機APP課程】巨匠電腦:App開發三大設計趨勢你知道了嗎?

【手機APP課程】巨匠電腦分享科技心理學:讓人成癮的 App 設計學

【手機APP課程】巨匠電腦分享,10種不同類型的移動UI設計模式

錚/

1507170905340.png
巨匠電腦分享,10種不同類型的移動UI設計模式。

本文源自《移動應用UI設計模式》一書,原作名: Mobile Design Pattern Gallery: UI Patterns for Mobile Applications,由郭曉龍整理發表於雷鋒網,原作者為Theresa Neil,Theresa Neil 是德克薩斯州奧斯汀市的一名使用者經驗設計專家(UX)。書中提供了70多種行動裝置應用設計模式作為參考。此書台灣翻譯本叫做《行動介面設計模式圖鑑-以視覺範例學習有效的介面設計模式》,由鄭巧玉 譯,出版商: 歐萊禮,出版日期: 2012-11-05,簡體中文版是由人民郵電出版社出版,譯者 : 王軍鋒 / 郭偎 / 武艷芳。

【編者按】@圖靈教育  推薦了《移動應用UI設計模式》(台譯:行動介面設計模式圖鑑 )一書,在書中用戶體驗設計師(台灣一般稱做”使用者經驗設計師”或用”UX”)Theresa Neil,介紹了包括反模式在內的10種不同類型的設計模式無論你正在設計一款簡單的iPhone應用,還是開發適用於當前市場上所有流行移動操作系統的應用,這些設計模式都能助你一臂之力。
要設計出優秀的移動應用,就要先了解目前不同操作系統下優秀的設計案例。這本書的書名很明顯是受“四人組”《設計模式》的影響,將改善編程質量的方法用在了UI設計上。
其中收集了大量的界面設計圖片(iOS、Android、BlackBerry、WebOS、Symian和Windows等系統的應用截圖),對於移動應用界面設計師來說,這無疑是筆巨大的財富,可以將它們作為創作的靈感源泉。

書中介紹的設計模式有以下10種。

導航(台灣一般稱導覽)模式:

主要導航模式和次要導航模式。

表單:

登陸表單、註冊表單、核對錶單、計算表單、搜索表單、多步驟表單、長表單。

表格和列表:

只顯示最重要的信息。

搜索、分類和過濾:

讓這些功能易於使用。

工具:

採用直接、輕量化的設計。

圖表:

借鑒基本圖表的經典設計理念。

視覺吸引:

吸引用戶並促使其發現產品功能。

反饋與功能可見性:

向用戶提供適當、清晰且及時的反饋。

幫助:

應該易於用戶學習,讓用戶快速掌握應用使用方法。

反模式:

標新立異、隱喻錯位、愚蠢的對話框、圖表垃圾、按鈕海。

巨匠電腦開設了手機APP設計的課程,除了iPhone APP應用程式開發、Android應用程式開發等等之外,為了因應行動裝置普及的趨勢,也有教授行動裝置UI的設計,快來巨匠電腦學習如何設計行動裝置的UI!

文章與圖片出處: http://goo.gl/aL388E
圖片出處: http://goo.gl/4jUbI9

 

【手機APP課程】巨匠電腦分享,10種不同類型的移動UI設計模式

【手機APP課程】巨匠電腦分享,跨屏介面設計的現況與未來

【手機APP課程】巨匠電腦:使用者介面設計的七個訣竅你知道嗎?

【手機APP課程】巨匠電腦分享科技心理學:讓人成癮的 App 設計學