検索ボタン
←表示ページに戻る
loading...

検索結果

プロトタイピング研修～Figmaによるシステム画面設計編

DX・ＯＡ・ＩＴスキル

プロトタイピング研修～Figmaによるシステム画面設計編

システムが動いているかのようなプロトタイプを簡単に作れるようになる

No. 6117001

対象者

  • 若手層
  • リーダー層
  • 中堅層
  • 管理職層
  • 部長・経営層

・画面設計を担当する開発担当者
・アプリケーションやウェブサイトのデザイナー
・システムの要望を具体化したいユーザー部門の方

よくあるお悩み・ニーズ

  • PowerPointやExcelで画面設計をしており、効率化したい
  • illustratorやDreamweaverでデザインやコーディングをしているが、インタラクティブな画面設計をしたい
  • 文章や図で要望を伝えているが、何度もやりとりが発生するため効率化したい
  • 画面設計やデザインを委託しているが、高コスト・煩雑とお考えの方

研修内容・特徴outline・feature

本研修は、プロトタイプを使ったシステム開発やその意義、基本的な操作方法を習得する研修です。既存システムの拡張開発のワークでは、前例踏襲により誰でも容易に画面設計ができることを体感できます。また、新規システム開発のワークでは、設計のポイントを学んだうえで、ターゲットユーザーや利用目的、シチュエーションを考慮した画面設計に取り組みます。

この研修ではFigmaの操作方法に特化するのではなく、デザインツールを活用した効果的な画面設計のポイントを学びます。

＊この研修ではＰＣを使用します＊
研修会場にノートＰＣをご用意をしております
（持ち込んだＰＣのご利用はできません）

到達目標goal

  • デザインツールを使って、システムが動いているかのような画面設計ができるようになる

研修プログラムprogram

内容 手法
  • １．システム開発とプロトタイプ
    （１）プロトタイプとは
    （２）システムのプロトタイプを作成する意義
    （３）システム開発の流れとプロトタイピングの位置づけ
 講義
ワーク
  • ２．画面設計の流れの概要
    （１）プロトタイプ開発の流れ
    （２）画面作成のポイント
講義
ワーク
  • ３．Figmaの基本操作
    （１）画面の見方と操作方法
    （２）基本操作を習得する
講義
ワーク
  • ４．プロトタイプの作成演習～既存画面の更新
    既存の顧客情報管理システムに新しく機能を追加する
講義
ワーク
  • ５．画面の作り込み
    （１）設計方針を決める
    （２）入出力項目を決める
    （３）画面表示・操作のポイント
    （４）レスポンシブ ウェブデザイン
    （５）プロトタイプを使ってみる
    （６）プロトタイプ作成時の注意点
講義
ワーク
  • ６．総合演習
 講義
ワーク

企画者コメントcomment

これまでのツールでは、ウェブページやウェブアプリケーションの画面設計の決定版と呼べるようなものはありませんでした。 Figmaであれば、デザイナー、開発者、ユーザー部門の方など、職種を選ばずかんたんに操作方法を習得することができます。これにより、ウェブページやウェブアプリケーションの画面作成を低コスト化・高速化することができます。ぜひご活用ください。

スケジュール・お申込み
（オンライン／セミナールーム開催）schedule・application

注意事項

  • 同業の方のご参加はご遠慮いただいております
  • 会場やお申込み状況により、事前告知なく日程を削除させていただくことがあります
  • カリキュラムは一部変更となる可能性があります。大幅な変更の際は、申込ご担当者さまへご連絡いたします。

事前のご案内

キャンセルやお申込みの期日はオンライン開催とセミナールーム開催で異なります、ご注意ください

受講できそうな日時がない…　日程を増やしてほしい…　
そんな時には「研修リクエスト」

研修リクエストサービス

「研修リクエスト」とは、お客さまのご希望の日程、内容、会場で、１名さまから インソースの公開講座を追加設定するサービスです。 サービスの詳細や、リクエスト方法はこちらをご確認ください。

※受講者数１名以上の場合から、リクエストを受け付けております

※ご連絡いただいてから研修実施まで、通常2か月程度かかります（2か月以内での急ぎの実施も、ご相談可能です）

お問合せフォームへ

受講者の評価evaluation

本テーマの評価

内容：大変理解できた・理解できた

88.2%

講師：大変良かった・良かった

88.2%

※2022年10月～2023年9月

実施、実施対象
2022年9月　　　　　4名
業種
インソース
評価
内容：大変理解できた・理解できた
100%
講師：大変良かった・良かった
100%
参加者の声
  • WEBデザインの考え方、意識するポイントなど様々な情報を得ることができたので、WEB画面の改修時の要件定義にてワイヤフレームを作成する際などにツールを利用し、満足度が高いデザインを検討します。

実施、実施対象
2021年2月　　　　　3名
業種
インソース
評価
内容：大変理解できた・理解できた
100%
講師：大変良かった・良かった
100%
参加者の声
  • プロトタイプを効率的に活用し、ゼロからの画面設計をスピーディに受診していきます。エンジニアに作ってもらいたいシステムの創造図を見せられるようになりたいです。
  • システムを作る際にイメージをすり合わせる作業では、自分が積極的に作業に参加してより良いものを素早く完成させることに活かしていきます。

実施、実施対象
2019年12月　　　　　2名
業種
インソース
評価
内容：大変理解できた・理解できた
100%
講師：大変良かった・良かった
100%
参加者の声
  • まずは現場で使ってみて、他社との情報共有などに活かせるようにしたい。
  • ツールの社内展開をしたいと思った。

お問合せフォームへ

  • 若手層
  • 中堅層
  • リーダー層
  • 管理職層

業務改善研修
  • 若手層
  • リーダー層
  • 中堅層

ＵＩ（ユーザーインターフェイス）設計力向上研修
  • 若手層
  • 中堅層
  • リーダー層

（システム担当者向け）要件定義研修
  • 新入社員
  • 若手層
  • 中堅層
  • リーダー層
  • 管理職層
  • 部長・経営層

システム・ＩＴ理解研修

公開講座ネクストナビ～複数日程コース

Leaf企業内大学～人の可能性を最大限に伸ばすシステム

新任シリーズをご受講で役職者レベルアップ研修に無料ご招待！

読み物・コラムcolumn

お問合せ・ご質問

公開講座Q&A

研修リクエスト

お問合せ

受講をご検討中のテーマで、日程がなくお困りの場合は「 研修リクエストサービス（詳細はこちら） 」をご活用ください。ご希望の日程・内容・会場で、追加開催するサービスです。

よくいただくご質問～お申込み方法や当日までの準備物など、公開講座について詳しくご説明

よくいただくご質問一覧

■最新作・ニュース

新卒採用募集中
ページトップへ
本テーマの評価
内容をよく理解・理解
88.2％
講師がとても良い・良い
88.2％

※2022年10月～2023年9月

年間実績公開講座の年間実績
受講者数※1
名
開催数※1
回
講座数※2
種
類
WEBinsource
ご利用社数※2
社

※1 

※2 

同ジャンルの研修を探す

研修を探す
開催地で探す
階層で探す
テーマで探す
コースマップで探す
日程で探す
課題・状況で探す

公開講座をさらに便利に

公開ダイレクト

受講者自身で申し込み

ご利用社数は300組織を突破！WEBinsourceから受講者自身でも講座をお申込みできる無料オプション機能です

公開講座リクエスト

少人数でも追加開催できる

現在日程がない研修もリクエスト可能、お客さまの開催希望を承ります！

Leaf

次世代LMS「Leaf」

公開講座と一緒にすべての教育を一元管理できます。

公開講座をさらにお得に

WEBinsrouce

会員価格で受講ができる

公開講座や動画教材を会員価格でお申込みいただけるシステムです＜年会費無料！＞

人財育成スマートパック

通常料金より最大50%割引

公開講座を始めとする様々なサービスがお得になるポイント制割引サービス

バリューパック

月額48,000円で人材育成

成長・中堅企業限定！パック200以上の割引が適用されるお得なサービス
講師派遣型研修

お客さまの課題に応えるオーダーメイド型研修

研修一覧
業界・業種別研修
オンライン人材育成

オンライン人材育成

企業内研修は、すべてオンラインで実施可能です

動画教育・eラーニング

動画教育・eラーニング

データやDVDの買い切り、レンタル視聴、定額制見放題など、様々なプランでご提供します

Another SERVICE

アナザーサービス

インソースがご提案する「これまでと違う」人事・総務ご担当者さま向けサービス

メールマガジンのご登録

コンテンツクリエイターズワークス

  • WEBins
  • モンシャン

公開講座からの新着メッセージ


    直近の公開講座開催研修