調査:モックアップツールの技術選定

  • こんばんは、小村だよ!

  • 前回にひきつづき調査だよ!

  • ちょっとしたら、少人数で集まってアプリのモックを作成することになりそう

  • ひとまずはGoogleSlide使ってつくることになりそうなんだけど

  • いやこのご時世にスライドでモックアップって……

  • 個人的には物足りないので、いいツール探して提案した~~~い!

  • というわけでモックアップツールについて調べていきます!



目次

  1. こだわるポイント
  2. 条件に合うモックアップツール一覧
  3. 決定
  4. XDの使い方を改めて学ぶ



記録

こだわるポイント

  • モックアップツールを選定するうえで、下記の条件を満たすものを探します

    • 前提

      • ひとまずチームは3~5人を想定
    • 必須機能

      • 値段が無料、または安くてある程度使える
    • プラス要素

      • ある程度見栄えがよい
      • チームで共有するのがたやすい
      • 使い方がわかりやすい



条件に合うモックアップツール一覧


cacoo(カコー)

  • 月660円/アカウント

  • 無料期間あり:14日間

  • シンプルで使い方はわかりやすそう

  • 画面遷移図はない

  • チームで使用するという機能は充実していそう


prott(プロット)

  • 月11100円/3アカウント

  • 無料期間あり:2週間

  • 画面遷移図機能がある(モックの完成度が高い)

  • チームで使用するという機能は充実していそう


Adobe XD



決定

  • や、もともとXD使ってたんだけど

  • 改めてほかのとバーッと比べてもさ

  • めっちゃいいじゃんね!

  • 無料であんだけ使えて、1名までは共有もできるとか破格すぎません???

  • たいていのモックアップツールは無料期間あるのに無期限て!!

  • Scetchとかはmacじゃないと使えないけど、こっちはWindowsで使えるし!

  • XDでいいじゃんね!!!!

  • 決定!!!文句は聞かん!!!



XDの使い方を改めて学ぶ

f:id:kom314_prog:20210911163308p:plain


  • 遊びました!初級編は全部やってみたよ!

  • 中級編は途中までやってあと通読して完了!

  • やっぱ直感的でいいですね!AdobeXD!

  • よかったーーー!これで自信をもってADOBE XDを自信をもって人に勧められます!



おわりに

  • 一通りモックの作り方もちゃんと理解できたので、先導してプロトタイプ作れそう!

  • まぁデザイン自体は苦手なんですがね。。そこは他の人に託しちゃお

  • ではでは、ちゃお~~~!