プロトタイピング

記事数:(6)

デザインシンキング：顧客中心の革新

ものづくりは、使う人の気持ちを深く理解することから始まります。使う人の行動や気持ち、求めていることを注意深く観察し、同じ気持ちになって彼らの立場に立つことで、本当に困っていることが分かります。よく行われるアンケートや面談だけでなく、使う人の普段の生活に寄り添い、行動や育ってきた環境まで理解しようとすることが大切です。使う人の言葉だけでなく、表情や行動、周りの環境など、あらゆる情報を丁寧に集めることで、隠されたニーズや潜在的な問題点を見つける機会が増えます。例えば、新しい掃除機を開発する場合、アンケートで「吸引力が欲しい」という回答を得るだけでなく、実際に家庭を訪問し、掃除機を使う人の動きや掃除にかける時間、部屋の広さなどを観察することで、本当に求められている機能が見えてきます。コードレス式を求める声が多い一方で、コンセントの位置や部屋の形状によってはコード付きの方が使い勝手が良い場合もあるかもしれません。また、高齢者向け製品を開発する場合、加齢による身体機能の低下を考慮することはもちろんですが、実際に高齢者の生活に寄り添い、彼らの生活リズムや価値観、日常生活での小さな困りごとなどを理解することで、本当に役立つ製品を開発することができます。例えば、握力の弱い高齢者にとって、ボトルの蓋を開けることが大変な作業であるという点に着目し、簡単に開けられる工夫を施した商品を開発する、といった具合です。使う人の立場に立って考えることで、開発側の思い込みや先入観を取り除き、より使う人中心のものづくりができます。これは、新しい商品を生み出す時だけでなく、既存商品の改良やサービス向上にも役立ちます。常に使う人の気持ちを考え、共感することで、より良い商品やサービスを提供し、人々の生活を豊かにすることができます。

ワイヤーフレームで作業効率化

画面設計や体系設計といった、様々な設計作業を行う上で、土台となる骨組みを作る作業は欠かせません。この骨組みを情報の世界で表すものが、いわゆる「ワイヤーフレーム」です。家を建てる際に、まず設計図を作るのと同じように、画面や体系を作る際にも、どこにどのような情報を置くのか、どのような動きを持たせるのかを事前に決めておく必要があります。この設計図の役割を担うのが、ワイヤーフレームです。ワイヤーフレームは、ウェブサイトやアプリケーション、業務システムなど、様々な情報システムの設計に用いられます。ワイヤーフレームを作成する際には、まず画面の構成要素を洗い出します。例えば、ウェブサイトであれば、、本文、画像、メニュー、ボタンなどです。これらの要素をどこに配置するのかを大まかに決め、画面全体のレイアウトを検討します。この段階では、具体的なデザインや色使いなどは考慮しません。重要なのは、情報が整理され、利用者にとって分かりやすい配置になっているかという点です。また、複数の画面がある場合は、画面間の遷移についてもワイヤーフレームで示します。どの画面からどの画面に移動できるのか、どのような操作で遷移するのかを明確にすることで、システム全体の動きを把握しやすくなります。ワイヤーフレームは、開発者だけでなく、企画担当者や利用者など、様々な関係者間で認識を共有するためのツールとしても役立ちます。ワイヤーフレームを用いることで、設計段階で問題点や改善点を洗い出し、手戻りを減らすことができます。また、利用者の意見を frühzeitig 取り入れることで、より使いやすいシステムの開発に繋がります。このように、ワイヤーフレームは、スムーズな開発を進める上で重要な役割を果たします。完成形を想定しながら、丁寧に骨組みを組み立てていくことが、最終的に利用者の満足度を高めることに繋がるのです。

Adobe XDで快適な画面設計

絵を描くように、画面の設計図を簡単に作れる道具がある。その名は「アドビエックスディー」。使い方が分かりやすく、初心者から熟練者まで、誰でも気軽に使える。部品を画面に置くのも、指でつまんで動かすだけ。あらかじめ用意された設計図のひな形も豊富なので、作業がはかどる。仲間と一緒に作業するときも便利だ。同じ設計図を同時に見て、修正したり、意見を言い合ったり、共同で作業を進められる。まるで、大きな机を囲んで一緒に絵を描いているようだ。出来上がった設計図をお客さんに見せるときも、この道具が役立つ。説明に適した表示形式に切り替えれば、設計図の中身が分かりやすく伝わる。お客さんからの意見もすぐに反映できるので、その場で修正して、より良い設計図に仕上げられる。設計図を描く、試作品を作る、完成した設計図を共有する。これら全てをこの道具一つでこなせるので、作業の流れが格段に良くなる。質の高い設計図を素早く作りたい人に、ぜひお勧めしたい道具だ。これまで複雑で時間のかかっていた画面設計も、この道具を使えば、楽しく手軽にできる。まるで魔法の杖を手にしたように、画面に命を吹き込んでいく。創造力を自由に羽ばたかせ、世界に一つだけの画面を作り上げてほしい。

WEBサービス

モックアップで業務改善

ここ数年、多くの会社にとって仕事の手順を変える取り組みはとても大切なこととなっています。仕事のやり方をより良くしたり、お客さんの満足度を上げるために、色々な新しい技術が使われています。そうした技術の中でも、新しい仕組みやサービスを作る時に、見本を作ることはなくてはならない作業となっています。見本とは、本格的に物を作る前に、見た目や使い勝手などを確かめるためのお試し作品のことです。見本を使うことには、たくさんの良い点があります。まず、関係者全員で完成形を同じように思い描くことができるようになります。文章だけで説明するよりも、実際に目で見て触れることで、誤解を防ぎ、スムーズな意見交換ができます。また、早い段階で使い勝手などを確認できるため、問題点があればすぐに修正できます。本格的な開発を始める前に修正することで、大きな手戻りを防ぎ、開発費用や時間を節約できます。見本には色々な種類があります。紙に描いた簡単なものから、パソコンで作ったもの、実際に動くものまで様々です。作るものの目的や予算、開発段階に応じて適切な種類を選ぶことが大切です。例えば、会議で手軽に意見交換したい場合は、簡単な絵で十分です。一方、より正確な使い勝手を確かめたい場合は、パソコンで細かく作りこんだものや、実際に動くものを使うと良いでしょう。見本を作る上での注意点もあります。まず、目的を明確にすることが重要です。誰に何を見せたいのか、どんな意見を集めたいのかをはっきりさせておきましょう。また、完璧を目指しすぎないことも大切です。見本はあくまでお試し作品なので、細部にこだわりすぎると時間と費用がかかりすぎてしまいます。さらに、関係者全員で共有し、積極的に意見交換を行うことで、より良いものを作ることができます。見本は、関係者間で共通の認識を持ち、より良いものを作り上げるための強力な道具です。上手に活用することで、開発をスムーズに進め、質の高いものを作り上げることができるでしょう。

共同作業で実現する、革新的なデザイン：Figmaの魅力

複数人で同時に作業できる仕組みが、絵を描くための道具である「フィグマ」の大きな特徴です。仲間全員が、同じタイミングで絵を描き換えたり、意見を書き込んだり、過去の変更内容を見たりすることができるので、話し合いがスムーズになり、速やかに結論を出すことができます。従来の絵を描く道具では、絵の入った箱をやり取りしたり、絵の版を管理したりするのに時間と手間がかかっていました。しかし、「フィグマ」はこの問題を解決し、仲間全体の作業効率を上げるのに役立ちます。変更した内容がすぐに反映されるので、認識の違いや、やり直しを防ぎ、計画を滞りなく進めることができます。さらに、閲覧や編集の許可を設定することで、計画に関わっていない人が見たり変更したりすることを制限することもできます。これにより、情報の安全を守りながら、円滑な共同作業を実現できます。例えば、複数人で広告の案を作成する場合、それぞれが自分の考えた案を「フィグマ」上に描き、同時に修正やコメントの追加を行うことができます。誰がどの部分を変更したのかもすぐに分かり、変更履歴を確認することで、以前の状態に戻すことも簡単です。また、顧客にも「フィグマ」へのアクセス権限を与えることで、直接フィードバックをもらうことができ、修正の手間を減らし、顧客満足度を高めることにも繋がります。このように、「フィグマ」は、複数人での作業を効率化し、より良い成果物を生み出すための強力な道具と言えるでしょう。

WEBサービス

ストーリーボードでアプリ開発を加速

りんご社が提供する開発環境「エックスコード」に含まれる「ストーリーボード」は、画面設計を視覚的に行うための便利な道具です。従来の開発では、画面の配置や画面の切り替えをプログラムで記述する必要がありましたが、ストーリーボードを使うことで、これらの作業を絵で描くように行うことができます。まるで絵コンテのように、画面と画面の繋がりや画面の切り替わる様子を視覚的に捉えることができるため、開発の効率が大きく上がります。特に、画面の切り替えが複雑なアプリを作る際には、その効果がはっきりと現れます。例えば、複数の画面をタブで切り替えるアプリや、階層構造を持った画面遷移を行うアプリなどを開発する際に、ストーリーボードは非常に役立ちます。画面の繋がりを視覚的に確認しながら作業を進めることができるため、プログラムによる画面遷移の実装で起こりがちな、意図しない画面遷移の発生や、複雑な画面遷移の管理ミスなどを防ぐことができます。また、複数人で開発を行う場合でも、ストーリーボードを使うことで、設計内容を共有しやすくなり、メンバー間の意思疎通がよりスムーズになります。これにより、開発にかかる期間を短縮でき、品質の向上にも繋がります。さらに、ストーリーボードは、画面のデザインだけでなく、画面を切り替える際の動きの設定も行うことができます。例えば、画面がスライドしながら切り替わったり、フェードイン・フェードアウトしながら切り替わるといった表現を、視覚的に設定することができます。そのため、動きのある、より豊かな使い心地を実現するための強力な道具となります。このように、ストーリーボードは視覚的な操作で画面設計と画面遷移を効率的に行うことができ、開発の効率化、品質の向上、表現力の向上に大きく貢献する、アプリ開発には欠かせない道具と言えるでしょう。