手書き風ワイヤーフレームで進める画面定義の話 - HOW TO GO
主に企業向けの業務システムなんかを作ったりする仕事してます。 SIerなのでお客さんとどんなシステムを作るかあーだこーだ言いながら決めていくのですが、 いつも困るのが画面をどんな感じにする？ってところです。 ちょっと前に社内勉強会で発表したのですが、最近振り返る機会があったのでBlogにしてみます。 どんな画面が使いやすいの？ 要件は聴きます。どんな目的でこのシステムを作るのか、とか。 なのでなんとなくですが、画面の構成・画面遷移など考えることができます。 でも細かい使い方やは画面イメージを見てみるまでお客さんもわかりません。 手戻りもイヤなので画面の定義はちゃんとやっておきたいところです。 「なんかいい感じで」と言われても、お客さんの好みもありますよねぇ…。 そんな課題を解決すべく、iPlotzという手書き風ワイヤーフレーム作成ツールを使って画面の定義をした話です。 http://ipl
Pingendo というBootstrap 4 ベースのプロトタイピングツールが良い - Qiita
動作環境 Windows(筆者環境), MacOS, Linux 社内でアプリ開発がありプロトタイプ作成のため色々ツールを探していたのですが、同僚が教えてくれたBootstrap 4 ベースのPingendoが良かったので紹介します。Pingendoのオススメポイントは主に以下の3つです！ ドラッグ & ドロップでUIパーツを配置 Bootstrap 4 ベースの豊富なUIパーツ アプリ内での高いカスタマイズ性 以下詳細を見ていきましょう。 ドラッグ&ドロップでUIパーツを配置 Pingendoの画面構成は以下のとおり。 画面左にUIパーツ、中央にプレビュー、画面下にコード（デフォルトでは最小化）、画面右はテーマという配置です。レイアウトは洗練されているので使う時は迷うことないかと思います。 私が感動したのは左のメニューからコンポーネントを配置する際の手軽さです。動画で見ればすぐ解るかと思
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
