BLOG

未経験者が業界に入った軌跡。

こんにちは。webデザイナーの三杉です。

最近、化物語というアニメを見ているのですが、
このアニメが言葉遊びがとても上手で私自身もこんな言葉遊びがしたいなぁと思いますが、
そのためには国語の勉強をし直さなくてはという感じです…。


現在、私が働いているweb業界も日々進化し続けて
常に勉強を必要とする世界。

今回はそんな業界に私が入った経緯をお話しをしたいと思います。

私は業界未経験でgaデザインに入社したのですが、
元々web業界未経験どころかpcを触ったことがないpc未経験状態でした。

そんな右も左も分からない状態の私がweb業界に入るには
どうすればいいかを調べていたら職業訓練というものに出会いました。

職業訓練とは求職中の人が、就職に必要なスキルや知識などを身につけるために国が実施している学校のことです。
様々な業種のコースがあり、私は「webデザイナー養成科」というコースに約半年間通いました。
ここではwebの専門的な知識だけでなく、基本的な社会マナーや履歴書、職務経歴書等の書類の書き方も教えてくれ
そういった知識の無い私にはとても助かるカリキュラムが組み込まれていました。
そして職業訓練の一番の魅力はなんといっても、基本的に受講料が無料という点です。
この点は求職中の人にとってはとても助かると思います。また、受講者の状況によっては援助金までもらえます。

私はこの制度を利用してwebの基礎を学び、現在に至ります。

とは言え、職業訓練で得た知識は基礎中の基礎で、実際に業務をこなしていく上では足りない部分が山ほどあります。
なので私自身、周りのプロの方に質問したり、web上で調べたりと日々勉強の毎日です。
ですがこんなにやりがいを感じれる仕事もなかなか無いので勉強も苦にはならないと思います!

もし「web業界に入りたいけど、どうすればいいか分からない!」という方へ、
少しでも参考になればという気持ちでこの記事を書かせていただきました。



「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社 gaデザイン

色の持つ意味

はじめまして。webデザイナーの田中と申します。

はじめてのブログ担当ということもあり、
なにかブログのネタにできることをおもしろいことを探そうと意気込んでいた週末に、
風邪をひいてしまいました…!いつもタイミングが悪い私です…!

せっかくいただいた3連休。
もったいないと思いましたが、これこそが贅沢な休日の使い方だと言い聞かせ寝ておりました!



そんな中、そういえば風邪薬って白色が多くない?と、
普段なら気に留めないことを考えて、理由を想像してみました。

  • ・素材が白いから(素材が何かは知りませんが)
  • ・白のもつまっさらで清潔感や信頼感のあるイメージから
  • ・「薬=白」という既成概念から

そして理由を調べてみたところ、
医薬品には理由なく色を付けるのは禁止されているようです!

なので、色がついているものの多くは

  • ・もともとの薬品の色
  • ・処方間違い、飲み間違いの注意喚起のため

で色がついているとか…
そんなルールがあるのは知りませんでしたが、確かに!と納得でした!

例えば、
体調が悪いときに買った風邪薬が開けてみると黒かったとき。
これは本当に飲んで大丈夫なのかな?と思う方もいるのではないでしょうか。

黒には高級感や強いイメージがあると言われる一方で、
体調が悪い時や体に入れるものと考えると、
黒の持つ重さや暗さが不安にさせてしまうこともあると思います。

しかし、それが病院で処方された薬だった時、
私なら一瞬ためらっても、これはよく効く強い薬なんだろうと思うかもしれません。



こんなふうに意識せずとも日常生活の中で、誰もが感じる色のイメージは、
「時と場合と場所(TPO)」によって変わったりしますよね。




ホームページの制作についても同様に、
色というのは常に意味を持っているものだと思います。

そして、それを意識させない、TPOに合った
意味のある色使いができるよう目指していきたいです。

たまには身の回りの色について考えてみると
新しい発見があるかもしれません!


季節の変わり目ですので、皆様も体調を崩さないようにお気をつけください!


「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社 gaデザイン

情報を正確に伝える方法

webデザイナーのヤクシジです。

広告もwebサイト(ホームページ)も本質的には「情報を伝える」ためものである、ということだと思うのですが、今回は「情報を伝える」という事について少し掘り下げてみたいと思います。


普段誰かと会話をするというのも、お互いに情報を伝えあって成り立っています。そんな中で大事なのが「すれ違い」や「誤解」を防いで「情報を正しく伝える」ということだと思います。

そこで、より良い情報伝達のワイヤーフレームとして、ご存知の方も多いかと思いますが「5W1H」があります。

ビジネスシーンでもよく使われ、私自身も普段できるだけ意識するようにしています。(※できるとは言ってない)

5W1Hとは

  • いつ(When)
  • どこで(Where)
  • だれが(Who)
  • なにを(What)
  • なぜ(Why)
  • どのように(How)

として情報の伝達ポイントをまとめられたものです。


例えば「部下の山本さん(仮称)へ資料作成の仕事を指示する」という場合に

パターン1:山本さん、〇〇の企画資料を作成してください

と伝えるだけではあまりに内容が不明瞭ですね。
「誰が、何をする」という情報しかありません。

これでは、山本さんは「なんのために」「どのように」「いつ(いつまでに)」というのが不明瞭なため、よくわからないまま仕事を進めなくてはいけません。

パターン2:山本さん、明後日までに、交渉中のクライアントのA社に提出するための、〇〇の企画資料を、画像やグラフを用いたカラー10P程度で、作成してください。

パターン2では、
いつ:明後日までに(when要素)、
なんのために:交渉中のクライアントのA社に提出するための(why要素)
どのように:画像やグラフを用いたカラー10P程度で(how要素)

という情報が加わることでより詳細に伝わるかと思います。
(今回のケースは「どこで」というのは「会社で」となりますので除外しています。)

この5w1hは情報の伝達だけでなく、マーケティングや立案時などにも用いられます。

さらに発展した5W2Hというものもあります。

  • いつ(When)
  • どこで(Where)
  • だれが(Who)
  • なにを(What)
  • なぜ(Why)
  • どのように(How)
  • いくらで/いくつで(How much/How many)

「いくらで」または「いくつで」という”金額や個数の情報”が加わることでよりビジネスに則したものになります。

例えば「化粧品メーカーが自社の新商品の発売について説明する」という場合に

パターン1:当社ブランドXXの新商品「〇〇」が発売します。定価は2,980円です。

このように商品の説明をした場合、発売するという事実と値段はわかりますが、一体どんな商品で、どこで買えるのかもわかりません。

もう少し詳しく説明する場合は

パターン2:10月15日に全国の百貨店・直営店で当社ブランドXXの新商品「〇〇」が発売します。
乾燥肌に悩む20代の女性がターゲットの、スキンケア用美容液です。
1本75ml入りで定価は2980円です。

といった感じでしょうか。
もうお解りかと思いますが、

いつ:10月15日に
どこで:全国の百貨店・直営店で
だれが:(当社が)
なにを:当社ブランドXXの新商品「〇〇」
なぜ:乾燥肌に悩む20代の女性をターゲット
どのように:スキンケア用美容液(として)
いくらで/いくつで:1本75ml入りで定価は2980円

と分解できるかと思います。
パターン1と比べてどんな商品なのか、いつどこで手に入るのかがわかりますね。

普段の会話でも何も考えずに言葉にして説明するよりも、5W1H(5W2H)を意識してから言葉にすることで、より具体的に相手に意図が伝わり、コミュニケーションがより円滑になります。

「どこで?」とか「それは誰がやるの?」などの不要な聞き返しも減りますね。

ともかく、より相手に分かりやすい、理解しやすい言葉で伝えようとするという事がコミュニケーションに大事なのだと思います。

良ければぜひ取り入れて見てくださいね。


「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社 gaデザイン

明日9月4日(火)の電話サポートにつきまして

台風21号の影響により電話が繋がりにくい場合がございます。
お急ぎのご連絡は各ディレクターのメールまたは携帯電話にお問い合わせください。
お問い合わせフォームにいただきましたお問い合わせに関しましては、
5日(水)より順次対応させていただきます。
大変ご不便をおかけいたしますが、何卒ご了承くださいますよう宜しくお願い申し上げます。

すこしだけWebデザインのお話。


ご無沙汰しております。webデザイナーのおがわです。
みなさまお元気でしょうか?

gaデザインに入社してから4年目の、平成最後の秋を迎えましたが、たくさんの人や出来事に触れ、日々充実した生活を送ってます。

さて、そんな私ですが、
今から4年前、webデザイナーになる為に専門学校に通い勉強し、僭越ながら新卒でgaデザインに入社させていただきました。

新卒の頃、時間をかけて出来上がったトップページやバナーを上司に見てもらい、なんどもリテイクをもらってました。
リテイクがあるのには、自分が力不足だからだとしか感じておらず何故ダメだったのかがあまり分からなかったのですが
それは今思うと、クライアントの求めている「デザイン・情報整理」ができていなかったのが一因だったなと思います。

私たち側(デザイナーやディレクター)が「なんだか分かりづらいな」と思うものは、
ホームページを見にきた人にとっても思うことは一緒です。
Webページは紙媒体よりも視認性や一覧性が低いため、見にきた人にとって見やすい情報をどう提供するかを考えるのも私たちのお仕事のです。

それではどう情報整理をして、Webをデザインしていくのか少しだけ具体例をあげてみたいと思います。

①情報整理「段落分け」

BEFORE

入院費用のお支払いについて
毎月月末で締めて計算させていただき、10日過ぎに請求書を病室までお届けします。(定期請求)退院日には、請求書を発行しますので1階⑤番会計・自動精算機でお支払いください。定期請求並びに退院時のお支払いについては、平日午前9時から午後5時までの間に1階⑤番会計・自動精算機までお願いいたします。なお、退院時の時間外及び休日のお支払いについては、救急センター窓口で取り扱いいたします。キャッシュカード(デビットカード)・クレジットカードでのお支払いもできますので、会計窓口へご相談ください。
お取り扱い時間は以下のとおりです。
平日 午前9時〜午後5時まで
土・日・祝・年末年始 お取り扱いできません。
全ての患者さんに退院時精算をお願いしています。公費等の申請中の方は入院係にご相談ください。限度額適用認定証等は、遅滞なく提出をお願いいます。場合によっては使用をお断りする場合があります。退院の手続きについて
退院は主治医の許可が必要です。退院日については、病棟師長へご相談ください。退院前日に入院費用概算金額連絡票をお届けします。
お支払いは、午後5時までに1階⑤番会計窓口でお願いします。お支払い後、領収書をナースステーションにご提示ください。
※伝票の整理などの都合で、退院後に追加の請求をさせていただくことがありますのでご了承ください。退院される時は、次回の外来診療日の予約をご確認のうえ、できるだけ午前中に退院されるようご協力お願いします。
例えば上記みたいな病院のホームページで、患者さんや、そのご家族の方々に読んでほしいコンテンツだとすると、
よーーく読めば分かりますが、文章を最初から最後まで見なければ、なんの情報が書かれているかが分かりづらい状況です。

▼▼▼▼ それをこう! ▼▼▼▼

AFTER


引用元:http://saiseikai.info/reception/hospitalization/

コンテンツごとに、見出しなどをおき、項目をリストや表にすることで分かりやすくなりましたね。

POINT

  • コンテンツや見出しなどに余白を設け、視覚を操作し分別する。
  • まとめられる所はリストや表組をし、要点を視覚的に得ることができる。
  • 写真(図)を使用するとそちらへ目がいくので、近くにあると文章を読むきっかけになる。

②情報整理「図説」

BEFORE

年間手術件数11,675件(平成29年度)
予定と緊急を合わせて、年間1万件を超える手術を行なっています。全身麻酔件数6,041件(平成28年度)
新生児から妊婦(無痛分娩)、高齢者まで、専門の麻酔医が、予定や緊急の手術や検査に幅広く対応しています。
麻酔科はこちら治験・臨床研究数93件(平成29年度)
企業治験 77件  医師指導治験 11件  製造販売後臨床治験 5件
病院の特性・機能を活かし、治療の効果や安全性を高めるため、積極的に治験に取り組み新薬の開発に貢献しています。
治験管理室はこちら
臨床研究センターはこちら
▼▼▼▼ それをこう! ▼▼▼▼

AFTER


引用元:http://www.osakacity-hp.or.jp/ocgh/inv/suuji.html

POINT

  • アイコンを使用することで視覚的にコンテンツの補足ができる。
  • ポイントカラーを使用し文字サイズや文字の太さなどのメリハリをつけることで、目立たせられる。
  • 緑のボックスと右向きの矢印アイコンでリンク先として次のページへ移動できることがわかる。
Webデザイナーは見た目をデザインするだけではなく、
このようなユーザーにとって分かりやすいホームページを目指して制作しております!
ユーザビリティの高いWebサイトなど、そのほか様々な提案もできますのでぜひ一度弊社にご相談くださいませ!

「届けたい人に確実に届ける」ホームページからCM制作までワンストップで作れる会社 gaデザイン