app開發從app加載頁面開說

都說好的交互設計的評判標準之一是“別讓我等”,但互聯網產品總是受制于實際的網絡問題。移動端產品則更為明顯,2G、3G環境下加載不夠給力,wifi環境也未必每次都是那么順利。因此“別讓我等”更像是種奢望,我們倒應該思考的是“如何優雅而不令人煩躁的等”。與之最直接關聯的就是app加載頁面的設計。

一個app加載頁面,大致分為3類:

(一)啟動加載頁

啟動加載是我們打開app的第一眼所看到界面。會給用戶留下該產品的第一印象。
通常啟動加載頁設計有幾種:

1、固定的加載頁

Logo、slogan、產品主色、版本號、出品團隊,這是初級啟動頁面的基本構成元素,設計者的目的就是最直接快速的向用戶傳達產品形象,這也是讓用戶最直接了解產品的手段之一。但也因為實現成本低,且樣式固定簡單,久而久之容易審美疲勞。于是加載頁開始升級。
這里要提到讓加載頁不那么孤立、突兀的方法:

視覺的延續性

。例如weiconote的加載頁背景和它的主界面背景一致,視覺上達到了和諧的過度。

動效的使用

。通過淡出或開門等轉場效果,讓加載頁面和內容頁完美的過渡。例如豆瓣電影和天貓客戶端。

2、會變的加載頁

當一塵不變的加載頁開始尋求出路,結果會是什么?對,會變的加載頁。但是任何變化總得有跡可循,讓用戶得以理解。目前有2種維度:

1.節假日定制加載頁

在不同的節日,啟動加載頁都會圍繞節日&產品進行設計。在突出產品形象的同時,傳達節日信息,是情感化設計的一個范例。例如掌上百度symbian。
另外一個有趣的例子是有些應用的啟動頁面,在用戶生日時埋下的彩蛋:這種都是轉移用戶注意力的手段,讓用戶不再沉浸在等待中,而是通過這段等待時間傳達其他有效信息,讓用戶不再煩躁。

2.不同版本定制加載頁

當app版本升級后,啟動加載頁也隨之升級,可根據當前版本的主題、特性或新增功能,設計符合該版本的加載頁面。也增強了用戶對新版本、新功能的認知度。
3.同主界面的啟動頁

用app的內容頁作為啟動頁面的內容,從啟動加載頁到加載完成的首頁,版式內容幾乎看不出差別。這樣的啟動頁,讓用戶提前進入主要界面,強化用戶對主界面的印象。也不容易造成很大的視覺跳躍感。但也存在問題,長得像主界面的加載頁會給用戶造成可用的假象,但如果加載的時間過長,點擊偽主頁如果無響應,也許會讓用戶惱火。
4.使用動畫的啟動頁

在游戲app中,這種方式較為常見,在loading的過程中,用戶看到是一段動態的flash。有時也有可能配以相關的游戲音樂。例如游戲subway surf。這種方式雖然最有富媒體效果,但同時卻也因為比較消耗資源。有時候因為加載負擔太重,甚至會造成畫面不流暢。因此需謹慎選擇。
(二)內容加載頁

目前較常見的內容加載頁會用加載模態框去表示當前正在加載中,實在是不怎么美觀,且加載前和加載后的頁面關聯性很弱。這種體驗實在是很令人頭痛和不悅。
那有沒有內容加載的好體驗?
幾種優化手段:

1.增加加載頁面間的關聯性,避免使用模態框

例如line的通知加載。加載進程在加載的通知項上進行,這時候不妨礙用戶瀏覽上下的內容。
2.加載時就顯示加載后的頁面樣式,最大化保持視覺連貫性

這種手法也就是為了盡可能多的在加載過程中告知用戶有效信息,“你稍后即將看到的頁面會是什么樣”“會有哪些內容”,讓用戶提前有個預期,也讓用戶有了等待的欲望。
3.加載時,預填充內容

這里的內容有2種??梢允翘崆邦A設好的,例如next day里的頭圖,再沒加載出來前都用一直可愛的兔子圖替代。另一種是,顯示上次瀏覽留下的內容,像最近更新后的path,加載時,用戶可以查看上次加載成功的內容,而且很巧妙的把加載中的圖片黑白虛化處理。
(三)下載、應用的加載頁

另一個常見的加載是下載/應用時的加載頁面。下載和應用的過程可以看做是一個連貫的過程。而不要想象成兩個獨立的模態框。

在cardmon這個應用中,下載和應用的過程就被包裝成了一個連續而精致的過程。

設計者找到了card和下載之間的聯系,運用云端向信封連續不斷發送卡片的動效,再加上下載進度條,讓原本枯燥無味的下載等待過程展現出了那么一絲生氣。在下載完成之后,進度條順理成章的過渡成安裝過程。動畫效果依舊圍繞著之前的卡片logo進行。同樣的安裝進度條依舊可以提示用戶剩余的時間。
這一包裝手法的要點即是,找到產品與下載之間的某種關聯,合理運用動效、進度條、連續的處理下載安裝過程。
另一種,是weico主題下載的形式,將下載和安裝看做獨立的兩個過程。下載和安裝分離的使用場景通常是,用戶也許希望瀏覽、下載多個主題,再確定使用哪個。因此,下載被處理成取代下載按鈕的進度條會比較合適,而非模態框。因為這樣的加載方式不影響用戶再瀏覽其他內容,不會讓下載模態中斷用戶原本的瀏覽行為。
以上就是app加載的幾種形式和設計方法??此撇黄鹧鄣募虞d頁面其實恰是整個app是否用心和精致的點睛之筆。這一點點的等待時間也許會改變整個用戶體驗。再次總結,以上倡導的幾個原則:

1.合理利用啟動頁面,賦予等待時間更多的意義

2.避免使用模態打斷用戶

3.加載頁面,為用戶提供預期,和更多有意義的信息

4.注意保持視覺的連貫性

優秀移動APP產品原型設計工具

首先,一款優秀的移動APP產品原型設計工具應該具備:

①.支持移動端演示(隨時隨地演示給BOSS,廁所&食堂&電梯…以體現我是那么的敬業——長點工資必備)

②.組件庫(高效復用,誰用誰知道)

③.可以快速生成全局流程(程序猿看不懂拆解的,給丫的看這個)

④.在線協作(多個PM狗一起用)

⑤.手勢操作、轉場動畫、交互特效…(這些都不需要,留給專業的交互、視覺,搞那么虛的不如多想想產品流程邏輯做做減法、寫寫xxRD啥的)

這些年,產品狗們折騰過的原型工具:

1. POP(Prototyping on Paper)

算是移動App原型設計神器 ,很多公司在用:quora、sina、豆瓣、36氪、ifanr…

操作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然后開始編輯圖片的哪個區域(按鈕)鏈接到什么頁面,添加跳轉鏈接熱區,就可以在iPhone上給小伙伴們演示了,并且POP內嵌的交互動作如側滑、展開、消失等,即可滿足一般的動態演示需要。不太明白?戳這里移動App原型設計神器 – POP

2、Pencil Project

Pencil是一款開源的可以用來制作圖表和GUI原型的工具,可以作為一個獨立的app,也可以作為Firefox插件。內置模版可以幫你繪制桌面和移動界面中用到的各種各樣的用戶界面,包括流程圖、UI和一般的通用圖形。

通過它內置的模板,你可以創建可鏈接的文檔,并輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。Pencil Project還包含大量移動app模版。

3.Axure

大家都很熟悉了,這里主要說下移動端的演示,這樣才充分表達原型意圖。按F5生成原型的時候,在“Mobile/Device”選項中可以設置適配移動設備的特殊原型(Axure 6.5以下版本),再用移動設備訪問你生成的原型鏈接即可(該頁面創建一個桌面快捷方式)。具體操作方法請戳→騰訊CDC交互童鞋寫的 iOS設備上高效演示APP原型的方法總結

4、Proto.io

Proto.io是一個專用的手機原型開發平臺——可以構建和部署全交互式的移動程序的原型,并且可以模擬出相似的成品。它可以運行在大多數的瀏覽器中,并提供了3個重要的接口:dashboard、編輯器以及播放器。

dashboard可以用來管理項目。編輯器是構建原型的環境,由一組設計和開發原型的工具組成,另外還可以構建交互。播放器用來觀看原型,并與原型進行交互,并提供了相關工具來標注和保留反饋信息。你可以直接在真實的移動設備上對原型進行測試。并且可以使用iOS或Android上的瀏覽器以全屏模式運行原型。

5、Moqups

是一個非常好的、免費的HTML5應用,通過它可以創建可愛樸素的線框圖、實體模型和UI概念。該程序使用起來非常簡單,并且有內置的模板可以直接使用(模板包括單選按鈕、鏈接、圖像占位符、文本框以及滑塊等)。

它還提供了iPhone和iPad模板,以及iOS相關的按鈕、提示框、picker、菜單、開關以及鍵盤等。你可以設置網格的尺寸,并預覽和分享你的線框圖。Moqups提供了一個很有用的功能就是對齊網格,可以使對象精準對齊。
6、UXPin

UXPin是DeSmart團隊開發的一個簡易快速的實體模型和在線可點擊原型創作工具。它基于優秀的用戶體驗設計原則,在構建原型中,它提供了一個完整的工具包(該工具包具有良好的用戶設計模式和元素)來從頭構建一個出色的原型。

UXPin具有響應式的斷點功能,創建的響應式原型和線框圖可以運行在不同的設備和分辨率上。另外該軟件還提供了版本控制和迭代功能,可以輕松的共享預覽,直觀的注解和實時的協同編輯和聊天。該軟件擁有大量具有吸引力的用戶界面元素風格(包括web,iOS,Android等),并且具有快速、靈敏的響應拖放接口。

7、Omnigraffle

OmniGraffle是由The Omni Group制作的一款帶有大量模版可以用來快速繪制線框圖、圖表、流程圖、組織結構圖以及插圖等類型圖的app,也可以用來組織頭腦中思考的信息,曾獲得2002年的蘋果設計獎。

它采用拖放的所見即所得界面,你可以用鋼筆工具繪制自定義的模版或者圖形,此外還自帶Graffletopia提供的多個iPhone、iPad以及Android模版。
8、JustinMind

JustinMind是由西班牙JustinMind公司出品的原型制作工具,可以輸出Html頁面。與目前主流的交互設計工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更為專屬于設計移動終端上app應用。

JustinMind可以幫助開發者設計更豐富、更具交互新的移動產品線框圖,包含了iPhone、Android 以及iPad常用手勢,滑動、縮放、旋轉,甚至捕捉設備方向等,從而創造出更具交互性的原型。另外,它可以導出原型信息到Microsoft Word,生成規范的文檔。

此外,你還可以自定義小組件,創建自定義組件庫,并進行分類,不管對象是iPhone、iPad、黑莓、Android還是其他。
9、FluidUI

Fluid UI是一款用于移動開發的Web原型設計工具,可以幫助設計師高效地完成產品原型設計。Fluid UI 內置超過1700款的線框圖和手機UI控件,并且還會經常進行更新。

Fluid UI無設備限制,無平臺限制(Windows、Mac以及Linux系統),支持Chrome和Safari瀏覽器(Chrome瀏覽器上的app也可離線使用)。你可以使用Fluid Player來預覽你的設計,收集意見和反饋。還可以以PNG、PDF方式輸出。

Fluid UI使用方法簡單,采取拖拽的操作方式,不需要程序員來寫代碼。另外,Fluid UI資源庫非常豐富,有針對iOS、Android以及Windows 8的資源。如果你覺得庫存資源不能滿足你的需求,你也可以自行添加。

10、Protoshare

ProtoShare:在線網站開發協同制作工具是一個十分便捷的在線原型制作工具,側重于團隊協作。團隊成員可以通過這個工具對工作進行審查,并及時提供反饋,對線框圖或內容進行建議。

作為一個強大的線框圖和原型平臺,Protoshare提供了大量移動工具集(有來自中心資源庫的大量移動模版和大量2D、3D動畫過渡)。通過“拖放”界面,你可以快速創建交互式的線框圖和移動原型,然后發送至iPhone、iPad或者Android設備進行測試,體驗app的功能實現情況。

另外,Protoshare還支持分享和反饋功能,項目成員可以標記和跟蹤的反饋信息來做出決定。而大量的資源庫意味著你可以使用模版和獲得的反饋創建移動產品線框圖,進而演變為高保真的原型。
11、 Wireframe

Wireframe是一款具有“點擊-拖-放”界面且超簡單的線框圖創作工具。雙擊實現編輯功能,有限的界面意味著你會把精力集中于你的想法上。還給每個線框圖分配了特有的URL,便于標記和分享。
Wireframe有瀏覽器窗口和移動手機兩個模版選項,移動版有縱向和橫向兩個選擇。線框圖的每個元素都可以編輯和轉換。
12、InVision

InVision是一個便捷的產品原型生成工具,用戶制作一個在線原型只需要四部:創建一個工程、上傳視覺設計稿、添加鏈接以及生成在線原型。

確切說,InVision提供的不是準確的線框圖,而是一個快速原型的環境,可以把你的UX/UI草圖快速連接起來。數字型的線框圖和高保真的設計可以幫你測試app的工作情況,同時該工具還支持協作和分享功能,生成的在線原型可以支持任何人在產品原型的任何地方評論,便于準確的交流。

針對iOS 開發,InVision還增添了其他功能,比如自定義主屏幕icon和自定義加載頁面。

13、Mokk.me

Mokk.me是一個簡單快速的原型工具,通過界面上簡單的拖放操作,不用了解單線編程就能創作一個可以分享、測試以及多平臺的app。目前,Mokk.me正在測試中,但它是一個簡單的基本的工具,任何人可以用它來創建app的布局。你可拖、放或者編輯小工具,可以搭建和連接頁面,還可以選擇過渡動畫。它的特點還在于頁面和按鈕、圖片小工具、文本輸入以及復選框形式。
另外,你可以借助HTML、CSS以及JavaScript完成app其他一些功能,一旦你創建了原型,你還可以進行分享,在iOS 和Android上進行測試。
14、iPlotz

iPlotz 是一款可以用來創建可點擊、可導航的原型和線框圖工具,適合網站開發者和移動app開發者。你可以在一個可調整的頁面拖放元件,然后連接起來,增加其他屏幕或者頁面的熱點鏈接。你可以選擇使用iPhone/iPad模版或者Android模版,任何模版都有獨一無二的元件設置。

iPlotz界面明白易懂,支持協同工作、可分享的編輯權限、任務管理以及評價系統。另外,項目可以以IPML、JPG、PNG、PDF以及HTML形式輸出。
15.Adobe Illustrator 俗稱AI

這是adobe的一款矢量圖設計軟件,推薦給設計師轉型過來的PM(沒興趣的跳過),電商圈不推薦再去費力學習其他軟件,達到溝通的目的提高效率是王道。上圖是設計出來的原型成品,可以結合上面提到的POP去演示,so easy。

互聯網公司需要什么年輕人?

除了沒有真刀真槍,如今的互聯網跟古代的戰國時代沒有什么區別,豪強并起,今朝還是王者,明日就一命嗚呼。戰勝對手的決定性因素,除了黃金,就是戰士。那么,什么樣的人是互聯網公司需要的戰士呢?

為什么互聯網需要年輕人?因為這是世界上增長最快也最動蕩的行業。除了沒有真刀真槍,如今的互聯網跟古代的戰國時代沒有什么區別,豪強并起,今朝還是王者,明日就一命嗚呼。戰勝對手的決定性因素,除了黃金,就是戰士。

 

這段時間對關于小米等互聯網公司文化的討論甚多,我這里講一個剛認識的年輕人的故事吧。

Ivan Wang 是國內某互聯網公司在臺灣的 Marketing 經理,目前被公司短期派到硅谷出差,一次偶然的機會我認識了他。

這個23歲的大男孩,是土生土長的臺灣人。他之前還有一個身份是小米在臺灣的第一個員工。在Ivan 還在讀大二的時候,基本不在學校,大部分時候在校外教高中生英語。此外他還喜歡研究各種電子產品。那年他在網上看到了小米發布會的視頻,認定小米未來會變成大公司。于是 Ivan 給小米發了一封郵件?!靶∶滓獓H化,第一站肯定是臺灣。雖然我不是工程師,但我覺得你們需要一個懂科技也懂語言的人?!毙∶滓婚_始沒有回應,Ivan 就在網上人肉到小米人力主管的郵箱,直接給他發了封郵件。第二天便收到了回信。

Ivan 接到的第一個任務,就是負責將小米的中文手機界面,翻譯成符合臺灣人閱讀習慣的繁體中文語句。十萬字的內容,他花了三天時間翻完。半年后,他正式成為小米在臺灣的首位員工,他領到的薪水是一般大學畢業生薪水的2倍以上。在那段時間,他負責小米在臺灣的品牌營銷,并協助公關和產品測試,把小米在臺灣的Facebook 粉絲頁從 0 做到 20 萬粉絲。

Ivan 就這樣把小米在臺灣的業務從無到有做起來了。

所以幾個月前 Ivan 離職的消息震動了小米高層。小米總裁林斌在電話里花了兩個小時試圖挽留他,雷軍還親自給他發郵件表示惋惜。

Ivan 對于小米不可或缺嗎?不一定。但可以肯定的是 Ivan 是互聯網公司喜歡的那種年輕人:聰明、視野開闊,學習能力強,放在一塊地方就能野蠻生長。

坦率的說,對于全世界的年輕人,這是一個悲慘的時代。經濟的停滯和產業的劇變帶來的是迷茫和焦慮。跟我同齡的一些美國朋友,一畢業就背負著沉重的學貸,許多至今仍在做著廚師、收銀員等薪水卑微的工作;在歐洲,這片世界上最文明的土地,失業的年輕人像孤魂野鬼般在大街上游蕩。在臺灣,Ivan 告訴我剛畢業的大學生工資少得可憐,以至于像小米和獵豹這樣的公司在臺灣開稍微高點的工資應聘者如潮;我在北京的兩年,親眼看到生活已經把大把20多歲的年輕人,折磨成了中年人。

如果說世界上還有什么地方屬于年輕人,只有互聯網了。 這個行業在過去十幾年內經歷著過山車般的劇變,不變的是一批又一批的年輕人前赴后繼投入其中。

為什么互聯網需要年輕人?因為這是世界上增長最快也最動蕩的行業。除了沒有真刀真槍,如今的互聯網跟古代的戰國時代沒有什么區別,豪強并起,今朝還是王者,明日就一命嗚呼。戰勝對手的決定性因素,除了黃金,就是戰士。

為了在快速變化的環境中生存,互聯網公司需要的是晝夜奔襲千里攻城拔寨的戰士,而不是亦步亦趨行動緩慢的老弱病殘。什么樣的人是戰士?就是年輕健康的身體加上一股熱血和蠻勁,義務反顧追求完美,像打雞血一樣加班,像瘋子一樣自我折磨。。。不管是扎克伯格提出的“Move fast, break things” ,還是李彥宏倡導的狼性,都是這個道理。

瘋狂的冒險帶來的是財富。在硅谷,那些不停涌現的科技新貴,不斷拉動的房價上漲讓當地人苦不堪言;在北京,據說如今售樓小姐眼中的目標客戶,除了煤老板,就是那些手握上市互聯網公司期權的年輕工程師們;

而另一面,是過早的衰敗。毫不夸張的講,很多互聯網公司的年輕人是用生命在工作,燃燒自己點亮公司。許多人可能還不到三十歲就像磨損嚴重的機器,甚至落下一身慢性病,到了一定年限就干不動了。

所以互聯網注定是年輕人的天下。

有人要說,讓人一天工作12個小時,晚上不能陪女朋友,周末不能出去放松。這是正常人的生活嗎?當然不是;這樣合理嗎,當然不合理;這樣人道嗎,當然不人道。但套用現下流行的一句話?!毙『⒉欧謱﹀e,大人只看利弊?!斑@就是互聯網行業的游戲規則,兩軍交戰搶占要地,日行八百里的一方肯定比日行五百里的一方先行到達,速度和體力決定勝負。

所以請不要咒罵小米吃人的加班文化,也不要嘲笑那些諾基亞被裁的員工。一切都是關于選擇,”你想過普通的生活,就會遇到普通的挫折。你想過上最好的生活,就一定會遇上最強的傷害?!比绻闶懿涣?,想過普通人的生活,可以嘗試跳到其他行業,這并不是什么丟人的事情。即使在硅谷,也每天都有人忍受不了,退出互聯網行業遠走他鄉。

下面這段話,我知道肯定會挨罵,但我還是要說。

如果你身處互聯網行業,某一天你的老板把一項很有挑戰性的工作擺在里面前,你不應該抱怨,甚至應該感恩。要知道你的大部分身處其它行業的同齡人,在你這個年紀,只能跟在老板(通常年紀比他們大很多)的后面,做一些打醬油和跑龍套的事情。這些超出你能力和精力的任務可能讓你產生挫折感,甚至崩潰,但卻是最好的練級手段。菜鳥可以在這樣練級中迅速成長為大牛。這些年我采訪過的年輕的創始人和CEO們,莫不是如此。

以上就是我在互聯網行業的一些觀察,希望對那些迷茫的年輕人們有所幫助。如果你們并不在互聯網行業,其實你們還是可以利用互聯網做很多事情,下面就是我認為的可以利用互聯網習得的三種能力。

1. 快速學習能力

坦白講,我覺得如今的教育體系已經跟不上時代。年輕人在學校里面學到的東西對于很多公司來說一文不值,在美國已經有越來越多的年輕人放棄讀大學。Ivan 的學校在臺灣很一般,學的專業也跟互聯網沒關系,但他在業余時間的學習能力成就了他。當如今在互聯網上,你可以學到你想學到的任何東西,不管是焊接電路板還是最新的swift語言。相信在未來最搶手的人才是那種可以通過互聯網迅速習得技能解決問題的人。

2. 自我營銷能力

互聯網還有一個神奇的功能,就是能把個體的影響力最大化?!坝⑿鄄粏柍鎏帯?,互聯網真正做到了。不管是微博上那些草根大V,還是淘寶上賣各種產品的小鎮女孩,總而言之,只要你有一技之長,互聯網就有給你展示的舞臺。這樣做不但能讓你潛在的雇主和合作伙伴找到你,而且當一份你喜歡的工作機會降臨到你面前,那些就是你最好的簡歷?,F在大紅大紫的王自如就是最好的例子。

3. 國際視野

互聯網正在迅速讓世界變成一個村落,未來行業整合將跨國界在世界范圍內快速進行,我們不妨像 Ivan 一樣將視野投向海外。習得一門外語,到某個國家短暫交流和學習,都是值得的投資。

最后一個問題,如果你剛剛畢業,有兩份工作—一家高大上的外企和一份屌絲的互聯網創業公司,應該選擇誰?

我會說后者。不久前谷歌創始人說未來打量傳統工作會被機器取代導致許多人失業,而一個互聯網高管也告訴我,他們現在招人寧愿要沒有經驗的新人也不要大型外企的員工,因為他們知識解構單一,還往往自以為是不愿意學習新東西。所以那些剛畢業的年輕人,與其去高大上的外企做一顆螺絲釘,不如到屌絲互聯網公司滾爬幾年努力成為公司的棟梁。因為螺絲釘隨時可以被取代,而棟梁放在哪里都是棟梁。

O2O為什么要多來一點“私人定制”?

最近的一個熱門話題就是電影《私人訂制》,咱們先不說瞌睡不瞌睡的問題,單說說電影里談到的這個業務模式。顯然,私人訂制是一個純個性化的服務,其特點就是可以保證被服務者體驗到之前從沒體驗過的經歷和體驗,這也就是其有價值的地方。那跟o2o有啥關系呢,難道作者想生拉硬扯,且聽我慢慢說來。

一般來說,現在O2O概念已經十分模糊,開始呈現百花齊放的情況,但團購還是其中的一個代表之一,那么我們來看看團購的一些問題。

首先,團購是通過打折的手段來刺激消費者消費。那么,為什么會出現打折呢,我們可以理解為產能過剩,這個產能,就是多于消費者需求的本地生活消費店面,舉例來說就是餐飲一條街上這么多餐廳,但客人畢竟是有限的,于是過剩,于是團購通過一種直接而殘酷的方式督促商家來優勝劣汰。雖然餐飲門檻低,會有無數人前仆后繼的涌入這個供大于求的市場,但總有一天,市場供求會趨于平衡,那么還會有那么多商戶去打折嗎,大家都吃原價然后比拼服務和味道就好了。

其次,團購帶來的興奮越來越低。一般來說,我們出去吃飯,一來圖吃到美食,二來要個興奮開心體驗。但是,當你花180元吃一餐團購后,你的感覺就是吃了一頓180元的飯,而絕對不是300元的飯。如果每頓飯都沒有更多開心之處,只因為打折,你還感興趣常去吃嗎,再便宜也比家里做要貴不少吧,這就好比北京居民天天都可乘坐2元的地鐵滿地跑,他們每天因此開心了嗎。所以開心這條要素對于下館子來說是一定不能少的。

第三,你說團購的服務可以保證達到平均的服務一樣水平,好的,就算如此,但團購壓低了商戶老板的收入,限制了未來提升服務的能力。為什么海底撈的服務好呢,因為海底撈的員工待遇好,住的宿舍好,自然工作時候有動力。而我們去的很多餐廳,上菜時候不會加一句“您慢慢品嘗”,走的時候不會送一句“感謝您光臨,歡迎下次再來”,一直是一種疲憊的不愿多說一句的狀態。要知道,現在中國用工荒,服務員不打足精神老板也拿人家沒辦法。利潤低,自然提升服務的動力就差,這只是餐飲業的一個側面。

第四,團購扼殺了本地生活服務的特色屬性。比如,網站上把團購像商品一樣陳列,這個4折,那個3折,好吧,難道大家比的只是價格?如果哪個商戶寫上,我們會投入120%的熱情,原價為您服務,你是否會去呢?估計不會去,因為團購不能體現出這個服務差異,也不能體現出其它軟實力的差異,團購體現的是價格的折扣。還是那句話,再便宜還能有自己去超市買原料和工具自己弄便宜?很多人要的是享受服務的體驗。

從以上幾點,我們可以看到,團購只是O2O中的一部分,未來的O2O必須有更繽紛多彩的形式,而不會僅僅困在團購這種打折甩賣的模式中。有些人總想當O2O中的那個“2”,但我卻認為O2O主要是兩個O要去努力的,當互聯網公司和本地商戶都做好充足的準備,2只是一個工具,可以隨著軟硬件的更新而有多種方式呈現。

那么,O2O又有多少繽紛呢,這個距離現在又多遠呢,這個主要就看本地生活服務企業的變革速度有多快,以及外界加入這一領域,改造這一領域的速度有多塊了。那種認為只要團購銷售額上去了,就可以把持O2O大局的看法,可能有些簡單了。當更多的本地生活商家厭倦了互相殺價、提供折扣求存的狀況后,在遇到可以為其提供優質服務的互聯網企業之后,那么就會孕育出更有新意的本地生活服務。

商戶的動力是巨大的,我相信很多商戶老板在開始做餐飲的時候,都滿懷著希望,希望給用戶提供特色的服務,讓人感到賓至如歸,感到誠意,選擇下次再來,但現實是自己不打折,用戶就都跑到別的餐廳用團購去了,于是自己也拋掉所有的理想,加入打折大軍中。你是否也有個等厭倦了職場生活,開一個小店的想法呢,那么在團購大戰的現在,顯然還不是一個好時機。

阿里巴巴曾經讓很多人實現了開一個網店,勤勤懇懇做生意,日夜不停的發貨,從而掙到一筆錢的理想,這是建立在阿里強大的一整套體系之上的,只要店主付出努力,就有希望得到收獲。那么,也應該有這樣的公司,可以幫助一個有本地生活消費理想的人,成就他的夢想。當我們的小店可以實現會員卡管理、訂餐、送餐、積分獎勵、用戶意見反饋、新品促銷、在線支付、甚至和別的店倒流做活動的時候,那將給用戶帶來怎樣的體驗呢。

再回顧一下星巴克的Mobile Pour服務吧:你在路上走著,突然想喝咖啡,通過允許星巴克知道你的位置,點好你要的咖啡,然后你就接著走你的,走啊走,不一會兒一個星巴克小伙子或者大姑娘就會踩著滑輪車給你送一杯來。這種服務怎么樣,或者你可以增加選擇,選擇大姑娘、小伙、圣誕老人、擎天柱什么的來給你送咖啡,但需要增加消費,你會選擇嗎,或者為了給你女友或孩子一個驚喜呢(這有點像神廟逃亡選人物一樣)。又比如說,我知道漢王有一個人臉識別機,可以識別1000張臉或者更多,那么辦會員卡的用戶是不是可以先存個臉,就把會員卡辦了,以后去咖啡廳刷一個臉,然后消費自己賬戶的余額就好了呢?其實,以上這兩個想法現在的技術都可以實現的。

在約會時,如果你跟西餐廳的服務員悄悄說,我想要一只玫瑰,或者一個點著火花的生日蛋糕,服務員能給你變出來嗎,現在不能,但以后,也許你在訂餐時候就可以增加一些道具的選擇了……好吧,還有很多方式,我們是可以選擇的,選擇所有餐廳都跟快餐廳一樣,還是每個餐廳都有自己的故事和回憶。而這些,并不是我們現在通常所說的那些打折的餐飲。對于用戶來說,他們需要餐廳帶來驚喜,對于商戶來說,他們需要實現自己開店的最初理想,對于有理想的互聯網企業,他們要幫助人們得到機會開出更多有特色的小店,實現他們自己的“小小事業”。

 

APP應用市場網站運營推廣6法

一、微軟收購諾基亞手機業務以后,會不會把“諾基亞”這個品牌及WindowsPhone做沒掉,因為微軟和諾基亞最近幾年的表現確實不咋的;

二、以微軟的軟件優勢和諾基亞的硬件優勢相結合,手機行業將出現以蘋果+iPhone、Google+Android、微軟+WindowsPhone三足鼎立的局面。而諾基亞借助微軟的軟件和市場實力,很有可能重回手機霸主地位,WindowsPhone借由諾基亞硬件優勢也可以穩坐移動OS第三大系統,甚至可以往上爬。

所以,不管是哪方面的觀點,都能拿出很好的論據。但是作為普通用戶的我們,微軟沒有宣布關掉“諾基亞”品牌,我們依然可以購買Lumia手機,只要你喜歡,我還看到有人在用多普達手機。同時作為互聯網從業者的我們,WindowsPhone依然是一塊很大的市場,WP應用助手、WP應用市場、WP資訊論壇等軟件和網站如雨后春筍。

市場很大,但是挑戰也很多,前些天和達派市場運營團隊閑聊的時候,他們紛紛吐槽,WindowsPhone現在還不夠普及,特別是女性群體。很多剛接觸WP手機的用戶表示不知道要去哪里下載游戲和軟件,也有一些人在糾結WP手機是不是需要和iPhone一樣越獄或者和安卓手機一樣刷機等等。熟悉安卓和iPhone的用戶都知道,下載一款APP無非有三個渠道,一是手機內置應用市場,二是PC端手機助手,再者就是上應用市場網站下載。達派團隊旗下剛好有這樣三款產品(達派手機助手機版、PC版及應用市場網站),在聊到如何推廣這三款產品的時候,我給了他們一些建議,任何一款網絡產品的最大載體其實都是website,網站推廣是否給力,直接影響到裝機量和激活量。下面我就大概講講APP應用市場網站推廣的十個技巧。

弄懂O2M,就等于弄懂了移動電商的真諦

因為弄懂O2M,就等于弄懂了移動電商的真諦,就有可能把握移動電商先機,才能在移動互聯網時代繼續領先潮流。

如果不懂O2M,甚至對O2M還知之甚少、一知半解,那就說明您對互聯網的認識還只到O2O層次。

這很可怕,當移動互聯網的浪潮已經洶涌澎湃沖刷著整個世界,您卻還停留在傳統互聯網時代,離移動互聯網時代仿若千里之遙。

業界,請把O2M講起來!

O2M,打上移動互聯網烙印的O2O模式

O2M似乎是一個全新的概念,業內有據可查較早提出這個概念的似乎是國美電器,時間在2014年3月。

2014年3月11日,每日經濟新聞報道稱,國美電器日前對外披露了未來的戰略發展方向,即“線下實體店+線上電商+移動終端”的組合式運營模式,又稱O2M。

國美電器副總裁何陽青認為,“真正的全渠道零售商并不是O2O,而應該是O2M模式,即線下實體店+線上電商+移動終端的組合式運營模式?!?/strong>

但筆者認為,O2M應是對移動電商O2O模式的一個專門注解,一個具有行業獨特個性的準確注解,而不僅僅是“線下實體店+線上電商+移動終端”的組合式運營模式。

它具有自己的獨特特點,有自己的烙印,它應該是專屬移動電商的,這個模式的核心在“M”,在于將傳統互聯網和線下流量都引向移動端,形成傳統互聯網、線下實體店與移動端的深入互動。

但主體和核心都是移動端,傳統互聯網和線下實體店都是為移動端服務的。移動端又反過來為傳統互聯網和線下實體店服務,為他們帶來流量。

相比O2O概念,O2M指出了online to offline的online部分有一個流動的過程,即從傳統互聯網向移動互聯網轉化、牽引的過程,還指出了offline to online部分也有一個流轉的過程,即從線下向線上移動端的引流。所有流轉的終點都在移動端。

這清晰地指明了移動電商與傳統電商的不同之處,即工作流程和原理的不同之處?!跊]有移動互聯網之前,O2O的工作原理是單純的傳統互聯網與線下實體店的互動過程。有了移動互聯網之后,O2O(即O2M)的工作原理是,傳統互聯網與移動互聯網可以有一個線上流量內部流轉的過程,線下流量有了一個向移動端流轉的過程,然后最后都集中在移動端進行轉化,最后再實現與線下實體店的互動。

也就是說,以前做電商,只要關注PC端用戶,將其進行有效轉化就可以了,但是現在,你要做到既關注PC端用戶,也要關注線下用戶向移動端的引流,然后再想怎么轉化。這就是O2M。

O2M不同于O2O,它是移動互聯網時代的產物,鮮明指出移動互聯網時代電商模式區別于傳統互聯網時代的不同,有誰也扯不掉磨不滅的行業烙印,深深打在每個移動互聯網從業者心上,它讓我們更清晰,移動電商到底應該怎么做。

所以,請不要將他與O2O混為一談。

離開O2O講O2M,等于緣木求豬

但從本質來講,O2M也離不開O2O的大背景,離開O2O講O2M,不是緣木求魚,而是緣木求豬——因為更難的是,你先要把母豬弄上樹。

首先,移動互聯網屬于線上的一部分,雖然它是具有自己特點的線上部分,一方面它是傳統互聯網的有利補充,能為傳統互聯網帶來一定的流量。另一方面,它與傳統互聯網互為因果,一起構成一個整體,與線下實體店形成互動效應。其次,O2M是O2O戰略的一部分,一方面O2M是O2O戰略于移動端的補充,讓電商在理論領域實現了對移動電商的覆蓋。另一方面,其實O2M甚至是O2O模式當中的一種,雖然它是O2O的特別表現,在很大程度上甚至是對O2O的超越和發展,因為它打破了傳統O2O模式僅限于對傳統互聯網與線下實體店互動的研究與關注,特別標明了移動互聯網和移動電商的地位,突出了它的個性。但因移動互聯網是互聯網的一部分,它始終也是online to offline模式的一種體現。

一言貫之,移動互聯網屬于互聯網的一部分,而O2O是互聯網的產物,所以O2M是O2O的一部分。

只不過,它的流程絕對不是線形的,而是分叉型。分為Online to mobil和Offline to mobil兩個支流。

Online to mobil

Online to mobil,字面意義即從傳統互聯網到移動互聯網。

從這里,我們領悟到的是,要做移動電商,我們首先要注重線上流量向移動端的引流。以往我們講O2O,很多人或許都沒關注過,其實O2O首先就存在一個online to online的過程,然后才是offline。有了O2M后,因為移動互聯網獨立于傳統互聯網而存在,online to online的過程就更明顯了,大家也許也就可以把這個過程看得更清楚,從而加大關注度了。

相對于O2O模式的online to online來說,O2M模式的online to online,也就是說Online to mobil會存在一些難以逾越的壁壘,因為畢竟平臺不同,從PC端向移動端,跨越的可是兩個不同的設備,兩個不同的網絡體系。筆者本文不會對如何突破壁壘做深入探討,但毫無疑問,這也會因此增加大家對這個過程的關注度和研究,并認同這個過程的真實存在。

在未來的移動電商實操過程中,如何解決online to mobil的壁壘問題,實現二者相互之間的順暢引流,將是一個重要課題。解決好了這個問題,移動電商又邁出了人類的一大步。

在這個過程里,二維碼等新興技術可以充當橋梁的作用,但是,還需要有更開明的競爭環境,以避免各種封殺,進一步加深這種隔閡,阻擋移動電商前進的步伐。

Offline to mobil

相對O2O來講,O2M更鮮明地指出了線下資源對線上的作用,或者說,更注重從線下向線上的引流。而O2O更多的是表明,通過把互聯網變成實體商業的前臺,然后讓線下的消費者通過線上渠道實現交易,再到線下去體驗與消費產品這樣一個過程。

在這樣一個過程里,用戶或許還為真正成為傳統電商的一個部分,很多時候,只是當他們有購物的需要時,才會到實體商業的前臺,也就是線上去。至少是,才會到電商平臺上去。

而O2M明確指出了移動電商的另一個方面是Offline to mobil。

我認為這是一個革命性的概念,它因為指出了二者的天壤之別。區別就是,移動互聯網已經通過各種應用程序及各種手段,把用戶變成了移動互聯網和移動電商的一部分,用戶不僅購物時需要移動互聯網和移動電商平臺,不購物時也需要移動互聯網和移動電商平臺,比如微信電商平臺,就是這樣一個例證。

目前要解決的只是,到底到哪一個平臺上去的問題。這也是業內電商爭奪的焦點,如果不領悟到Offline to mobil的真諦,及它與傳統互聯網O2O流程的區別,爭奪將繼續停留在原始階段,即企業簡單并購或重組,而不是從提升用戶體驗入手爭奪用戶,從根本上解決問題。

霍村開發APP以監測球員身體狀態

霍村開發了一款APP,球隊教練層將通過這個APP來采集數據,以監測球員的身體狀況。

對此,霍村主帥納格爾斯曼表示:“球隊這么做,只要是為了監測球員是否訓練過度,或者看看有沒有在最佳狀態里?!?/p>

“對我而言,APP所提供的數據,也將是我安排球員是否出場或者首發的依據之一?!?/p>

這并不是霍芬海姆的一次使用高科技,在賽季開始前,納格爾斯曼就引進了一個新的高科技設備,一臺高3米寬6米的超大電視。

這臺超大電視顯示屏將有助于教練團隊在訓練場現場直播分析球員們的訓練,并且及時糾正錯誤?,F場將會有四臺攝像機現場拍攝,并將畫面顯示在電視上,他們也是德甲首支引進這臺裝置的球隊。

工信部:將統一安卓消息推送標準 約束流氓App

工信部旗下泰爾終端實驗室6月1日發布消息稱,安卓統一的消息推送標準目前已取得階段性成果,未來將由終端廠商提供系統級推送服務(類似APNS的唯一推送通道),確保App的推送消息接收。消息推送是App運營的重要一環,為了優化消息推送成功率,降低電量和流量消耗,系統級的推送服務顯得尤為重要。但隨著安卓8. 0 版本的發布,未來App的后臺活動將受到更嚴格的管控,消息推送將只能通過系統級推送通道下發。

中國信通院泰爾終端實驗室認為,由于終端廠商和App廠商在消息推送服務的“限制—?;睢睂怪邢萑肓恕扒敉嚼Ь场?,形成了雙輸的局面,使這一服務阻礙了中國安卓生態系統的發展。

在此背景下,2017年3月6日,院泰爾終端實驗室邀請業內部分企業召開了基于安卓系統的統一推送服務研討會。包括:華為、小米、VIVO、OPPO、三星、魅族、中興、酷派等終端廠商;百度、阿里、騰訊、奇虎科技為代表的互聯網企業;以及個推、極光等第三方推送商。據雷鋒網了解,谷歌的推送專家也應邀參會并發表了對中國統一推送的看法。

泰爾實驗室稱,谷歌專家對于國內廠商的態度感到“興奮”,認為統一推送對于中國安卓產業的發展將起到積極的推動作用,表示將持續關注相關進展。

2017年6月1日,泰爾實驗室在官方微信上發表聲明稱,關于未來統一推送的架構體系,各方已經達成一致:未來將由終端廠商提供系統級推送服務(類似APNS的唯一推送通道),確保App的推送消息接收;相應的不再允許各App在后臺保留常連接,降低終端能耗、提升用戶體驗。與此同時,各終端廠商實現推送通道接口和功能統一,方便開發者接入。另外,第三方推送服務商原則上也遵循統一推送的標準,保證服務一致性,降低開發者學習成本。

控制推送服務亂象

推送消息對于App開發者提供了很大便利,已經成為了確保應用活躍的重要手段;然而,與此同時越來越多的亂象也隨之出現。例如基于推送消息的“?;睢?、“相互拉起”等行為,給用戶和生態造成了負面的影響。另外,各種自定義推送消息的泛濫也對手機通知欄的展示造成了影響,破壞了界面的統一性。

在統一推送的標準中,各方針推上述情況達成了共識,為了確保生態的質量,對于消息推送會增強管理。例如,通過推送消息的相互拉起明確不被允許,利用透傳消息拉起App的行為也被禁止。同時,為了保證用戶體驗,原則上也不支持推送消息的定制化(包括消息樣式的定制化以及提示音的個性化,通知欄圖標不允許使用外鏈),保證消息推送的公平性和用戶界面的一致性。

減少對用戶打擾

目前, 大量的“垃圾推送消息”對用戶的打擾遭到了大量用戶詬病。類似于“垃圾短信”,過度的消息推送不僅對用戶造成了打擾,而且也導致有用消息被淹沒在消息的海洋里。各企業為了消息觸達用戶不得不增加消息推送,造成惡性循環,嚴重破壞了生態。因此,對于消息推送的管理和引導已經十分必要。

在統一推送的標準中,為了幫助開發者提高推送的準確性,在推送通道中定義了批量推動消息的信息反饋機制,在消息過期后將每次推送的最終情況(展示、拒絕或其他類型錯誤)返回給開發者,幫助開發者不斷根據反饋信息提升消息推送的準確度。同時,對于濫用推送消息也將進行限制,對于用戶點擊率很低或用戶消息屏蔽較多的App,可能采取包括限制推送條數、拉入黑名單等懲罰性措施。引導開發者注重用戶體驗,實現凈化安卓生態的目標。

減少開發者負擔

統一推送對于開發者的一個福音是,由于推送API的統一,未來各終端廠商將提供系統級API實現推送功能(即App無需嵌入各通道SDK)??紤]到實際情況,為了兼容已有機型,手機端還是會提供一個簡單的SDK,判斷手機是否支持統一推送。若支持則可以直接調用ROM API,否則按照當前已有方式進行推送(為了適配已有機型還需要保留推送SDK)。隨著手機的自然更替,未來支持統一推送的終端數目會不斷更加,從而逐步實現統一推送的平滑演進。

下一步工作與展望

推送通道的暢通對于APP開發者十分重要,為了保障廠商推送通道的服務能力,泰爾終端實驗室將聯合各個企業探討推送通道的技術要求和測試方法,確保推送通道穩定提供服務。同時,泰爾終端實驗室還將聯合各相關企業成立“中國統一推送聯盟”,邀請相關企業和同行共同參與、坦誠交流,盡快推送相關工作取得更大的進展,打造更好的安卓生態,促進我國移動互聯網產業取得更大的發展。

在谷歌服務缺席的情況下,中國的安卓用戶一直感受不到Android的真正好處,如果安卓統一推送服務未來能夠成為一項行業標準,對于廣大的國內安卓用戶來說,這絕對是一大利好。不過,目前還不清楚,工信部的這一舉動會是否對包括友盟、個推、極光在內的第三方推送服務商的現有業務造成沖擊。

 

修煉成功App的秘訣,占據應用排行榜

隨著移動互聯網的發展,App的競爭也愈演愈烈,激烈程度相比于人才市場有過之而無不及。一般來說,App的生命周期始于開發完成到產品發布再 到新的迭代,如此循環反復。而App在整個生命周期中煉造的過程,包括定位產品,吸引用戶到最終能稱得上是一款成功的App,顯得尤為關鍵。今日就帶各位 梳理一下修煉成功App的秘訣。

  1、App起點要選好:擊中用戶的痛點

參加任何比賽,起跑線既能約束你,又能成全你,跑道很重要,起點更重要。任何一個成功的APP必然是以用戶的痛點為起點,也定能達到擊中用戶的某一個或幾個痛點的目的。

例如近期異?;鸨摹澳槂灐?,一款通過面部識別技術將用戶的臉換為任何人甚至是動物的娛樂App,從2015年9月8日正式上線以來,僅幾天的 功夫就躥升至App Store排行榜前十的位置。它的火爆正是發掘了人們追求娛樂性、渴望玩出“鬼”的痛點。市面上各種帶有娛樂功能的拍照App層出不窮,其中不乏換臉 App,但它的神奇之處在于能夠實現動態換臉,可以跟著用戶的臉左右晃動,呈現出清晰的面部“懸浮”效果。正因為如此,大部分用戶都能玩的不亦樂乎。再進 一步,它抓住的是移動互聯網時代人們越來越嚴重的心理壓力與內心深處想要“變臉”的特性。

  2、App彎道超越:多方合作,夯實基礎

一路上,App需要不停的改進、調試,一款App從開發完成到產品發布,只是一個初步試水的過程,無論是UI界面,還是功能設計,都是一個市場 投放與等待回饋的過程。針對原有版本畫面不夠精美,功能實現單一等缺點,App產品不斷推陳出新。在之后的版本更新迭代中,實現加載速度快,內容顯示更簡 單明了,指引用戶消費等功能,增加用戶粘性和更為豐富的用戶體驗。App開發長路漫漫,人多擁擠,想要先人一步,在伊始階段要學會彎道超越。

彎道超越要借助多方力量。漫長的奔跑中,你始終都不是一個人,有觀眾,有志愿者,還有醫護人員。等沉甸甸的獎杯拿到手,你想感謝的也不止一個 人。同理,App從初步問世,到產品的改進、豐滿乃至走向,在某種程度上也離不開多方力量的共同作用。要知道,一款App能否成功,絕不是一個開發團隊的 事,也不止是依靠一個Good idea和一個強大的運營團隊,還需要一個堅實的產品質量后盾作為基礎,助你彎道超越。

  3、高性能、高速度

在當前的網絡環境下,APP產品的性能好,加載速度快,用戶無需等待與忍耐,這是判斷一個APP好不好用的重要標準。微信的性能就相當突出,在 網絡環境很差、很多APP都無法打開的情況下,它還能夠使用。但性能和加載速度并不是純技術層面的問題,也包括策略層面的考慮,開發者需要對速度與效果進 行平衡評估。

  4、選一做精

App是作為在手機等移動終端上使用的,精簡很重要,因為設備屏幕空間有限,用戶完成的任務也有限。選擇一個定位,并將其做到極致,重點突出核心功能,可以找到不核心的功能,舍棄不需要的功能。

在產品設計時要考慮“用戶想要什么”,而不是“你想給什么”。

用戶使用APP就像魚在池塘中游弋,產品開發者需要通過搭建障礙來引導用戶。某些通道的口會留得很寬,那是希望用戶經常用的功能;某些口很窄,想通過要困難一些,適用于用戶使用較少的功能;有的地方就是雷區,不能讓他們過去。

 5、靈活有愛

靈活要時時更新數據,在產品中增添好玩的細節、功能,比如根據熱點、天氣等時常更換有趣的開機界面,讓用戶感覺你一直在用心去做,而不是冷冰冰 的工具;這里說的“有愛”是指要善于跟用戶交互,并盡量讓人感到愉悅。要做到這些,首先要認清自己的用戶群體,根據他們的特征喜好不斷增加細節元素。針對 不同消費群體的個性標簽,在APP中不斷的加入個性化的搜索和服務,再比如以年輕群體為主要用戶的QQ和微博,推出花哨的QQ皮膚,個性十足的微博模板, 順應消費群體的個性化需求,讓限量狂、大牌粉等個性用戶,玩的更盡興。

有了這些可以借鑒的成功秘訣,你的App離成功僅一步之遙了。但是App的成功往往都不是偶然,即使一夜爆紅,也是因為背后多方團隊共同努力, 厚積薄發的結果。如果你還在為一個Good idea冥思苦想,而擱淺了你的產品開發,那么建議你先埋頭做好產品,因為不是所有的團隊都可以做到以上所說的成功秘訣,也不是所有成功案例在你身上都適 用,畢竟好產品才是我們小創業者大夢想家的唯一出路。

作為一名合格的移動APP產品經理,你必須知道的15款優秀App原型設計工具

首先,一款優秀的移動APP產品原型設計工具應該具備: 這些年,產品狗們折騰過的原型工具:

1. POP(Prototyping on Paper)

算是移動App原型設計神器,很多公司在用:quora、sina、豆瓣、36氪、ifanr…

操作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然后開始編輯圖片的哪個區域(按鈕)鏈接到什么頁面,添加跳轉鏈接熱區,就可以在iPhone上給小伙伴們演示了,并且POP內嵌的交互動作 如側滑、展開、消失等,即可滿足一般的動態演示需要。不太明白?

2、Pencil Project

Pencil是一款開源的可以用來制作圖表和GUI原型的工具,可以作為一個獨立的app,也可以作為Firefox插件。內置模版可以幫你繪制桌面和移動界面中用到的各種各樣的用戶界面,包括流程圖、UI和一般的通用圖形。

通過它內置的模板,你可以創建可鏈接的文檔,并輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。Pencil Project還包含大量移動app模版。

3.Axure

大家都很熟悉了,這里主要說下移動端的演示,這樣才充分表達原型意圖。按F5生成原型的時候,在“Mobile/Device”選項中可以設置適配 移動設備 的特殊原型(Axure 6.5以下版本),再用移動設備訪問你生成的原型鏈接即可(該頁面創建一個桌面快捷方式)。

4、Proto.io

Proto.io是一個專用的手機原型開發平臺——可以構建和部署全交互式的移動程序的原型,并且可以模擬出相似的成品。它可以運行在大多數的瀏覽器中,并提供了3個重要的接口:dashboard、編輯器以及播放器。

dashboard 可以用來管理項目。編輯器是構建原型的環境,由一組設計和開發原型的工具組成,另外還可以構建交互。播放器用來觀看原型,并與原型進行交互,并提供了相關 工具來標注和保留反饋信息。你可以直接在真實的移動設備上對原型進行測試。并且可以使用iOS或Android上的瀏覽器以全屏模式運行原型。

5、Moqups

是一個非常好的、免費的HTML5應用,通過它可以創建可愛樸素的線框圖、實體模型和UI概念。該程序使用起來非常簡單,并且有內置的模板可以直接使用(模板包括單選按鈕、鏈接、圖像占位符、文本框以及滑塊等)。

它還提供了iPhone和iPad模板,以及iOS相關的按鈕、提示框、picker、菜單、開關以及鍵盤等。你可以設置網格的尺寸,并預覽和分享你的線框圖。Moqups提供了一個很有用的功能就是對齊網格,可以使對象精準對齊。

6、UXPin

UXPin是DeSmart團隊開發的一個簡易快速的實體模型和在線可點擊原型創作工具。它基于優秀的用戶體驗設計原則,在構建原型中,它提供了一個完整的工具包(該工具包具有良好的用戶設計模式和元素)來從頭構建一個出色的原型。

UXPin 具有響應式的斷點功能,創建的響應式原型和線框圖可以運行在不同的設備和分辨率上。另外該軟件還提供了版本控制和迭代功能,可以輕松的共享預覽,直觀的注 解和實時的協同編輯和聊天。該軟件擁有大量具有吸引力的用戶界面元素風格(包括web,iOS,Android等),并且具有快速、靈敏的響應拖放接口。

7、Omnigraffle

OmniGraffle是由The Omni Group制作的一款帶有大量模版可以用來快速繪制線框圖、圖表、流程圖、組織結構圖以及插圖等類型圖的app,也可以用來組織頭腦中思考的信息,曾獲得2002年的蘋果設計獎。

它采用拖放的所見即所得界面,你可以用鋼筆工具繪制自定義的模版或者圖形,此外還自帶Graffletopia提供的多個iPhone、iPad以及Android模版。

8、JustinMind

JustinMind是由西班牙JustinMind公司出品的原型制作工具,可以輸出Html頁面。與目前主流的交互設計工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更為專屬于設計移動終端上app應用。

JustinMind 可以幫助開發者設計更豐富、更具交互新的移動產品線框圖,包含了iPhone、Android以及iPad常用手勢,滑動、縮放、旋轉,甚至捕捉設備方向 等,從而創造出更具交互性的原型。另外,它可以導出原型信息到Microsoft Word,生成規范的文檔。

此外,你還可以自定義小組件,創建自定義組件庫,并進行分類,不管對象是iPhone、iPad、黑莓、Android還是其他。

9、FluidUI

Fluid UI是一款用于移動開發的Web原型設計工具,可以幫助設計師高效地完成產品原型設計。Fluid UI 內置超過1700款的線框圖和手機UI控件,并且還會經常進行更新。 Fluid UI無設備限制,無平臺限制(Windows、Mac以及Linux系統),支持Chrome和Safari瀏覽器(Chrome瀏覽器上的app也可離 線使用)。你可以使用Fluid Player來預覽你的設計,收集意見和反饋。還可以以PNG、PDF方式輸出。

Fluid UI使用方法簡單,采取拖拽的操作方式,不需要程序員來寫代碼。另外,Fluid UI資源庫非常豐富,有針對iOS、Android以及Windows 8的資源。如果你覺得庫存資源不能滿足你的需求,你也可以自行添加。

10、Protoshare

ProtoShare:在線網站開發協同制作工具是一個十分便捷的在線原型制作工具,側重于團隊協作。團隊成員可以通過這個工具對工作進行審查,并及時提供反饋,對線框圖或內容進行建議。

作為一個強大的線框圖和原型平臺,Protoshare提供了大量移動工具集(有來自中心資源庫的大量移動模版和大量2D、3D動畫過渡)。通過 “拖放”界 面,你可以快速創建交互式的線框圖和移動原型,然后發送至iPhone、iPad或者Android設備進行測試,體驗app的功能實現情況。

另外,Protoshare還支持分享和反饋功能,項目成員可以標記和跟蹤的反饋信息來做出決定。而大量的資源庫意味著你可以使用模版和獲得的反饋創建移動產品線框圖,進而演變為高保真的原型。

11、 Wireframe

Wireframe是一款具有“點擊-拖-放”界面且超簡單的線框圖創作工具。雙擊實現編輯功能,有限的界面意味著你會把精力集中于你的想法上。還給每個線框圖分配了特有的URL,便于標記和分享。

Wireframe有瀏覽器窗口和移動手機兩個模版選項,移動版有縱向和橫向兩個選擇。線框圖的每個元素都可以編輯和轉換。

12、InVision

InVision是一個便捷的產品原型生成工具,用戶制作一個在線原型只需要四部:創建一個工程、上傳視覺設計稿、添加鏈接以及生成在線原型。

確切說,InVision提供的不是準確的線框圖,而是一個快速原型的環境,可以把你的UX/UI草圖快速連接起來。數字型的線框圖和高保真的設計 可以幫你測試app的工作情況,同時該工具還支持協作和分享功能,生成的在線原型可以支持任何人在產品原型的任何地方評論,便于準確的交流。

針對iOS開發,InVision還增添了其他功能,比如自定義主屏幕icon和自定義加載頁面。

13、Mokk.me

Mokk.me 是一個簡單快速的原型工具,通過界面上簡單的拖放操作,不用了解單線編程就能創作一個可以分享、測試以及多平臺的app。目前,Mokk.me正在測試 中,但它是一個簡單的基本的工具,任何人可以用它來創建app的布局。你可拖、放或者編輯小工具,可以搭建和連接頁面,還可以選擇過渡動畫。它的特點還在 于頁面和按鈕、圖片小工具、文本輸入以及復選框形式。

另外,你可以借助HTML、CSS以及JavaScript完成app其他一些功能,一旦你創建了原型,你還可以進行分享,在iOS 和Android上進行測試。

14、iPlotz

iPlotz 是一款可以用來創建可點擊、可導航的原型和線框圖工具,適合網站開發者和移動app開發者。你可以在一個可調整的頁面拖放元件,然后連接起來,增加其他屏 幕或者頁面的熱點鏈接。你可以選擇使用iPhone/iPad模版或者Android模版,任何模版都有獨一無二的元件設置。

iPlotz界面明白易懂,支持協同工作、可分享的編輯權限、任務管理以及評價系統。另外,項目可以以IPML、JPG、PNG、PDF以及HTML形式輸出。

15.Adobe Illustrator 俗稱AI

這是adobe的一款矢量圖設計軟件,推薦給設計師轉型過來的PM(沒興趣的跳過),電商圈不推薦再去費力學習其他軟件,達到溝通的目的提高效率是王道。上圖是設計出來的原型成品,可以結合上面提到的POP去演示,so easy。

寫在最后:蘿卜白菜各有所愛,沒有最好的工具,只有最順手的,最終的目的只有一個——溝通。