タカフミのデザインについて思うことタカフミのデザインについて思うことはじめてのコーディングはじめてのデザインillustratorPhotoshopSketchFigma仕事のご依頼ホームコラム自分が当たり前だと思うことが誰かの役にたつことってあるよね!2018/05/05SHAREツイートシェアはてブGoogle+PocketLINE先週、知り合いの方から「ちょっとご相談にのって欲しいことがあるんですが。」と声をかけていただきました。基本的に僕は二つ返事で「いいですよ!」なんて言ってしまうタイプなので、そのときも「どんな話が聞けるんだろう」とワクワクしていました。ご相談をされた方は、もともと個人事業主として難関大や医学部などを志望する学生さん向けに数学などを教えている方でした。その仕事をされるようになったキッカケとしては、自分自信も経済的に厳しい環境でありながらも大学に受験できたことで可能性が広がったという原体験だったそうです。一般的に経済的に厳しい環境にいる子供達は大学に進学することを断念してしまうケースがよくあります。教育は未来に種をまくような大きな投資であるにも関わらず、家庭の経済状況がそれを阻害してしまうのです。ご相談された方は経済的格差によって発生する教育の不平等をなくせないかと長年色々な活動されている方でした。最近になって、ITの力を使うことで解決できる方法が見えはじめて、そのプロジェクトがちょうど一年程前にスタートしたのですが、少し困っていることがあるとのことでした。自分の当たり前が誰かの必要とするモノだったりする問題は意外なところに隠されていたりするお話を聞かせていただいたところ、「プロジェクトに遅れがでてしまう」という問題を抱えているようでした。ひと通り、プロジェクトの進め方や情報共有の方法などを伺ったところ、これといった問題はなく大丈夫でした。聞いてみると以外なところに問題がありました。それは、システムのUI・UXを担うデザイン部分での情報共有の仕方でした。そのプロジェクトでは、Illustratorを使って各画面を設計して、PDFなどで書出したものをDropboxでチームのみんなと共有するという方法をとっていました。僕も以前は同じ様な方法で設計・共有していたことがあるのでよく分かるのですが、この方法ってコミュニケーションコストが結構かかってしまうんです。どれが最新のデザインが分からなくなってしまう一番やっかいなのは、少しずつデザインに修正を加えるうちに「ver1-1.pdf」などの名前を付けて管理しなくてはならず、バージョン管理を間違えたり、場合によってはどれが最新のデザインだったのか分からなくなってしまうことがよくあります。それに、デザインを修正する度に「ファイル名を変更」→「書出し」→「Dropboxにアップロード」という作業をするのって、本当に面倒ですよね。開発をチームで行う場合、デザイナーさんが作ったUIに対してフィードバックをするケースがほとんどだと思います。その際にも、PDFやJPGデータで共有する方法だと面倒なことになってしまうんです。ログインボタンの色を赤にして欲しいという指示を出すだけでも、一つの画面にボタンが複数あった場合にテキストだけでボタンの位置や変更内容を的確に指示するのって大変ですし、難しい場面がよくあります。デザイナーさんの方も、テキストで送られてきた内容と自分のデザインを照らし合わせながら、変更内容を確認しなくてはならないので視線が行ったり来たりして疲れてしまうんですよね。アセットの書出しが大変アセットとは英語で資産という意味で、ウェブサイトデザインの世界では実際に使うボタンやアイコンなどの画像データのことを指します。これも、変更がある度にスライスを切って画像の書出しなどをしなくては行けないので大変ですし面倒な作業です。やって、見ていくと従来のデザイナーさんのデザイン業務の中にはクリエイティブを必要としない退屈で面倒な作業が思いの外あるということに気付かされます。デザイナーさんはデザインするというクリエイティブなことにこそ力を発揮するべきだと僕は思っているので、こういう無駄な作業は本来するべきではないですよね。こんな提案をしてみましたそんなこんなで、僕がアドバイスさせていただいた内容は以下の2点でしたSketchを使ったUIデザインの設計Zeplinを使ったデザインの共有このブログでも何度か紹介しているでデザインツールにSketchというものがあります。Sketchはillustratorなどの一般的なデザインソフトとは異なって、複数の画面・シーンのデザインを設計するときに力を発揮するツールです。ウェブサイトやアプリのUIをデザインするときにはデファクトスタンダードになっているツールの一つです。興味がある方はこちらの動画をご覧ください!基本的な使い方をゼロから丁寧に解説しています^^また、Sketchの他にもZeplinというツールもご紹介しました。どんなツールか簡単に説明すると、Sketchで作成したソフトをクリック一つでクラウド上に公開して、チームのみんなで共有できるサービスです。デザインで修正を加えたい箇所にコメントを残すことができます。その他にも、デザインされた画面上からボタンの色やサイズ、フォントデータなどの開発する上で必要な情報をすぐに取得することができちゃいます。開発を行うエンジニアさんが、自分で必要なときに、必要な情報を取得できるので開発スピードがグンとあがります!デザイナーさんも面倒で退屈なスライス作業とこれでお別れです!自分の当たり前が誰かの必要とするモノだったりするそこでお話した内容って、僕にとっては普通のことで何も特別なことだとは思っていませんでした。それにもかかわらず、アドバイスをさせていただいた後では「こんな便利なものがあるんですね!本当に助かりました!」ととても感謝されて、こちらの方こそ恐縮してしまうほどでした^^どんなお仕事をされている方でも、自分が普段やっていることが当たり前になりすぎていて「こんなこと誰でもしっているでしょ」と思い込んでしまうことがよくあります。実際はそんなことはなくて、当たり前だと思っていることほど、誰かにとっては待ち望んでいた情報だったりすることがよくあります。CLOUDはビジネスをされている方をデザイン面でサポートする定額制のデザインサービスです。デザイナーが完全定額・無制限で、あなたに代わって、広告やバナーなどビジネスに必要なデザイン関連の業務をプロのクオリティで行います。面倒な年契約はなく、業務に応じて柔軟にご利用いただけます。苦手なデザイン業務に時間を割く必要はありません。7日間の無料体験をお試し下さい!詳細はこちら【思わず唸る】杉養蜂園から学ぶマーケティング戦略エンジニアやデザイナーさんもこまめに休憩をとった方が作業効率が上がると思った話セミナーは準備が大事!初めてウェビナーをやってわかった大切なこと。趣味で作ったウェブサービスが大手VCの目に止まったことがキッカケで、教育系ベンチャーで働くことになったデザイナー兼エンジニア。現在はフリーのクリエイターとして活動中。ウェブサイトやアプリケーションの開発を行うかたわら、ウェブサイトやアプリのUIデザインもしています。個人で独立・開業される方のビジネスをロゴ、名刺、ウェブサイトなどを通じてブランド面からトータルでデザインすることが得意です。デザインについてのご相談はこちらのフォームからお問い合わせください。Website前の記事デザイナーになりたいのに実務経験が積めない問題について僕が思う...次の記事デザインの上達において欠かせない大切なことデザインコースアプリ日々のデザイン業務で困っていた事を解決するために、タスクとフォルダを同時に管理できる超シンプルなタスク管理アプリを作りました。思いついたアイデアをサクッとメールに送信できるiPhone専用のメモアプリです。趣味で作ったウェブサービスが大手VCの目に止まったことがキッカケで、教育系ベンチャーで働くことになったデザイナー兼エンジニア。現在はフリーのクリエイターとして活動中。ウェブサイトやアプリケーションの開発を行うかたわら、ウェブサイトやアプリのUIデザインもしています。個人で独立・開業される方のビジネスをロゴ、名刺、ウェブサイトなどを通じてブランド面からトータルでデザインすることが得意です。フリーランスのデザイナーさん向けに超シンプルなタスク管理アプリDesignBoxを作っています。デザインについてのご相談はこちらからお問い合わせください。