40代からのフロントエンドエンジニアリング。

フロントエンドを中心に、Web関連話をゆるく書いていきます。

Webデザインシンキングセミナー in 大阪 に参加しました

f:id:mntp:20180321231954p:plain 2月17日(土)、堺筋本町のファーストサーバにて開催された「Webデザインシンキングセミナー in 大阪」 に参加しました。

また1ヶ月経ってからの参加報告記事となってしまいすみません……
また、上の画像はconnpassのセミナーページのものを使用させていただきました。

参加のきっかけ

エンジニアの私がなぜデザイン関連のセミナーに?と思われる方もいるかもしれませんのでちょこっと書きます。

昨年末にセミナーの案内Twitterにて(RT経由)で流れてきたのですが、案内ページの「こんな人におすすめ」の中にあった

  • Webデザインや情報設計について学びたい人
  • Webデザインに対する考え方を知りたい人

という記載を目にして、(元々Webデザインにも興味がありましたが)これをきっかけにデザイナー側の考え方をもっと深く知ることができればなぁと感じて

上記のツイートをしたところ、YATさんからお返事が!

……夜に改めて案内ページを確認したら定員埋まりかけ。気がついたらポチっていました。

ということで、以下セミナーの簡単な報告です。 同内容のセミナーが岡山、東京でも開催予定なので詳細なネタバレは控えます。ご了承下さい。

Webサイトをデザインする前に考える事

YATさん

f:id:mntp:20180321232131j:plain

フリーランスで活躍されているWebデザイナーYATさんのセッション。

Webサイトを作る前に何を考えるべきかについて、

  • 何を目的とするか
  • どういった構造にするか
  • 競合サイトを参考にする
  • UI/UX
  • ワイヤーフレーム

といった観点から掘り下げていったセッションでした。

今私が勤めている会社ではデザイナーの方がUI/UXについてもきっちり考えながらデザインをされているのでその点では問題はないのですが、エンジニア側も意識を高めないといけないと感じることがしばしばあります。

特に納期近くなるとそれどころじゃn(げふんげふん)

今回のYATさんのセッションを通じて、エンジニアとしても改めて考えないといけないなと痛感しました。また、競合サイトを見て研究していくことがまだまだできていないので取り組んでいこうと思います。

「素人っぽい」を脱するデザインテクニック

Manaさん

f:id:mntp:20180321232205j:plain

Webクリエイターズボックスで情報を発信されているManaさん。今回はデザインテクニックに関するセッションでした。

  • レイアウト、配色、文字・文章の基本ルール
  • 実例(ダメな例→改善例)

Webサイトはまず何を伝えるかが重要なので、当然読みやすさ、伝わりやすさが最重要課題となります。今回のセッションでは基本ルールの説明や実例を通して、どうすれば読みやすく、伝わりやすいWebサイトとなるかがわかるセッションでした。

実例(改善前のダメな例)はほんと酷いものでしたが(苦笑)、実際そういうサイトもいっぱいありますからねぇ。自分自身はデザイナーではありませんがプライベートでのサイト作成で気をつけていきたいと思います。また、業務でも今回学んだ悪いケースがあれば改善提案していきたいと考えております。

また、Manaさんは現在Web関連のインストラクターもされているためか、ゆっくりと落ち着いた話し方をされていたことが印象的でした。

質疑応答

質疑応答タイムが30分ほどありましたが、いろいろ質問が出ました。お金の話まで(笑)。

YATさん、Manaさんのスタンスの違いもあり、やはりWebデザイン業務に関する考え方って人それぞれなんだなぁと(←小並感)

懇親会

そのあとは参加された皆さんでの懇親会。名刺交換等で交流を深めました。

まとめ

今回のセミナーはデザイナー向けではありましたが、エンジニアとしてもデザインに対する考え方、心がけ方やテクニックは非常に参考になりました。
今後もWebデザイン関連のセミナーには積極的に参加していこうかと思います(・∀・)