Category: app設計

【巨匠電腦教學】很厲害Microsoft Word活用密技 不同章節不同頁首頁尾運用

冠/巨匠電腦-Microsoft Word活用密技 頁首頁尾運用 巨匠電腦密技公開!製作長篇文章一定要添加的頁碼、索引標籤等等,巨匠­電腦讓你七分鐘學會頁首頁尾的的運用!

 

【電腦資訊技能課程】巨匠電腦分享,10 億台裝置為目標,Microsoft Windows 10 升級已經就緒

【電腦資訊技能課程】巨匠電腦分享,Facebook實名制是為了保護用戶安全

【電腦資訊技能課程】巨匠電腦分享,Facebook 推相片管理 App Moments

巨匠電腦電腦資訊分享:Windows 10 應用程式將深度整合 Facebook 功能

 

巨匠電腦:大螢幕iPhone帶來了App設計的三種改變

錚/

1507271018410.jpg
巨匠電腦分享,大螢幕iPhone帶來了App設計的三種改變
很長一段時間內,智慧手機產業區分都很明顯。Apple堅守小螢幕不改變,與此同時Google的Android手機卻越來越大。但是隨著4.7吋的iPhone6和5.5吋的iPhone6 Plus的發佈,這種分別消失了。大時代全面降臨。

對於那些之前做得很出色的開發者來說,接下來的工作並不是簡單地把現有的小界面擴展到大螢幕上。在與行內優秀的UI設計師交談中,很明確的一點是由於螢幕區域已經擴展到超越拇指所及之處,這將極大的影響到一些方面,比如按鍵的配置,手勢,內容佈局。接下來就是在下一波App設計中要注意的:


1.控制區域移動至螢幕底部

目前,將那些常用的按鍵配置在螢幕的上角還是非常普遍。追溯至像Mac和Windows這樣的桌面系統,不論是Twitter還是Apple自己的照片應用,你會發現那些受歡迎的應用都是把所有功能放在頂部的Navigation bar。但是在大螢幕移動設備上,那個頂部的bar用我們的拇指太難觸及。

「我們在想很多Apps都會開始考慮將主要控件放在屏幕底部而不是上方或者右上角,」Mark Kawano闡釋道,他是前Apple設計師,目前主要針對一個iPhone的App—Storehouse,解決其在大屏iPhone上可能出現的問題。這個應用主要是為移動設備提供富媒體故事發佈平台。在這個應用中,Kawano的設計團隊並不是將每個功能放在固定的位置,而是在操作的時候根據不同 內容出現在底部的不同Navigation bars。

Kawano並不是唯一這麼思考的。Google的產品總監Luke Wroblewski指出Google的Material Design設計原則很好的支撐了Kawano的設計邏輯。Google中叫做「行動按鈕」的這麼個東西就在屏幕下方三分之一處,或者會在整個移動設備的 右下角(不過對於右手操作的人來說這需要蜷縮他們的手指去按按鈕了)。

但是Loren Brichter(因發明Twitter的下拉刷新手勢而廣為人知)則提醒說將控件移至底部並不總是最好的選擇。「底部UI是一種對於困難折中的結果。人 們從上到下閱讀,我發現許多人完全忽略屏幕底部的東西,」他說。「如果你能放在底部並令人注意,那也不失為一種好辦法。」

他補充道:「另一種方式可以解決問題,聽起來有點匪夷所思但值得嘗試,那就是界面簡化為的特定數量以捲軸形式翻閱的內容區域。這樣用戶就會將要閱讀的內容手動拖到拇指可操作的範圍,而不用另外設置的完全不直觀的所謂可達性手勢。」

2.用手勢取代按鍵

按鈕設計在屏幕底部是一個好的選擇,但並不是最好的選擇。並且有一個一定會受歡迎的解決方案讓人們知道該怎麼操作,不論是五寸還是50吋。那就是手勢—或者更具體的說,輕輕一劃。

不久之前,Brichter 抱怨說UI設計師並沒有積極的將我們的手指滑動這一手勢利用充分。各種菜單及功能鍵都可以通過設計手勢來隱藏。以至於我們處在一個所有屏幕上端都是無用按鍵的階段,設計師沒有很強的動機去重新思考手勢的作用。

Mark Kawano指出,Apple的確在去年秋天公開的IOS7中加入了一個向右滑動後退的手勢,「可能他們已經知道更大的屏幕要來了。」 Storehouse這個應用就是聰明的借助Apple的設計趨勢:任何時候你在一個故事中,你可以向任何方向滑動退出。這在小螢幕上操作顯得精妙而且自由。但是在更大的螢幕上,Kawano覺得這就是必要而不是多餘的選項。


3.應用多功視窗

在手機上,無論橫豎螢幕,內容總是一個視窗的。一個窗口就全部塞滿訊息流。但是在iPad或者Android平板上,多功視窗模式則允許多個app在運行。

「為什麼不讓兩個拇指都動起來呢?」

Ashish Toshniwal,Y Media Labs的CEO(Y Media Labs為PayPal 和Amex製作AAA移動app)相信多功視窗將被用在app內,因為Apple在IOS8中支持了更多手勢,並且已經在超大的iPhone6 Plus中實現。自帶App比如Mail可以多功視窗使用,開發者們也會得到新的權限工具令其更加好用。目前,Apple的軟件套件允許開發者限定是否需要多功視窗,且多功視窗權限並不以iPad或者iPhone app分類,而是以螢幕大小來分類。並且他指出多功視窗就像剛被發掘出的客製化app的機會,能延伸出非常特殊的用戶需求。

「考慮到在免持模式下用GPS。iPhone6 Plus用戶可以利用多功視窗去運行他們的GPS,從而提供更好的全方位導航體驗,」他寫道。「舉個例子,在同一視窗模式下的,文字指示,切換路線,事故報告甚至音樂控制。」

Wroblewski 給我們看他之前BLOG上的內容,幾乎說道的都發生了。多功視窗模式是一個UI的機會,其簡單的人因工學原理口述都能表達清楚。當我們拿著筆記本或者一個「平板手機」在全景模式,你需要用兩隻手以保證設備平衡這不僅僅是一個大拇指的任務,而是兩個去完成UI的導航。為什麼不都給他們兩個點事情做做?

編譯者題外話:讀了這篇文章令小編想起了當初的N9+Meego,對於手持設備手勢交互的探索,沒有比它更激進的。這之後的各種手機或者應用的手勢設計思路都像是在為它致敬!所以下一期小編會發一篇老文章,讓我們來回顧一下那個系統大戰還沒有定論的年代!

巨匠電腦開設了APPLE實務應用課程,教你APPLE產品使用、APP應用程式開發等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.appshooting.com.tw/2014/09/leiphone0922/

 

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

巨匠電腦分享,蘋果產品設計考慮到中國消費者喜好

巨匠電腦分享,突破 iPhone 5s 慢動作區間限制,輕鬆製作多重變速特效!

巨匠電腦分享,Apple、Samsung 齊聲呼籲:淘汰SIM卡吧!

巨匠電腦分享:大螢幕iPhone帶來了App設計的三種改變

錚/

1507270912070.jpg
巨匠電腦分享,大螢幕iPhone帶來了App設計的三種改變

很長一段時間內,智慧手機產業區分都很明顯。Apple堅守小螢幕不改變,與此同時Google的Android手機卻越來越大。但是隨著4.7吋的iPhone6和5.5吋的iPhone6 Plus的發佈,這種分別消失了。大時代全面降臨。

對於那些之前做得很出色的開發者來說,接下來的工作並不是簡單地把現有的小界面擴展到大螢幕上。在與行內優秀的UI設計師交談中,很明確的一點是由於螢幕區域已經擴展到超越拇指所及之處,這將極大的影響到一些方面,比如按鍵的配置,手勢,內容佈局。接下來就是在下一波App設計中要注意的:

1.控制區域移動至螢幕底部

目前,將那些常用的按鍵配置在螢幕的上角還是非常普遍。追溯至像Mac和Windows這樣的桌面系統,不論是Twitter還是Apple自己的照片應用,你會發現那些受歡迎的應用都是把所有功能放在頂部的Navigation bar。但是在大螢幕移動設備上,那個頂部的bar用我們的拇指太難觸及。

「我們在想很多Apps都會開始考慮將主要控件放在屏幕底部而不是上方或者右上角,」Mark Kawano闡釋道,他是前Apple設計師,目前主要針對一個iPhone的App—Storehouse,解決其在大屏iPhone上可能出現的問題。這個應用主要是為移動設備提供富媒體故事發佈平台。在這個應用中,Kawano的設計團隊並不是將每個功能放在固定的位置,而是在操作的時候根據不同 內容出現在底部的不同Navigation bars。

Kawano並不是唯一這麼思考的。Google的產品總監Luke Wroblewski指出Google的Material Design設計原則很好的支撐了Kawano的設計邏輯。Google中叫做「行動按鈕」的這麼個東西就在屏幕下方三分之一處,或者會在整個移動設備的 右下角(不過對於右手操作的人來說這需要蜷縮他們的手指去按按鈕了)。

但是Loren Brichter(因發明Twitter的下拉刷新手勢而廣為人知)則提醒說將控件移至底部並不總是最好的選擇。「底部UI是一種對於困難折中的結果。人 們從上到下閱讀,我發現許多人完全忽略屏幕底部的東西,」他說。「如果你能放在底部並令人注意,那也不失為一種好辦法。」

他補充道:「另一種方式可以解決問題,聽起來有點匪夷所思但值得嘗試,那就是界面簡化為的特定數量以捲軸形式翻閱的內容區域。這樣用戶就會將要閱讀的內容手動拖到拇指可操作的範圍,而不用另外設置的完全不直觀的所謂可達性手勢。」

2.用手勢取代按鍵

按鈕設計在屏幕底部是一個好的選擇,但並不是最好的選擇。並且有一個一定會受歡迎的解決方案讓人們知道該怎麼操作,不論是五寸還是50吋。那就是手勢—或者更具體的說,輕輕一劃。

不久之前,Brichter 抱怨說UI設計師並沒有積極的將我們的手指滑動這一手勢利用充分。各種菜單及功能鍵都可以通過設計手勢來隱藏。以至於我們處在一個所有屏幕上端都是無用按鍵的階段,設計師沒有很強的動機去重新思考手勢的作用。

Mark Kawano指出,Apple的確在去年秋天公開的IOS7中加入了一個向右滑動後退的手勢,「可能他們已經知道更大的屏幕要來了。」 Storehouse這個應用就是聰明的借助Apple的設計趨勢:任何時候你在一個故事中,你可以向任何方向滑動退出。這在小螢幕上操作顯得精妙而且自由。但是在更大的螢幕上,Kawano覺得這就是必要而不是多餘的選項。


3.應用多功視窗

在手機上,無論橫豎螢幕,內容總是一個視窗的。一個窗口就全部塞滿訊息流。但是在iPad或者Android平板上,多功視窗模式則允許多個app在運行。

「為什麼不讓兩個拇指都動起來呢?」

Ashish Toshniwal,Y Media Labs的CEO(Y Media Labs為PayPal 和Amex製作AAA移動app)相信多功視窗將被用在app內,因為Apple在IOS8中支持了更多手勢,並且已經在超大的iPhone6 Plus中實現。自帶App比如Mail可以多功視窗使用,開發者們也會得到新的權限工具令其更加好用。目前,Apple的軟件套件允許開發者限定是否需要多功視窗,且多功視窗權限並不以iPad或者iPhone app分類,而是以螢幕大小來分類。並且他指出多功視窗就像剛被發掘出的客製化app的機會,能延伸出非常特殊的用戶需求。

「考慮到在免持模式下用GPS。iPhone6 Plus用戶可以利用多功視窗去運行他們的GPS,從而提供更好的全方位導航體驗,」他寫道。「舉個例子,在同一視窗模式下的,文字指示,切換路線,事故報告甚至音樂控制。」

Wroblewski 給我們看他之前BLOG上的內容,幾乎說道的都發生了。多功視窗模式是一個UI的機會,其簡單的人因工學原理口述都能表達清楚。當我們拿著筆記本或者一個「平板手機」在全景模式,你需要用兩隻手以保證設備平衡這不僅僅是一個大拇指的任務,而是兩個去完成UI的導航。為什麼不都給他們兩個點事情做做?

編譯者題外話:讀了這篇文章令小編想起了當初的N9+Meego,對於手持設備手勢交互的探索,沒有比它更激進的。這之後的各種手機或者應用的手勢設計思路都像是在為它致敬!所以下一期小編會發一篇老文章,讓我們來回顧一下那個系統大戰還沒有定論的年代!

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

文章與圖片出處: http://www.appshooting.com.tw/2014/09/leiphone0922/

 

【手機APP課程】巨匠電腦分享,檢視行動裝置的3D人機介面UI開發關鍵

【手機APP課程】巨匠電腦新資訊:蘋果手表App設計原則─少就是好

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

【手機APP課程】巨匠電腦告訴你Yahoo CEO Marissa Mayer的三大APP設計秘訣

巨匠電腦:突破 iPhone 5s 慢動作製作多重變速特效!

錚/

巨匠電腦分享,突破 iPhone 5s 慢動作區間限制,輕鬆製作多重變速特效!

iPhone 5s 有非常棒的慢動作錄影功能,當我們拍攝完慢動作影片時,可以到相機膠卷內,調整兩端的橫桿,讓該區間片段變成慢動作,而沒被框住的部分就只能保有正常速度。

1507241006130.png
但我如果想要讓影片有多種區間變速,例如前後兩段加速,中間慢動作,或是前後兩端慢動作,中間加速,甚至一部影片中有多次快慢穿插,光是在 iPhone 5s 的相機膠卷內當然無法調整出來…畢竟它只有兩個橫桿。

這邊就教大家用蘋果官方的影片剪輯 App – iMovie 來製作!非常簡單,只要幾個動作就能完成一部超精采的變速特效影片,不無論你要切分幾個變速區間都沒問題喔!


▲ 首先開啟 iMovie,在上方選「影片」,iPhone 相機膠卷內的影片都會成列在此。選擇想編輯的影片,我這邊選一部「貓咪回眸」的影片~選好後按下右上方的「分享」。


▲ 別急著分享出去,先在下方選「製作影片」。


▲ 會自動轉跳到製作介面,用手指壓住下方的片段區域,左右可以拖曳片段,上方的畫面可以即時預覽喔!


▲ 拖曳到我們想變成「慢動作」的畫面位置,輕點一下,整個片段會被黃色的框框罩住,這時手指對著中央的基準線一刀斬下去!


▲ 影片就會輕易分割成兩段啦!


▲ 開始加入變速特效,我先選取剛剛裁切下來的前段,快速在上面輕點兩下,下方會彈出一道指令列,右下方選「速度」。


▲下方的指令列會變成兩個圖示:「烏龜」和「兔子」。這時你就能拖曳中間的小白點,改變該片段的速度,往「兔子」拉,整段影片就會提速,往「烏龜」就會變成慢動作!(因為片段已經被分割開來,所以不用擔心此變速會影響到後段影片)


▲ 用同樣的方式「裁切 → 變速」,我將整部影片切割為三片段,前後兩段都提速 2 倍,中間一段為慢動作。


▲ 接著按下左上角的「<」,iMovie 就會幫你儲存你的影片計畫案。


▲ 進入這個畫面,按下中間的「分享」。


▲ 選「儲存影片」就能把這部特效片輸入回 iPhone 5s 的相機膠卷囉!


▲ 轉成 HD – 720p,等它跑完,就來看看成果吧!

巨匠電腦設計了APPLE實務應用課程,教你APPLE產品的應用、APP應用程式的開發與應用,快來巨匠電腦讓你輕鬆上手!

文章與圖片出處: http://appleuser.com/2014/01/17/imovie-slow-motion/

 

【APPLE實務應用課程】巨匠電腦分享,Apple Pay的下一步 ─ 消費者互相支付

【APPLE實務應用課程】巨匠電腦新資訊:蘋果手表App設計原則─少就是好

【APPLE實務應用課程】巨匠電腦:盜版iCloud網站現身,小心洩漏Apple ID!

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

巨匠電腦分享:設計師說別再亂講介面設計就是使用者經驗了

錚/

1507240914190.jpg
巨匠電腦分享,設計師:別再亂講介面設計就是使用者經驗了
在這科技產品暴增,數位化轟炸的時代,科技可以帶著走,網路無所不在,使用者介面不再僅止於那方方正正的小螢幕,消費者對於產品的使用品質及服務越來越要求,使用者經驗也隨之受到更大的挑戰,在這「金錢中心設計」並不再高壓於「使用者中心設計」的市場,企業能不重視消費者與產品之間的關係嗎?

但到底什麼是使用者經驗,為什麼與數位行銷者有這麼重要的關聯?以下這五點,請你們好好看看吧。

1. 別再說使用者經驗就是使用者介面了!它比你想得更複雜!

其實,我們都誤解了使用者經驗的核心要點。雖然「賞心悅目的介面」也涵蓋在使用者經驗這領域裡,但比起來,「介面」只是冰山的一角,而且事實上,設計介面(通常都只螢幕介面)這工作稱為使用者介面設計,或互動設計。

那何謂使用者經驗的核心要點?基本來說,使用者經驗就是有關於消費者與科技之間的關係。若要更延伸並精確地來講,是要去定義並且「設計」出兩者之間的關係。

2. 使用者經驗在於產品本身,而不只在於產品的宣傳!

本質上,行銷和設計根本是兩碼子事-行銷是要讓人們想要這個產品,而設計是要製造人們想要的產品。

使用者經驗來自於產品本身的設計。在設計產品當中,使用者經驗設計師常問自己一個問題-「為什麼?」。「為什麼?」這問題剛好與行銷團隊的概念相牴觸,因為通常他們只在乎如何增加一個既定的產品的銷售量,忙到焦頭爛額時,誰還會有時間去管其他人的事呢?

屆此同時,使用者經驗設計師與數位行銷團隊的工作較有關連,並也部分負責活動的優化。想當然,在活動的優化過程中,使用者經驗設計師會站在使用者的角度,提出針對產品的質疑。這些假設性的疑問提供數位行銷者更實際的改良建議,讓他們知道該如何設定產品的定位,並且銷售產品。

3. 經驗一定會發生,但由你決定好壞!

不管有沒有規劃在行銷計劃中,使用者經驗是無法避免發生的。簡單來說,往往最成功的行銷就發生在我們已規劃的行銷計劃之外,而這種預期的可能性就是經驗。

數位媒體行銷管道通常有印刷品(宣傳單、海報等)、網路或者手機。但坦白來講,就算我們再怎麼努力宣傳,印再多宣傳單,發再多簡訊或 email,會買產品的就是那些需要的人。

而這也引出了另一個問題:人們不習慣只使用一個管道,他們就好比遊牧民族,不會定居在同一個地方太久,或者甚至他們不習慣用任何一種管道。因此,我們開始想各種辦法,像是利用多重管道來接觸更多消費者等。但到最後才發現,這根本於事無補。因為,行銷團體的產品設計中心思想都只是「獲利」,完全沒思考到消費者的所需。

消費者在購買產品時,通常都會需要經過幾個步驟,在這之間,他們會遇到一些使用上的困難,若太過複雜,可能會導致他們放棄購買。因此,企業們需要十分注意每個步驟之間的「轉換率」(Conversion rate),轉換率越高、就代表越能留住消費者。

而這些「轉換率」就是使用者經驗設計者存在的意義。透過模擬使用者在每個步驟、每個介面、每個功能中會遇到哪些挫折與問題,藉以分析、修正、實驗與測試,來提昇消費者在步驟間的使用流暢度。如此一來,企業們也能留住自己的消費者了!

4使用者經驗看的是「質」,需要採用的方法比你想的多!

數位行銷這一領域,研究調查較無法產生多大的效果,通常,就只限於分析理解市場調查過後的結果。從此可知,行銷方面的研究就傾向於,在已知的市場做對於既定產品的量化調查,所以「量」為主的調查方式就較常被行銷計劃採用。

相反地,使用者經驗是建立在規則之上-站在使用者的角度,進行同樣的動作、處理同樣的問題,面對相同的情境,並且解決所找出的產品問題。所以在本質上,使用者經驗所採取的方式是屬於「質」上的。

「量」與「質」這兩種方式自然地就是以互補的關係共存,幫助彼此來確保產品給予消費者實質上的真正價值,並且互惠地,帶給企業同等的商業價值。

5. 數位行銷將退位,使用者經驗才是現在的王道!

有異議嗎?也許。阿這沒辦法避免嗎?廢話!

數位媒體的普及,改變了消費者購物的方式,以及他們和品牌之間的關係,這影響程度可說是極致。原本只需要在乎花在廣播媒體宣傳的支出,現在卻連透過數位媒體互動的人也成為使用者之一,這規則的大改讓許多公司都相當頭痛。

很多公司還在踱步猶豫,並且掙扎是否要跟隨洪流,但說真的,風險是有的,因為壞產品是買不到好評論的。數位媒體帶企業帶來的新挑戰已經不是靠低價吸引客人購買就能解決的,「價值取勝」才是關鍵。

那當產品本身也變成社群網路的焦點之一時,到底會發生什麼事呢?物聯網時代的來臨,數位媒體帶給我們的影響就好比黑洞一般,深不可測。未來,互動不止於產品之間,人們與產品互動的機會也會越來越多。但,行銷就與這領域沒什麼瓜葛。

「物聯網有改變世界的潛能,就像網際網路一樣,甚至更多」,這是物聯網對自己的期許,也是我們對他所有的盼望,物聯網改變了我們與科技之間的關係,也改變了我們對科技有限的了解。

它的存在,我們已無法忽視,或者避而遠之。它就在那,等著我們面對,而這個責任是數位行銷沒辦法一手獨撐,需要有使用者經驗以「人」為中心的概念及輔助,且也唯獨使用者經驗才能提供消費者真正想要的服務價值,以及真正想要的生活品質。

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

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

 

【手機APP課程】巨匠電腦密技:像個設計師一樣設計你的 APP 介面

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

【手機APP課程】巨匠電腦新資訊:蘋果手表App設計原則─少就是好

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