DesignThinking/Prototyping をテンプレートにして作成

開始行:
*プロトタイピング [[DesignThinking]] ~ プロトタイピング（Prototyping）とは、実際に目で見て、手で... プロトタイプ、モックアップ、試作品・・ざっくり言えば似た... ~ ***プロトタイピングの目的 プロトタイピングの目的は、アイデアに対するユーザーの反応... -利用者（ターゲット層）にアイデアを具体的なカタチで説明す... -開発メンバー間でアイデアを具体的なカタチで見て議論するた... -最小限の投資で ''早期に多くの失敗を体験'' するため。 ~ ***プロトタイピングの要点 -短時間でつくることができるものを使う -修正・改善しやすいものを使う -お金をかけずにつくる -利用者が全体を見て・触ることができるようにつくる（プロダ... -利用者が全プロセスを体験できるようにつくる（Web・ソフト... -プロトタイプで何を確認したいのかを明確にする --大きさを確認したい ＞ 大きさに忠実な模型を作る --手触りを確認したい ＞ 素材を忠実使う（さわる部分的のみ） --操作性を確認したい ＞ インターフェイス部分のみ再現（そ... ~ ***プロトタイピングツール 建築、プロダクト、ソフトウエア・・分野によって、プロトタ... &color(red){Webサイトのプロトタイプは誰もが簡単に制作でき... ~ -トランジション型 プロダクト全体の画面遷移・操作フローを確認したい場合に使... --''Figma''：https://www.figma.com/　[[YouTube:Figma]] --sketch：https://www.sketch.com/ --Prott：https://prottapp.com/ --InVision：https://www.invisionapp.com/ --Adobe XD：http://www.adobe.com/jp/products/experience-d... -インタラクション型 画面内の細かなアニメーションや動きを確認したい場合に使い... --Origami Studio http://origami.design/ -複合型 トランジション型とインタラクション型の両方ができるタイプ... --Indigo.Design：https://jp.infragistics.com/products/ind... --ProtoPie：https://www.protopie.io/ --Framer X：https://framer.com/ -AIを使ったプロトタイピングツール AIを活用したプロトタイピングツールも登場しています。AIプ... [[Top 5 AI-Based Prototyping Tools For UI And UX>https://... ~ ~ ***プロトタイピング関連参考イメージ -[[GoogleImage:台割]] -[[GoogleImage:束見本]] -[[GoogleImage:ワイヤーフレーム]] ~ ~

終了行:
*プロトタイピング [[DesignThinking]] ~ プロトタイピング（Prototyping）とは、実際に目で見て、手で... プロトタイプ、モックアップ、試作品・・ざっくり言えば似た... ~ ***プロトタイピングの目的 プロトタイピングの目的は、アイデアに対するユーザーの反応... -利用者（ターゲット層）にアイデアを具体的なカタチで説明す... -開発メンバー間でアイデアを具体的なカタチで見て議論するた... -最小限の投資で ''早期に多くの失敗を体験'' するため。 ~ ***プロトタイピングの要点 -短時間でつくることができるものを使う -修正・改善しやすいものを使う -お金をかけずにつくる -利用者が全体を見て・触ることができるようにつくる（プロダ... -利用者が全プロセスを体験できるようにつくる（Web・ソフト... -プロトタイプで何を確認したいのかを明確にする --大きさを確認したい ＞ 大きさに忠実な模型を作る --手触りを確認したい ＞ 素材を忠実使う（さわる部分的のみ） --操作性を確認したい ＞ インターフェイス部分のみ再現（そ... ~ ***プロトタイピングツール 建築、プロダクト、ソフトウエア・・分野によって、プロトタ... &color(red){Webサイトのプロトタイプは誰もが簡単に制作でき... ~ -トランジション型 プロダクト全体の画面遷移・操作フローを確認したい場合に使... --''Figma''：https://www.figma.com/　[[YouTube:Figma]] --sketch：https://www.sketch.com/ --Prott：https://prottapp.com/ --InVision：https://www.invisionapp.com/ --Adobe XD：http://www.adobe.com/jp/products/experience-d... -インタラクション型 画面内の細かなアニメーションや動きを確認したい場合に使い... --Origami Studio http://origami.design/ -複合型 トランジション型とインタラクション型の両方ができるタイプ... --Indigo.Design：https://jp.infragistics.com/products/ind... --ProtoPie：https://www.protopie.io/ --Framer X：https://framer.com/ -AIを使ったプロトタイピングツール AIを活用したプロトタイピングツールも登場しています。AIプ... [[Top 5 AI-Based Prototyping Tools For UI And UX>https://... ~ ~ ***プロトタイピング関連参考イメージ -[[GoogleImage:台割]] -[[GoogleImage:束見本]] -[[GoogleImage:ワイヤーフレーム]] ~ ~

ページ名: