Tag: app設計

評價好!App設計秘訣 巨匠電腦分享ios8 App設計陷阱

錚/

1508060927140.jpg
翊)App設計秘訣 巨匠電腦分享ios8 App設計陷阱
就在不久前,大家興奮的觀看完蘋果深夜發表毫無意外驚喜的 iPhone 6 與話題性的 Apple Watch 後,沒過幾天,FB 上面 iOS 開發者的朋友,許多人都收到了一封令人意外而且恨的牙癢癢的 Email,開頭通常是這樣的:

Hello 開發者,

Your app 孕婦瑜珈 – Squat deeper , jump higher ! (你的 APP 名字)has been reviewed, but we are unable to post this version. For details, or to directly contact the App Review team, visit the Resolution Center in iTunes Connect. Do not reply to this email.

Regards,

App Review

對,是的,你被 Reject 了。

被 APPLE Reject 的原因是 iOS 開發者的月經文話題,但最近這次卻是因為「在 iOS8 上無法正常啟動」這鳥原因。

我說庫克老兄啊,貴司這不是玩我們嘛,倒是在發表前給我支 iPhone 6 當開發機啊!

後來一些資深的開發者朋友語重心長的跟我們分享經驗,在預測 APPLE 有可能發表新機的那一個月,送審要有被退的覺悟。(問題是要怎麼預測啊?)

一連串兵荒馬亂之後,我們陸續完成了重新送審的申請,但在這個過程發現一些狀況,特別分享給近期將送審的開發者朋友們參考,特別是你有不得不趕緊上架的行銷時程 … …

  • 畫面尺寸的陷阱,見鬼的 1080p 是一場騙局

在這邊我們要怒吼一下,APPLE 為了 iPhone 6 plus 的 5.5 吋物理尺寸,而在實際顯示時,其實是偷偷將畫面縮小了。所以設計師們,讓 1080p x 1920p 解析度見鬼去吧,你真正在 Photoshop 要做稿的尺寸是 1242px x 2208 px(特別是送審用的截圖要做成此畫面尺寸)。

詳細的說明請參考 PaintCode 一文:iPhone 6 Screens Demystified
我懂你懶得看英文,附上對岸親切的簡中版:【原】iphone6 来了,我该做点什么

  • 更新你的 Xcode

近期送審時都需要使用 Xcode GM 版,但有些災情顯示會需要更新 MAC OS(但我們沒有),退件的一個理由可能是「在 iOS8 加 iPhone5s 下功能無反應」(這就是見鬼的地方,之前哪來的 iOS8 給你測)。

此問題目前用新版 Xcode 重新 build 過,在模擬器上看起來會正常,但送審會怎麼樣,只有老天跟 APPLE 會知道。

  • 鼓起勇氣再次送審

關關難過關關過,只有繼續送審才會知道結果,就像創業一樣,產品上了才會知道。
從此以後,iOS 開發者也開始品嚐從前嘲笑 Android 多尺寸畫面的苦果,歡迎來到多尺寸的世界,開發者的頭,豈止於大

送審的路上,一切 Good luck.

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

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

 

我在巨匠電腦學到很多東西

感謝巨匠電腦 我跟我女友要結婚了

聯成和巨匠電腦怎麼比。從電腦課程看比比

巨匠電腦vs聯成電腦 巨匠電腦好!

評價好!App設計秘訣 巨匠電腦分享ios8 App設計陷阱評價好!

錚/

1508060914210.jpg
App設計秘訣 巨匠電腦分享ios8 App設計陷阱
就在不久前,大家興奮的觀看完蘋果深夜發表毫無意外驚喜的 iPhone 6 與話題性的 Apple Watch 後,沒過幾天,FB 上面 iOS 開發者的朋友,許多人都收到了一封令人意外而且恨的牙癢癢的 Email,開頭通常是這樣的:

Hello 開發者,

Your app 孕婦瑜珈 – Squat deeper , jump higher ! (你的 APP 名字)has been reviewed, but we are unable to post this version. For details, or to directly contact the App Review team, visit the Resolution Center in iTunes Connect. Do not reply to this email.

Regards,

App Review

對,是的,你被 Reject 了。

被 APPLE Reject 的原因是 iOS 開發者的月經文話題,但最近這次卻是因為「在 iOS8 上無法正常啟動」這鳥原因。

我說庫克老兄啊,貴司這不是玩我們嘛,倒是在發表前給我支 iPhone 6 當開發機啊!

後來一些資深的開發者朋友語重心長的跟我們分享經驗,在預測 APPLE 有可能發表新機的那一個月,送審要有被退的覺悟。(問題是要怎麼預測啊?)

一連串兵荒馬亂之後,我們陸續完成了重新送審的申請,但在這個過程發現一些狀況,特別分享給近期將送審的開發者朋友們參考,特別是你有不得不趕緊上架的行銷時程 … …

  • 畫面尺寸的陷阱,見鬼的 1080p 是一場騙局

在這邊我們要怒吼一下,APPLE 為了 iPhone 6 plus 的 5.5 吋物理尺寸,而在實際顯示時,其實是偷偷將畫面縮小了。所以設計師們,讓 1080p x 1920p 解析度見鬼去吧,你真正在 Photoshop 要做稿的尺寸是 1242px x 2208 px(特別是送審用的截圖要做成此畫面尺寸)。

詳細的說明請參考 PaintCode 一文:iPhone 6 Screens Demystified
我懂你懶得看英文,附上對岸親切的簡中版:【原】iphone6 来了,我该做点什么

  • 更新你的 Xcode

近期送審時都需要使用 Xcode GM 版,但有些災情顯示會需要更新 MAC OS(但我們沒有),退件的一個理由可能是「在 iOS8 加 iPhone5s 下功能無反應」(這就是見鬼的地方,之前哪來的 iOS8 給你測)。

此問題目前用新版 Xcode 重新 build 過,在模擬器上看起來會正常,但送審會怎麼樣,只有老天跟 APPLE 會知道。

  • 鼓起勇氣再次送審

關關難過關關過,只有繼續送審才會知道結果,就像創業一樣,產品上了才會知道。
從此以後,iOS 開發者也開始品嚐從前嘲笑 Android 多尺寸畫面的苦果,歡迎來到多尺寸的世界,開發者的頭,豈止於大

送審的路上,一切 Good luck.

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

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

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

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

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

巨匠電腦退費經驗分享

評價讚!巨匠電腦分享,穿戴式科技輔助醫療訓練、醫療器械操作

錚/

巨匠電腦分享,穿戴式科技輔助醫療訓練、醫療器械操作

穿戴式運算較一般常規的筆記型電腦、桌上型電腦等運算設備來說,主要特性是具備了行動運算能力。這些智能設備可能整合感測器、多媒體加速器、可撓性電子顯示器、GPS衛星定位晶片、VR虛擬實境應用、生物識別功能等。而穿戴式裝置的特性,更已成為醫療訓練、醫療器械操作的有力工具…

整合穿戴式運算應用的優點相當多,對於特殊行業亟需科技整合的應用特別具吸引力,例如高危險度的高空作業,若需要電子運算設備搭配高空操作,即可將運算功能以配戴方式設置在身上,雙手可以騰出進行高空操作;而在智慧醫療現場,也可協助醫師在雙手忙於診療或手術動作時,提供用藥資料、病例歷史、案例資訊,即時進行更精準的治療決策。

1507220910590.jpg

附標:智能眼鏡醫療輔助用途備受矚目

醫療專業人士的培訓過程不同於一般產業,需要大量的操作練習與實務訓練,但手術、診斷等進行多數僅能透過低效率的實習、住院醫生訓練程序進行,因此實習醫師、護理人員的實務操練的學習機會相當少,而透過新穎的VR虛擬實境穿戴應用設備,則可模擬趨近真實的演練環境,對於培訓醫事人員可提供一定程度的助益。

Google Glass等智能眼鏡設備的出現變了人機介面與運算訊息、資訊呈現的形式,因為運算硬體平台甚至是資訊接取平台已經微縮到眼鏡架尺寸與重量,顯示屏透過投影技術,可在不影響配戴者視野的情境下進行外部訊息接收;操作介面除透過右側鏡架觸控區輕點、滑移操控外,也可利用語音進行操作,這對於進行醫療程序中的醫護人員可以更清晰地進行參考病例查詢、醫囑資料庫輔助參照,甚至是連接上醫療機構本身的人員、醫材調度系統,讓整體醫療效率大幅提升。這些,都是智能眼鏡在醫事現場可以應用的場景,也因此智能眼鏡在醫療、教學的相關應用發展,也最為熱門。

附標:VR虛擬實境設備改善實習效率

另一個有趣的醫療穿戴應用即為虛擬頭盔,其中以Oculus Rift VR頭盔發展與週邊應用最令市場關注,2012年8月Oculus Rift VR頭盔由Oculus公司擺上Kickstarter眾籌平台公開募資,雖然Oculus Rift VR頭盔一開始以遊戲VR虛擬實境應用為訴求推展市場,但實際上Oculus Rift VR頭盔的延伸應用則為這款產品最受市場重視的關鍵。

先檢視Oculus Rift VR頭盔在群眾募資平台創下的紀錄,Oculus Rift VR頭盔在一個月內即獲得9,000多名消費者贊助研發專案、並募得243萬美元眾籌資金!檢視Oculus Rift VR頭盔的初期規格其實並不搶眼,硬體架構為兩組640 x 800解析度的顯示屏幕,透過光學透鏡系統搭配錯視畫面立體化的原理,將雙眼視覺合併雙屏螢幕形成一1,280 x 800的顯示VR畫面,搭配VR頭盔內置陀螺儀感測器讓VR應用可隨著用戶擺頭、轉向即時對應模擬畫面,搭配其支援DVI、HDMI、Micro USB等多元輸入介面支援,吸引用戶爭相參與募資。

而Oculus Rift VR頭盔成功的關鍵重點在於,以往這類配置陀螺儀、可提供高度沉浸式使用體驗的虛擬視覺裝置,產品與系統單價相當高,並非一般人所能接受,而Oculus Rift VR頭盔將價格有效壓低獲得市場用戶支持,甚至在2014年3月Oculus公司還獲得Facebook高達20億美元的總價購併,其後Facebook又接續收購RakNet遊戲引擎將其轉為開源平台,積極建構以Oculus Rift為應用基礎的應用平台,甚至計畫要將VR視覺技術融入Facebook社群服務的一環,讓市場更積極關注VR設備可能為穿戴應用帶來的市場機會。

附標:VR虛擬實境技術 醫學教學價值高

同樣的產品概念,除Oculus Rift VR頭盔產品外,Sony也推出一款Project Morpheus頭戴式虚擬頭盔設備,Project Morpheus內建1080p主流顯示解析度面板,應用分隔雙眼的放大光學機構,可讓用戶感受到逼真的3D環境沉浸效果,頭盔本身搭配動態感測與光學感測機制藉此精確定位佩戴著的頭部動作變化、即時對應改變虛擬實境的3D場景,提供配戴者身歷實境的3D影音感受。

對Oculus Rift、Project Morpheus這類VR頭盔來說,配置動態感測器、陀螺儀甚至是光感測器,其目的主要為主動或被動偵測配戴著的視角變化、進而介入控制VR實境畫面的對應視角變化,讓原有固定屏幕的3D視覺效果進階到有如身歷實境、走入虛擬現實的應用場景,而這種VR技術其實就是穿戴應用的整合應用實例,VR頭盔運用積極微縮、輕量化的嵌入式系統、顯示系統、光學透鏡系統與動態感測系統整合,建構出可以配戴在使用者頭上又不至於產生壓迫感與配戴重量負擔的顯示設備。

附標:HoloLens切入教學應用市場發展

相同的概念Microsoft也推出HoloLens虛擬實境裝置,HoloLens為Microsoft發佈Windows 10展示的擴增實境技術,甚至在2015年的E3電玩展展出透過HoloLens玩Minecraft的應用情境,用戶可透過HoloLens VR頭盔裝置遊戲或教學應用,有別於Oculus Rift、Project Morpheus僅感測用戶頭部擺動,HoloLens還能更進一步處理用戶手勢指令判讀、或透過聲控指令進行系統操作。

為了推展HoloLens的教學應用,Microsoft還準備5個獎項、每個獎項均提供多達10萬美元、兩組HoloLens開發硬體與系統作為種子激勵獎金,積極募集VR頭盔在教學、全信息操控應用,Microsoft更冀望於HoloLens顯示裝置可在數據可視化、遠端網路教育、互動藝術、前衛的人機互動介面等應用領域的實用價值。

巨匠電腦開設了手機APP設計課程,內容包含穿戴式雲端APP開發、行動裝置UI設置等等,快來巨匠電腦輕鬆學!

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

 

感謝巨匠電腦讓我腦公變了

我覺得巨匠電腦比聯成電腦好

上了巨匠電腦 我真的學到了東西

巨匠電腦讓我變成動畫高手!謝謝巨匠!

巨匠電腦讓我變動畫達人!!

評價棒!增進使用者體驗 巨匠電腦分享圖形化使用者介面!

錚/

1507311111140.jpg
增進使用者體驗 巨匠電腦分享圖形化使用者介面!
近年來,許多企業除技術研發人員外,更會另有「使用者體驗設計師」的職缺(如雄獅旅遊網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

 

巨匠電腦!!感謝您降伏了我的野蠻女友,也讓我考到證照啦

超感謝巨匠電腦讓我通過SCJP電腦認證考試!!

巨匠電腦!!感謝您降伏了我的酸葡萄男友,也讓我考到證照 ( 幸福

謝謝巨匠電腦~讓我順利通過SCJP電腦證照考試~

評價高!巨匠電腦分享設計App原則 變身超強App設計師

錚/

1507290914130.jpg
▲ Facebook 產品設計總監 Julie Zhuo(照片來源:Rasmus Andersson

巨匠電腦分享設計App原則 變身超強App設計師
本文編譯自 〈A Matter of Principle〉,作者為 Facebook 產品設計總監 Julie Zhuo。

Julie 在文中強調,設計師做出每一個設計決策的背後,都應該要有所本,最好還要有經得起考驗的原則做支撐,而且這些原則是可以被規模化,讓團隊其他成員也能理解,不必耗費龐大的溝通成本。

每個設計背後都有一千個決定。

這個 app 的主畫面是什麼?使用者要怎麼在不同的選項之間進行導覽?Top bar 應該用什麼顏色最好?

一名好的設計師,對於每一項設計決策背後都有一個符合邏輯的解釋。

不該有任何一項決定是隨機的,畢竟,好設計的特徵就是「有意為之」。

App 的主畫面是訊息排列總覽,因為這是大多數使用者當他們開啟 app 之後最想看到的。

我們的 app 有四個主要的畫面,所以用 tab bar 會讓這四個主要畫面都很容易被發現。

Top bar 之所以是白色,是因為我們不希望它太搶戲。

一名好的設計師會讓你覺得可以詢問任何她所做的決定,其背後的原因為何,而她必定可以給你一個請楚明白的答案。

然而,實務上其實這樣很難規模化。如果真要花時間去了解設計師那一千個決定,哪怕只是一小部分,恐怕講完都要天荒地老了。

而這就是好的設計師與偉大設計師的差異所在。

你看,一名偉大設計師會從「為什麼」出發。她懂得傳達思維背後的原則,讓你了解她所有設計決策流程背後的核心價值。

Principle (noun): a fundamental truth that serves as the foundation for a system of belief or a chain of reasoning.

原則(名詞):可作為信仰系統或邏輯鏈的一個基本道理。

老實跟你說吧,我以前是最懷疑這種「把原則都列出來」說法的人。無論何時,只要有人開始在簡報中談起那個東西的效果,我就會整個人倒進椅背,想著:「好極了,讓人點頭如搗蒜的文字攻勢又要開始了。」我只想趕快直指事務的核心,好好地談談真正的設計。

我不應該看輕那些詞語,但事實是,他們還真沒幾個是好的。

我們的設計應該要簡單。

我們的設計對使用者來說應該要做到不言自明。

我們的設計應該要好看。

跟各位一樣,我也想舉手說:「抱歉喔,我寧願自己的設計很複雜、有附上指引,還會傷眼。」那些過於廣泛或是過於明顯的原則,很可能有講跟沒講一樣,毫無意義。這些原則對於最重決策一點幫助也沒有,也不能讓團隊成員步調一致、清楚明白什麼才是重要的東西。

另一方面,一組好的設計原則應該要是這樣:

  1. 能夠解決那些圍繞在特定設計決策周圍的實際問題。
  2. 要能套用到整個層級的設計決策,包含我們今天想得到的東西,以及那些未來才會出現的問題。
  3. 對於「為什麼?」的解釋,要考量以人為本,不僅要讓設計師明白,對於非設計師的人來說也要能簡單易懂。
  4. 你對事情的觀點、排出的優先順序,一個理性的人可以不同意。
  5. 要能搭配圖像範例,展示出該原則要如何套用到特定的決策。

需要範例嗎?蘋果公司的 Human Interface Guidelines 和 Google 的 Material Design Guidelines 對於各自設計系統的解釋就做得很棒,同時也彰顯出了好的設計原則其影響力可以有多大。想像一下,如果蘋果跟 Google 的終極目標都是要確保那些高品質的 app 在各自平台上看起來都像渾然天成,因而讓自家的設計團隊與一個個主要外部的開發者見面、聽取回應,那這跟我們前面提過的,兩名設計師一對一討論那一千個設計決定有何不同?那樣是行不通的。

與其依賴守門人去維持設計品質的高標,不如以一個比較小、大家都能認同的指導原則組合,這樣一來,就能在一致的規範下做出最佳決策,還能擴張到更多的決定、讓更多的設計師參與。

所以,下次當你要分享自己的設計時,或甚至在你談到設計之前,先花一點時間,把原則定義清楚。

我們相信,與人溝通最重要的原則就是要快、但又能將分歧降到最少。

為了做到這樣,我們會採納熟悉系統設計模式,這樣一來人們就不需要再學習新東西——標準的 table view、tab bar navigation⋯⋯ 我們不會光憑一人大膽用色或是詭異的動畫實驗就把東西套到產品上。對於一般人會用到的功能,我們會努力讓他們能夠在一、兩次的點擊內就完成。

好的原則是經得起考驗的,他們有份量、有一股必然性。什麼看起來是對的、什麼感覺起來是好的——這些都只是表面的東西。一名偉大的設計師在捍衛自己的工作時,靠的是原則,是那些能夠持續做出一個又一個決策、成千的個決定,不會隨風搖擺的原則。

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

文章與圖片出處: http://www.inside.com.tw/2015/06/24/a-matter-of-principle

 

感動!巨匠電腦讓我跟白目男友和好了!

不誇張!巨匠電腦拯救了我的愛情~

感謝巨匠電腦 改變了我朋友一生

大推!巨匠電腦 政府補助揪甘心~