萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 為移動端方案設計演示而生的DEMOO

為移動端方案設計演示而生的DEMOO

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

為移動端方案設計演示而生的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的體驗,全網僅此!

  (此處應該有掌聲)

copyright © 萬盛學電腦網 all rights reserved