サービス

ジャンル

職種：エンジニア

職種：ビジネス職

職種：デザイナー

職種：バックオフィス

職種：その他職種

技術

今回は実際に研修を受けて学んだことを、新卒目線でお届けしたいと思います！

<h2>《学び1》手を動かす前に「考える」</h2>

みなさんは「デザイナー」と聞くとどんな仕事を想像しますか？

PhotoshopやIllustratorなどのソフトを駆使してカッコいいデザインをつくる姿でしょうか。

それも間違いではありませんが、それ以上に今回の研修で僕たち新卒が多くの時間を費やしたのが「考える」というプロセスです。

具体的にどんなことを考えていたかというと&hellip;&hellip;

<ul>
	<li>❝このデザインをユーザーは本当に求めているか？❞</li>
	<li>❝ユーザーが自分たちの想定通りに「見てくれる」と決めつけていないか？❞</li>
	<li>❝説明しなければ伝わらないデザインになっていないか？❞</li>
	<li>❝このデザインは、ユーザーのアクションに明確に結びついているか？❞</li>
</ul>

ユーザー目線とビジネス視点で思考を切り替えながら、頭をフル回転させて考え続けます。

学生の頃は考える前につい手を動かしていましたが、研修で情報設計やコンセプトメイキングを一から学んだことで自然と考える癖がつき、「なんとなく」デザインしてしまうことが少なくなりました。

<figure class="image"><img alt="" height="600" src="https://image.dmm-corp.com/qqvtic1p7wzvakpqe9j412ou4gjo" width="800" />
<figcaption>コンセプトの基本的な立て方（コンセプトメイキングの講座の資料より）</figcaption>
</figure>

全てのデザインには根拠がある。

これが一つ目の学びです。

一緒に研修を受けた同期のコメント

学生時代はユーザーを想定した制作物をつくる機会があまりなく、自分自身の理想の表現を優先させがちだった。本当にユーザーにとって必要なのか、最適なのかを考えられるようになったと思う。

<h2>《学び2》先を見据えて「つくる」</h2>

DMMの新卒研修では設計〜デザイン〜コーディングまでを実践で学び、一人でサイトをつくりあげるまでの綿密なカリキュラムが組まれています。

コーディング研修で感じたのは、僕たち新卒には先のことも見据えてつくる能力が圧倒的に足りないということ。

例えば、デザインをコーディングするとき、ブラウザ対応は必ず考慮しなければいけないポイントです。

Webサイトが閲覧されるであろう多種多様なデバイスとプラットホームを想定して実装しなければ、全てのユーザーに適切なユーザー体験を届けることができないからです。

実際に、私はコーディングレビューで先輩から以下のような指摘を受け、思わずハッとさせられました。

<img alt="" height="230" src="https://image.dmm-corp.com/vo1ar69tdki53vwxmhrptkph9hez" width="800" />

また、デザインを適切にマークアップすることは運用やSEOの観点からも非常に重要です。 
&nbsp;<img alt="" height="246" src="https://image.dmm-corp.com/489owqocyt3yf0p3bmpj4zv2ctwl" width="800" />

学生の頃は何かとdivタグを乱用しがちでしたが、HTML要素の意味や目的をしっかり把握しコーディングすることで、人間にとっても、機械にとっても読みやすいコードとなることを実感しました。 
<img alt="" height="519" src="https://image.dmm-corp.com/pi4oku0vqy6iec6mdpgpw9ydo7ae" width="800" />

一緒に研修を受けた同期のコメント

学生時代はここまでじっくりコーディングを見てもらったことがなかった。なんとなくタグを選んでいたが、研修のおかげで運用やSEOまで考慮してコーディングする癖がついた。

<h2>《学び3》デザインの意図を「伝える」</h2>

デザイナーの仕事はつくって終わりではありません。

一緒に仕事をするメンバーや上司、時にはクライアントに、自分のデザインの意図を相手が理解できる言葉で伝えることもデザイナーの大事な仕事です。

今回の研修でも、レビューやプレゼンテーションを通じて自分のデザインについて話す機会が何度もありました。

実際にやってみて分かったのは、「デザインの意図を伝える」という行為は相手のためだけでなく、自分自身のためになるということです。

人に伝えるためには、自分のデザインを構成する要素の一つ一つを振り返って「なぜそうしたのか？」を整理する必要があります。

つまり、「伝える」ためには、デザイナーの役割と責任を再認識し、どれだけ根拠を持ってデザインしたかを明確にしなければなりません。

伝えることで、考えてデザインしたかを最終チェックできるのです。

さらに、自分のデザインを他者に話すことで対話が自然と生まれ、そこで得られたフィードバックを元に成果物をさらにブラッシュアップすることもできました。

<img alt="" height="600" src="https://image.dmm-corp.com/3xfs7ixkbtrfvomrmt2uw6oea2b3" width="800" />

一緒に研修を受けた同期のコメント

3月までと比べてよりデザイン一つひとつの意味を考えることができるようになったと思う。同期のデザインの良い点や悪い点を言語化して表現する能力も少し高まったように思う。

<h2>まとめ</h2>

今回の研修を通じて、現場で働くための基礎スキルを身につけることができたと同時に、つくるだけがデザイナーの仕事ではないことを実感しました。

配属後も「考える」「つくる」「伝える」のバランスを大事にしながら、現場で活躍できる一人前のデザイナーを目指して精進していきたいと思います。

最後まで読んでいただきありがとうございました！

はじめまして！ 2017年4月に新卒入社したデザイン本部東京本社所属の「はせしゅん」こと長谷川峻一です。

前回の記事では、僕たち新卒デザイナーの合同研修の模様をお伝えしました。

新卒

デザイン

DMMの新卒が学んだ、現場で活躍するデザイナーになるために大事な3つのこと

facebook

twitter

DMM TV

DMMブックス

DMM pictures

DMM GAMES

DMMオンクレ

DMMスクラッチ

DMMくじ

DMM Factory

ぷらさぷ ～＋SURPRISE～

DMMオンラインサロン

DMMいろいろレンタル

DMM DVD／CDレンタル

DMM通販

DMMオンラインクリニック

デジタルコミック事業

DMMチャットブースト

DMM英会話

DMM FX

DMMかりゆし水族館

ベルリング

ハッシャダイソーシャル

ヤンキーインターン

シント=トロイデンVV

DMM 地方創生

DMM.make 3Dプリント

DMM.make PRODUCTS

Seamoon Protcol by DMM Crypto

DMMバヌーシー

DMM EV ON

DMM WEBCAMP

DMMぱちタウン

DMM競輪

Waitinglist

Algoage

DMMポイントクラブ

社会課題

エンターテインメント

動画

電子書籍

アニメ

ゲーム

アプリゲーム

コミュニティ

オンラインサロン

PCゲーム

通販

レンタル

オンラインイベント

ビジネスソリューション

教育

英会話

水族館

ハードウェア・プロダクト

救急車両

消防車両

モノづくり施設

サッカー

スポーツ

地方創生

VR体験

Web3

生成AI

研究開発

アプリ

ブロックチェーン

プラットフォーム

横断開発

社会インフラ

アミューズメント

ダイバーシティ

同人

Webエンジニア

フロントエンドエンジニア

バックエンドエンジニア

サーバーサイドエンジニア

モバイルエンジニア

SRE・インフラエンジニア

情報システム

データ・AI・機械学習エンジニア

エンジニアリングマネージャー

テックリード

プロジェクトマネージャー・ディレクター

プロダクトマネージャー

事業開発・経営企画

営業

マーケティング・プロモーション

企画・プロデュース

ゲーム企画・プロデュース

コンテンツ制作・編集

カスタマーサポート・運営

データ分析・ストラテジー

UI・UXデザイナー

Webデザイナー

2Dデザイナー・イラストレーター

デザインマネージャー

デザインリード

DMMの新卒が学んだ、現場で活躍するデザイナーになるために大事な3つのこと

シェア

関連する記事