app 的歷史與常見問題以及常見的專有名詞問題
這是一個從網站轉到行動裝置的時代。
App 是從Steven Jobs 2007年6月29日開賣,從此全球進入了行動裝置時代。
一開始手機只能打電話傳簡訊,Iphone的誕生讓手機出現了巨大的變化,甚至有些人開始不
用電腦,只靠手機與外界溝通,十年前沒有智慧型手機,所以靠傳統的電話以及電腦傳遞資
訊。
由於iphone的價格高昂也讓很多消費者負擔不起,於是有了android系統的手機,android 一開
使其實並不是由Google創立的。
早在2003年Andy Rubin 安迪魯賓就建立了android .inc。
後來Google在2005年買下正式進入行動裝置時代。
andorid起步比apple晚,全球第一支android手機在2009年二月發表,但是android後來居上,在
便宜的優勢下以及開放原始碼的概念,快速的把全球最早的哀鳳打成只剩下十幾趴,android
全球市佔率高達百分之八十以上左右。
早期的android系統被人詬病,會頓會卡,由於android系統核心是Linux系統,上面又必須透過
JVM去編譯,所以會造成所謂的卡頓,後來在5.0以後出現了一種叫做ART的技術,解決了
android卡頓的問題。
再來會頓有一些關係是google並不會像是apple去嚴格審查每一行程式碼,會有初步的判斷去
檢查app有沒有病毒。但並不會像是哀鳳去檢查app每一行程式碼會不會累個。
有時候其實是開發者沒寫好,或是預估使用者都用很高檔的手機,沒有去判斷低階手機的極
限。
再來google無法進入中國大陸,所以中國的手機沒有google,除非是水貨。
智慧型手機講古到這邊為止。
////////////////////////////////
很多人說我想要做一個app?
app是什麼?
application 的簡稱 叫做應用程式,我們比較把他解釋為行動裝置上的應用程式。
就是電腦上的exe執行檔。
App跟網站的差別?
這些年,你可能會發現有些app根本一開始沒有網站的,或是只是有臉書粉絲團,甚至網站
很簡單沒有什麼功能,只是一個廣告形象。
最著名的就是蝦皮拍賣,蝦皮一開始就主打app行動拍賣的功能。
網站不是主要,後來也慢慢把網站的功能越來越完善,但是主攻行動裝置。
app可以裝在手機裡面,不像網站必須要去找到網址,甚至是記下書籤。
app可以客製化自己想要的功能。
app某方面程度大幅簡化了網站的很多功能,也易於在行動裝置上使用。
可能會刪除某些網站的一些功能,供使用者在小畫面上快速瀏覽或是做簡單的操作。
就算是手機遊戲也不可能設計成跟電腦遊戲一樣的操作方式。
因為一個是用手去觸控一個是用滑鼠螢幕體積就有先天上的差距。
硬是把電腦原封不動的搬到手機上來,有可能會造成使用者體驗很不好的感受。
使用者體驗在app開發稱為UX ,User Experience,一個好的app的UX 大部分是簡單俐落,能
夠快速的讓使用者上手,而不是一堆東西放在APP裡面,一隻app想做所有事情,這樣有可能
只是增加使用者的困惑,更快把這個使用者認為的不好的體驗的app刪除。
小弟舉一個例子,UBER他的畫面如下:
圖片取自網路
輕鬆易讀,簡單的畫面,不囉唆。
這個就是UI的設計的功力了。
使用者體驗也很好,每一步驟的邏輯規劃的很好。
那小弟來解釋UI跟UX的差異性。
圖片取自網路
UI是我們第一眼看到app的樣子,看到UBER的主畫面:有好多小汽車跑來跑去!
接下來我們開始點擊觸發app的功能,點下去說我要叫車,車子就說我五分鐘後到達,高級轎
車車牌是xxx,駕駛長什麼樣子的照片,甚至是他的評價。
然後我們會在大腦產一個體驗,原來叫個車這麼輕鬆,不用去跟路上拼搏,找一台小黃,然
後不知道它的評價如何,這時候我們就產生了一個衝擊UBER好用誒?好像比傳統的小黃
多了很多的資訊。也不用在打55688浪費電話錢了?!也不怕做到黑心車,因為UBER如果司
機繞路會被罰錢,錢會退回給消費者,甚至不需要現金付款也不用擔心找錢的事情。再來是
UBER總部有一個godview的系統,他在你到哪裡UBER也知道,不必擔心被載到山上
xx了。
這是UI跟UX的差異性。
/////////////////////////
接下來進入下一段。
在程式設計的世界裡面//通常代表了註解,意思是說程式不會跑這一段,也是用來解釋程式碼
的用處。
////////////休息一下
App 是從Steven Jobs 2007年6月29日開賣,從此全球進入了行動裝置時代。
一開始手機只能打電話傳簡訊,Iphone的誕生讓手機出現了巨大的變化,甚至有些人開始不
用電腦,只靠手機與外界溝通,十年前沒有智慧型手機,所以靠傳統的電話以及電腦傳遞資
訊。
由於iphone的價格高昂也讓很多消費者負擔不起,於是有了android系統的手機,android 一開
使其實並不是由Google創立的。
早在2003年Andy Rubin 安迪魯賓就建立了android .inc。
後來Google在2005年買下正式進入行動裝置時代。
andorid起步比apple晚,全球第一支android手機在2009年二月發表,但是android後來居上,在
便宜的優勢下以及開放原始碼的概念,快速的把全球最早的哀鳳打成只剩下十幾趴,android
全球市佔率高達百分之八十以上左右。
早期的android系統被人詬病,會頓會卡,由於android系統核心是Linux系統,上面又必須透過
JVM去編譯,所以會造成所謂的卡頓,後來在5.0以後出現了一種叫做ART的技術,解決了
android卡頓的問題。
再來會頓有一些關係是google並不會像是apple去嚴格審查每一行程式碼,會有初步的判斷去
檢查app有沒有病毒。但並不會像是哀鳳去檢查app每一行程式碼會不會累個。
有時候其實是開發者沒寫好,或是預估使用者都用很高檔的手機,沒有去判斷低階手機的極
限。
再來google無法進入中國大陸,所以中國的手機沒有google,除非是水貨。
智慧型手機講古到這邊為止。
////////////////////////////////
那到底要怎麼開發一個app??????
app是什麼?
application 的簡稱 叫做應用程式,我們比較把他解釋為行動裝置上的應用程式。
就是電腦上的exe執行檔。
App跟網站的差別?
這些年,你可能會發現有些app根本一開始沒有網站的,或是只是有臉書粉絲團,甚至網站
很簡單沒有什麼功能,只是一個廣告形象。
最著名的就是蝦皮拍賣,蝦皮一開始就主打app行動拍賣的功能。
網站不是主要,後來也慢慢把網站的功能越來越完善,但是主攻行動裝置。
app可以裝在手機裡面,不像網站必須要去找到網址,甚至是記下書籤。
app可以客製化自己想要的功能。
app某方面程度大幅簡化了網站的很多功能,也易於在行動裝置上使用。
可能會刪除某些網站的一些功能,供使用者在小畫面上快速瀏覽或是做簡單的操作。
就算是手機遊戲也不可能設計成跟電腦遊戲一樣的操作方式。
因為一個是用手去觸控一個是用滑鼠螢幕體積就有先天上的差距。
硬是把電腦原封不動的搬到手機上來,有可能會造成使用者體驗很不好的感受。
使用者體驗在app開發稱為UX ,User Experience,一個好的app的UX 大部分是簡單俐落,能
夠快速的讓使用者上手,而不是一堆東西放在APP裡面,一隻app想做所有事情,這樣有可能
只是增加使用者的困惑,更快把這個使用者認為的不好的體驗的app刪除。
小弟舉一個例子,UBER他的畫面如下:
圖片取自網路
這個就是UI的設計的功力了。
使用者體驗也很好,每一步驟的邏輯規劃的很好。
那小弟來解釋UI跟UX的差異性。
圖片取自網路
UI是我們第一眼看到app的樣子,看到UBER的主畫面:有好多小汽車跑來跑去!
接下來我們開始點擊觸發app的功能,點下去說我要叫車,車子就說我五分鐘後到達,高級轎
車車牌是xxx,駕駛長什麼樣子的照片,甚至是他的評價。
然後我們會在大腦產一個體驗,原來叫個車這麼輕鬆,不用去跟路上拼搏,找一台小黃,然
後不知道它的評價如何,這時候我們就產生了一個衝擊UBER好用誒?好像比傳統的小黃
多了很多的資訊。也不用在打55688浪費電話錢了?!也不怕做到黑心車,因為UBER如果司
機繞路會被罰錢,錢會退回給消費者,甚至不需要現金付款也不用擔心找錢的事情。再來是
UBER總部有一個godview的系統,他在你到哪裡UBER也知道,不必擔心被載到山上
xx了。
這是UI跟UX的差異性。
/////////////////////////
接下來進入下一段。
在程式設計的世界裡面//通常代表了註解,意思是說程式不會跑這一段,也是用來解釋程式碼
的用處。
////////////休息一下
再來就是 RWD 最近喊得震天嘎響!
Responsive web design 這是RWD的縮寫,有很多翻譯,小弟認為最適合的翻譯是自適應網頁設
計。
WHY?
為什麼app沒有RWD呢?
因為在行動裝置沒有出現之前,智慧型手機不存在!!!!!!
我們要看網頁網站只能透過電腦!!!!!!!
一個網站的解析度只需要符合一班電腦的解析度通常是什麼1024*768
或是1920*1080
就是顯示器能夠顯示的解析度而已。
但是重點來了十年前出現了智慧型手機,智慧型手機有成千上萬的各種不同的螢幕,每一支手機的
螢幕也不一樣。所以這時候智慧型手機如果想要看網頁就必須要使用RWD了。
不然看起來好像一台只有看到一個電腦螢幕的小角落,使用者必須滑動螢幕才能看清整個網頁的畫
面。
//////////////////////////
這邊很重要,很重要很重要,要講三次。
為什麼APP沒有RWD這個東西呢?
因為!!!!!
手機app並不是網頁!!!!!他是一個手機上的應用程式!!!!!
再來RWD的縮寫就說明了我是響應式的網頁設計
web!!!
所以跟app完全沒有關係!!!!
第二我們在開發app的時候呢!!
android開發環境就要求我們至少放四種解析度的圖片來去適應各種成千上萬的手機。
在開發的時候就必須自動適應了。
ios開發環境也是早期jobs堅持要小螢幕,後來也跟三星一樣出了五點五寸以上的大螢幕,
現在哀鳳8可能會超過六吋的大螢幕。
所以在ios開發環境也有三種姐喜度稱為2x 3x等等的解析度的圖片。
那大家應該了解什麼是RWD吧!
小弟先講到這邊
之後再詳細講各種開發的流程,謝謝


留言
張貼留言