2013年2月28日 星期四

增加App曝光率的命名法則

到底人的名字會不會影響人的命運? 又或者筆名彼得潘會不會影響書的銷售量呢?  這些問題的答案可能需要隱居深山的高人才能解答。然而,關於如何讓App出頭天,彼得潘在做了一些研究後,倒是可以跟大家分享一個改變App命運的小技巧。

當使用者在App Store輸入關鍵字搜尋App時,Apple會依以下2個條件選出符合的App:
1. App名稱裡包含此關鍵字
2. App的關鍵字欄位裡包含此關鍵字

要符合條件其實不難,當初在App的關鍵字欄位多輸入一些使用者常搜尋的字串即可。難的是如何讓App名列搜尋結果的前幾名。當App受歡迎,下載量高時,它排名前面的機率將大大提升。然而,這不是我們能控制的。幸好,所謂人定勝天,還有一件事是我們可以掌握的,App的名字。

          


Apple在排列搜尋結果時,比較看重名稱直接包含關鍵字的App。若只是關鍵字欄位符合,其實有點間接,排在後面也是應該的。所以將來取名字時,其實最好能讓關鍵字直接出現在App名稱裡,甚至可以採用以下這種投機取巧的方法



2013年2月23日 星期六

有了BAAS, 創業不再維艱 !



國父曾經說過創業維艱,不過現在彼得潘真的覺得,創業愈來愈簡單了。一般來說,一個稍微複雜的App,需要以下幾種人的分工合作: App工程師,美術設計,PM,後台工程師,而後台需要花費的心力時間一般來說跟App是不相上下的。然而, BAAS(backend as a service)的出現,讓我們完全不用學習php, ruby on rails等後台語言,就可以做出第二個instagram。 現在我們的煩惱變成有太多不錯的BAAS,不知該挑哪一個好。未來有機會了話,彼得潘將會結合BAAS創作App,並創作相關的教學。希望在未來的一年裡,有了BAAS的幫忙,我們都能以更快的速度創作更多優質的App !






StackMob

https://www.stackmob.com



Parse

https://www.parse.com



kinvey

http://www.kinvey.com




kii

http://kii.com



netmera




applicasa




Appcelerator Cloud Service

http://www.appcelerator.com/cloud/


App42

http://api.shephertz.com



kumulos

http://www.kumulos.com



cloudcms

https://www.cloudcms.com



mobeelizer

http://mobeelizer.com



cocoafish

http://blog.cocoafish.com



2013年2月22日 星期五

視窗截圖的去背陷阱

在mac上截圖十分容易,尤其是視窗的截圖,完全不需要我們小心翼翼地沿著視窗的邊緣設定截取範圍。只要按下 cmd + shift + 4的組合技,然後再按下空白鍵,讓滑鼠游標變成相機圖示,即可進入無敵的視窗截圖模式。此時我們只要移動滑鼠游標,即可自動鎖定並突顯偵測到的視窗,選定目標後扣下板機,按下觸控板,即可拍下完美的視窗截圖。

然而,事情真的會這麼順利嗎?嗯,大部分的情況是,如果我們將截圖的格式設定為png或tiff。但是,如果不幸設定的是jpg。那麼,只好恭喜你,中了沒有去背的截圖陷阱,如圖所示,設定jpg格式的視窗截圖邊緣將多出礙眼的白色的區塊。其實即使設定為png或tiff,視窗的邊緣還是會多出一部分的區塊,不過眼不見為淨,它是透明看不到的,只要你不說,我也不說,相信沒有人會發現的啦。





App Store上的的連結設定


當我們在iTunes Connect上設定App資訊時,主要有以下2種連結的URL可以設定。



一. Support URL: 

     連結的網頁一般包含以下功能和資訊:
     1. 回報問題
     2. 提供意見
     3. App使用說明

例子:
知名的旅遊App Trip Journal連結到了經由getsatisfaction平台所建立的強大support頁面。



二. Marketing URL: 

     公司的網站或是App的網站,最好可以讓使用者看了後馬上對我們的App一見鍾情!


例子:
知名的旅遊App Trip Journal連結到了充滿吸引力的App介紹頁面。




因此這兩個URL各有千秋,每個都很重要,最好能兩者都設定。然而,世事往往沒有想像中美好。即使我們都設定了,在不同的平台上,將看到截然不同的結果。

1. iPhone App Store

兩個連結都躲起來了,一個都不給我們看。




2. Mac或PC的iTunes

可以看到DEVELOPER WEBSITE,也就是當初我們設定的Marketing URL。



3. 網頁

最詳盡的App資訊,Peter Pan Web Site (公司名稱加Web Site )對應到Marketing URL,mini.Hana幸福插畫 Support (App名稱加Support )則對應到Support URL。





2013年2月20日 星期三

為什麼要做iOS App?


為什麼要做iOS App? 彼得潘隨手寫下13個讓人愛上開發App的理由,歡迎大家提供自己的意見,希望我們能收集999個理由,鼓勵更多人投入製作App的美好世界。



2013年2月18日 星期一

忘詞講者彼得潘不可不學的keynote小抄密技

很多的歌手都有忘詞的好習慣。彼得潘雖然五音不全,不過倒也一樣是忘詞中人。幸好,Mac的投影片軟體Keynote有著強大的小抄筆記功能,當我們在台上演講時,可以神不知鬼不覺地盯著Macbook螢幕上的小抄,而台下的聽眾卻只會看到沒有小抄的投影片版本。


1. View -> Show Presenter Notes

顯示小抄的輸入區塊。



2. 輸入小抄內容。





3. Play -> Customize Presenter Display

顯示只有台上人看得到的演講者版投影片設定畫面。


4.  設定演講者版投影片畫面。

只要勾選Notes即可看到小抄畫面。下一頁的投影片也可以預先看到,方便我們提早做準備。




5. 列印時也可以加入小抄。

若是想要一頁包含多張投影片,必須選擇Handout。



6. 讀者們看到的投影片講義。

左邊是投影片,右邊是小抄。




2013年2月17日 星期日

系統偏好設定 - 打造百分百match自己的系統 (PC home 2013.2)




彼得潘將帶著大家一同學習"帳號管理" ,"語系輸入法", "輸入設備", "桌面設定", "神奇熱點", "螢幕時區“等各個面向,五花八門的系統設定技巧。相信之後對於Mac的系統設定,我們也能像諸葛孔明金城武一樣,自信地回答,略懂 !


LOCOMO 2.6帥氣運動照片分享

LOCOMO 2.6版新增了帥氣運動照片分享功能,現在運動結束時可以合成一張帥氣的照片,po到Facebook和朋友分享唷。俗話說一張圖勝過千言萬語,小小的一張圖,同時擁有帥氣的大頭照,漂亮的風景圖,以及費盡吃奶力氣完成的軌跡地圖和運動數據呢! 

1. 若是運動時太專心跑步或是顧著看路邊的正妹,忘了拍照,運動結束時將詢問是否拍照留念。若是運動過程中有拍照,將預先選定某張照片,直接進入帥氣的照片合成頁面。



2. 拍攝帥氣合成照



3. 合成照片編輯頁面

在這裡我們可以縮放移動照片和地圖,也可以對照片進行翻轉的動作。


如果對照片不滿意,也可以點選左上角的相機按鈕,再次進行拍照或是從手機相簿選擇相片,比方來個善意的謊言,選擇朋友登上玉山頂的照片。


若是勾選Facebook,最後點選右上角的完成按鈕後,將進入Facebook分享頁面。如果Facebook上沒朋友,也是可以點選分享按鈕(向右的箭頭圖示),從iOS 6內建的多種分享管道挑選。





4. Facebook分享頁面

點選右上角的Post,就可以讓朋友們看到自己的英勇運動記錄了! 如果突然害羞,不想分享了,這時候點選左上角的取消還來得及,合成的帥氣照還是會好好地保存在LOCOMO的App和雲端的。






5. 大功告成的帥氣合成照




2013年2月14日 星期四

謀殺專門店



其實彼得潘除了流著蘋果和追星的血液,還流著謀殺的血液。有機會了話希望今年能為推理小說做點事,製作相關的App,讀點相關的原文書。 

2013年2月13日 星期三

假如時光倒流,UI元件如何縮放?

autolayout的世界裡,UI元件的位置和大小由constraint決定。然而某些特別的UI元件,像是UILabel, UIButton等,它們的大小卻深受它們所呈現的內容影響。接下來,彼得潘將以信樂團的名曲”假如”,說明UILabel的寬度如何地被歌詞的長短而左右。

1. 加入顯示假如歌詞的UILabel,”加長”按鈕和”縮短”按鈕。


調整UILabel的寬度和位置,使其剛好有三個constraint,距離上邊界,左邊界,右邊界都是標準間距的constraint。



2. 設定label,button和View Controller的連結。(ViewController.h)

@property (weak, nonatomic) IBOutlet UILabel *label;
- (IBAction)lengthenButPressed:(id)sender;
- (IBAction)shortenButPressed:(id)sender;

加長button的touch up inside event連結到lengthenButPressed:,縮短button的touch up inside event連結到shortenButPressed:。

3. 定義加長歌詞的lengthenButPressed:和縮短歌詞的shortenButPressed:。(ViewController.m)

- (IBAction)lengthenButPressed:(id)sender {
    self.label.text = @"假如時光倒流 我能做什麼 找妳沒說的 卻想要的";
}

- (IBAction)shortenButPressed:(id)sender {
    
    self.label.text = @"假如時光倒流";
}

執行結果:



由於被leading和trailing 2個constraint控制著,為了維持和左邊界,右邊界20 points的間距,label的寬度比歌詞佔據的空間寬上許多。當我們點選”加長”,歌詞內容增加了,但是label的寬度卻不為所動,造成我們只看到”找你沒說的 卻”,到底是卻什麼呢?是卻想念的?還是卻深愛的?別再猜了,其實有個神奇的方法,可以讓label擺脫constraint的束縛,增加寬度。



切換到label的Size Inspector頁面,將焦點放在它的Content Compression Resistance Priority區塊。此屬性控制著label是否可以隨著內容變多而增加它的尺寸。預設的水平(Horizontal) priority是750,然而控制著label和右邊界 20 points間距的constraint預設的priority卻是大於750的1000,所以label輸了,無法拉長它的寬度。


讓我們偷偷地將此constraint的priority從1000降為500。現在label的Horizontal Content Compression Resistance Priority 750遠大於500,因此現在它做主,它是老大,可以自由的拉長,不受constraint的限制。




執行結果:

label順利地拉長,終於可以看到完整的歌詞了,原來答案是”卻想要的”呀! 


讓我們回過頭來看看縮短歌詞的例子。點選縮短按鈕後,歌詞變短了。原來就算時光倒留,還是改變不了label臃腫的事實呀。


有沒有什麼靈丹妙藥可以讓label減肥,剛剛好寬度就等於呈現的文字內容呢?其實是有的,答案就藏在label的Content Hugging Priority裡。此屬性控制著label是否可以隨著內容變少而縮小它的尺寸。預設的水平(Horizontal) priority是250,然而控制著label和右邊界 20 points間距的constraint目前卻是大於250的500,所以label輸了,無法縮短它的寬度。



讓我們再一次地將constraint的priority調降,讓它變為100。現在label的Horizontal Content Hugging Priority 250遠大於100,因此現在它做主,它是老大,可以自由的縮短,不再受constraint的限制。



執行結果:

當歌詞縮短,時光倒留,label真的變苗條了(變短)
  



最後,如果嫌看歌詞不過癮,不如好好來聽聽信樂團演唱的假如吧。


MOBILE APP 創業解碼






彼得潘下個月的課程,"MOBILE APP 創業解碼",主要針對想要App創業的有心人,不管是老闆,PM,美術設計,工程師或是懷抱夢想的有心人,都歡迎來參加,透過這門課,你將學會:
1. 一個 Apple App 完整的誕生流程
2. 掌握 App 生命週期裡每個階段
3. 在 Apple App Store 的競爭和獲利戰略

http://alphacamp.tw/2013/02/07/starting-your-mobile-app-startup/

時間: 2013.03.20 週三 8:00PM-10:00PM
地點: TMI台灣創意工場 – 台北市基隆路一段159號11樓