Demoo – 為移動端方案設計演示而生

jopen 8年前發布 | 8K 次閱讀 移動端
 

在移動互聯網產品設計過程中,我們會在紙板或電腦工具上畫出簡單的線框圖,用思維導圖標注界面間的關系等,但往往,我們在不斷反復的討論中會因為一些理解上的誤差,或是一些細節無法腦補還原,而影響方案的實施,影響項目的進度或質量。

Demoo – 為移動端方案設計演示而生

“樸素”的關系或原型圖方案會帶來一定的溝通理解成本,所以需要方案最終以一個模似真實的APP,可以滿足的操作演示的同時,借此來講述方案的各類關系與細節,驗證操作體驗等的可行性。

Demoo – 為移動端方案設計演示而生

在早期的軟件設計時代,很多團隊會借助像Flash、AE等動畫工具,用動畫的方式,輸出一個模似真實的軟件界面,來完成這類演示需求,但并不完全能滿足模擬操作或快速修改,實現成本亦相當大,并不利于高速迭代優化的方案輸出。

當然,移動互聯網時代,也有很多更輕便可以符合APP方案設計演示的工具,從QQ音樂5.0的設計之前,我們嘗試了很多互聯網國內外優秀的 Demo演示工具,但很快發現,都因不堅持迭代更新、速度緩慢、功能臃腫或缺失等原因而遺憾放棄,難以滿足團隊的工作訴求,于是萌生了設計研發一個小而 美,專門滿足“簡單、更捷、演示”APP設計方案的工具,拉起一個小團隊,花兩晚上輸出了一個簡單粗暴的版本,為QQ音樂5.x、全民K歌等多個項目的方 案設計提供高效的支持。

Demoo – 為移動端方案設計演示而生

在過程中,也不斷加入了一些團隊的剛需功能,慢慢在公司內部散播開,被更多的項目團隊采用,同時也收到了一些體驗上的誠懇建議,一直沒違背它“小 而美”的定位,在更多團隊的請求下,我們把工具在安全性和穩定性進行優化,本著互聯網分享精神,在2015年圣誕節來臨之際,送給互聯網產品和設計團隊一 份禮物,分享奮斗在一線可愛有同樣需求的人兒。

Demoo – 為移動端方案設計演示而生!(這句話應有五毛錢的跑馬燈特效)

它是誰?

Demoo基于web設計搭建,無需安裝,在瀏覽器內可視化操作,簡單便捷的創建方式,通過上傳平面稿件,用手勢或觸點熱區的方式把界面關系連接 起來,加入連接轉場特效,輸出一份仿真APP的、可體驗操作的設計方案,滿足在電腦、會議投影現場及手機上體驗操作,或分享給工作伙伴,直觀清晰地理解設 計上的細節,促進討論溝通,同時還可授權給其他成員協同修改優化。

Demoo – 為移動端方案設計演示而生

基本功能

創建項目,無需代碼技能,做一個演示DEMO,彈指間只需四步:

1. 新建原型 - 批量上傳移動端稿件,在編輯區生成多個卡片;

2. 設置劃動手勢或熱區觸點 - 輸出界面間的關系和觸發區域;

Demoo – 為移動端方案設計演示而生

3. 選擇轉場動畫實現流暢的切換效果;4. 保存預覽 - 輸出DEMO進行分享、演示和討論。

Demoo – 為移動端方案設計演示而生

更多細節功能

1. 編輯區域給卡片排序、更名;

2. 編輯區域雙視圖切換,并可放大、縮小卡片的顯示尺寸,滿足不同的編輯需求;

3. 設置卡片頂、底部固定區域,讓長稿件的中間部份滿足上下滾動的體驗;

4. 設置APP icon和閃屏;

5. 授權給其它用戶編輯,協同辦公。

Demoo – 為移動端方案設計演示而生

更多功能期待您來發掘…

體驗與分享演示

提供演示DEMO二維碼,用手機版QQ掃碼,可高保真全屏體驗APP效果;

Demoo – 為移動端方案設計演示而生

在電腦操作創建及預覽,在會議現場投影演示講述;

Demoo – 為移動端方案設計演示而生

參會成員可用手機版QQ掃碼在手機全屏仿真體驗與講述者同步并參與討論;

Demoo – 為移動端方案設計演示而生

萬水千山總是情,體驗再說行不行!

http://isux.us/demoo

歡迎加入Demoo體驗交流QQ群(137539570),一起探討操作Demoo生成演示DEMO的技巧,也為Demoo提供更多寶貴意見,讓它能變得更美好,走得更遠,我們也將不斷優化迭代,提供更優更穩定的服務。

Demoo – 為移動端方案設計演示而生

為什么是QQ手機版掃描?

因為只有QQ手機版掃描Demoo生成的演示,才能全屏顯示仿真模擬APP的體驗,全網僅此!

(此處應該有掌聲)

分享體驗再看,年薪百萬!

祝親圣誕快樂,2016再度提升!?

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!