wireframe tool for apps - 設計大舌頭

wireframe tool for apps · POP — Prototyping on Paper · 筆者自己使用後的心得 · flinto · 最新文章. Skiptocontent wireframetoolforapps APP,UI/UX,心得分享 73月,2014 Jeremy 無論是web或app，wireframetool是設計師與RD或客戶討論一定要使用到的工具，尤其是以DesignDriven與講求效率的公司所必備的，因為wireframetool有快速、真實感的特性！ 今天要介紹兩款wireframetools（POP屬於wireframetool，而flinto屬於prototype工具），它們的功能都非常齊全、夠用，但使用的時間不太一樣。

一款是台灣團隊研發的POP—PrototypingonPaper，另一款則是flinto。

  POP — PrototypingonPaper 圖片來源：POP官網 POP（wireframe用）是一款講求概念發想初期時，大家動筆畫出概念原型，並將草圖拍成照片，藉由POP將相關頁面連結，呈現功能與頁面的關聯性，進而討論，如此一來，可以藉由操作的過程中發現更多使用上的問題與產生更多想法，概念便會更清楚。

  筆者自己使用後的心得 如果太多張且裡面有許多頁面有點像，操作起來效率上就不是那麼好。

整體而言，太多張比較不會是POP的主要問題，因為在概念發展初期，使用手繪的功能、頁面基本上都不多，但連結功能與頁面的效率上，應該可以更快些，也許可以類似iphone多工的概念，讓一個buttonorfunction可以一次連結多個頁面，而不是同一個動作要分好幾次。

頁面有些相似，在選取時容易選錯，如下圖： 圖片來源：POP官網   當你選擇了AlinktoB，結果B的頁面與其他頁面差異不大時，就容易選錯而上一頁、下一頁來來回回，降低了效率。

其解決方法也許可以參考FacebookPaper的卡片式設計、slide、放大縮小等UI動線。

分為上跟下兩層，上面爲A頁面，下面為linkto….的那些其他頁面，當你滑動時，看到好像是你要的頁面時，可以往上推、放大，進而確認是否是你要的頁面（或不需往上推，因為畫面也夠大），使用起來應該可以大大解決誤判與效率的問題。

facebookpaper卡片是設計｜圖片來源官網   flinto 圖片來源：flinto官網   會接觸到flinto也是朋友大力推薦的原因，他還說雅虎也是用這款喔（我未證實），仔細研究一下，它的使用時機比較偏向Demo時（prototype用），將設計完成的UI圖檔匯入電腦（POP是在手機端完成功能連結），進行功能、頁面的連結，完成後，可以發佈mail供朋友使用，整體看起來非常像真的app，如此一來，大大提升了你的專業程度！ 相關Demo   POP—PrototypingonPaper與flinto兩款wireframetools只有支援iosapp的原型製作flinto已經開始支援android了，POP也支援ios/android/windowsphone，目前均是免費（試用），大家不妨下載來試用看看，如果好用，請大家多多推廣一下！   本文章所屬設計大舌頭與作者所有，未經授權，不得轉載！如需轉載，煩請通知。

其他人也看了這些... 設計師在日本的UI專案設計流程 重新思考、設計Nike+Runningapp 設計師最常忽略的UI頁面狀態：空白狀態（emptystate） 設計師必懂(一)–Wireframe與Prototype的不同 設計師學習Framer第三章：運用Animation讓原型更生動 製作iPhoneX的互動原型該注意哪些事項？ 訂閱設計大舌頭 隨時關注第一手UX、UI、科技、設計新知 電子郵件 訂閱 Jeremy 喜愛藝術的浪漫卻又執著於理性的思考，常常把自己逼到令人無法理解的老胡同。

最近專注於數據觀察與設計思維的交互驗證，期待兩者之間的激情火花。

全部文章 Shareonfacebook Facebook Shareonlinkedin LinkedIn Shareontelegram Telegram Shareontwitter Twitter Prev上一篇紅米手機把玩心得 下一篇連續劇集數安排Next 最新文章 Clubhouse為什麼熱門？從UIUX的角度淺談（一） 2021-02-08/ 0Comments 手機拿法也會影響介面設計–淺談拇指法則 2020-02-06/ 0Comments Supr.Link最安全的縮網址服務 2020-01-13/ 0Comments 開發流程優化人人有責：設計也能營運？ 2019-07-06/ 0Comments 台灣社會創新發展趨勢(本場次全程QA)–MIX2019Day1 2019-05-14/ 0Comments 數位金融–MIX2019Day1 2019-05-14/ 0Comments UI/UX 教學文章 心得分享 電子商務 體驗文 0 ×