AND小川代表のUIデザインセミナーに参加!ホームページ制作のヒントと小技

徳島で動くグラレコと言えばUSANET!
「グラレコ動画」や「動く手描き絵」を描いている、さのはるかです。
USANET さの はるか
USANET さの はるか

AND小川代表のUIデザインセミナー「UIの観点から見るホームページ制作のヒント」に参加して勉強してきました!

MEMO
このセミナーの内容はホームページを作ることを考えている、もしくはホームページやブログを持っているならすごく役立つ知識です。

知っておいて損はない、訪問者の方からのお問い合わせに繋がりやすくなるヒントがいっぱいのセミナーでした💡

ブログを書いている方なら、すぐに実践できる小技もありました✨この記事内でもひとつご紹介しているので、ぜひ試してみてね!

株式会社カンマンで開催された社内向けセミナーですが、元・スタッフとして参加させていただきました!
USANET さの はるか
USANET さの はるか

今回講師を勤めたAND小川代表についてと、UIデザインセミナーの内容・感想をご紹介します!

ホームページ制作会社の社内向けセミナーに参加

この記事に登場する会社名と人物が多めなので、先にご紹介しておきますね。

会場は株式会社カンマン

このセミナーの会場となったのは、徳島のホームページ制作会社・株式会社カンマンです。

株式会社カンマンで社内向けセミナーを開催

セミナー講師はAND代表の小川裕司さん

今回のセミナー講師を勤めるのは徳島県のホームページ制作・運用ANDの代表・小川裕司さんです。

セミナー講師 小川 裕司さん(AND代表/株式会社カンマン所属)

小川さんは、私が株式会社カンマンのスタッフとして働いていた頃にお世話になっていた元上司です!
USANET さの はるか
USANET さの はるか

ANDは「あわわ」×「カンマン」のコラボ会社

セミナー講師・小川さんが代表をつとめるANDは「あわわ」×「カンマン」のコラボ会社です。

今回は株式会社カンマンの社内向けセミナーですが、私も元・スタッフと言うことで参加させていただきました!

左から私(USANET さのはるか)、AND小川代表、株式会社カンマンの横田さん)

退職後もこうして勉強の機会をいただけて、大変ありがたいです✨
USANET さの はるか
USANET さの はるか

セミナー「UIの観点から見るホームページ制作のヒント」

ホームページやブログを運用している人なら気になるこのセミナー「UIの観点から見るホームページ制作のヒント」の内容と感想をご紹介します。

UIとは

UIはユーザーインターフェースの略です。

UIデザインとは、簡単にいえば「ユーザーがwebサイトやアプリを快適に使うための設計」です。

引用元:UIデザインとは何かを勉強しよう!基礎知識と参考事例5選まとめ | 株式会社パンタグラフ

セミナー内容と感想

今回のセミナーは株式会社カンマンの社内向けと言うことで、参加者はデザイナーやコーダー。そのため、やや専門的な内容も含まれていました。

こちらはセミナー中にその場で聞きながら描いたグラレコです。

セミナー中にその場で聞きながら描いたグラレコ

このセミナーは、AND小川代表が東京で受けたセミナー約30時間を90分にしています。そのため、かなり盛りだくさんな内容でした。

全部伝えると30時間以上かかる内容を、短縮して90分で聞きました

セミナーでは、優れたUIデザインのホームページがどう言うものか、具体的例として実際のホームページを比較しながら教えていただけたので分かりやすかったです。

ホームページを作ろう!となると、どうしても「自社のアピールポイント」を伝えたくなりますよね。

でも、UIの観点から見るホームページの制作では、こちらの言いたいことではなく、訪問者の悩みのアンサーを入れるんだそうです💡

なぜホームページを作るのか、誰のために、何を伝えるのか…これはいつも心に留めておこうと思います。
USANET さの はるか
USANET さの はるか

また、UIの観点から優れたホームページを考えると、小学生も操作できるように作るのがベストらしいです。

他にもグラレコに書いてあるように、ユーザー目線、ハンバーガーメニューの現状と扱い方、知りたい度の意識、導線、目線、配慮、本質のことなどめちゃくちゃ勉強になりました!

MEMO
UXハニカムについては、検索すると図が出てくるので興味のある方は見てみてください。

分かっている、知っているようで…実際に全部きちんとできているか?と言われると、できていない内容もあり、勉強になりました。

ブログですぐに使える小技:ボタンリンクの使い方

ブログをしている方がすぐに使える小技としては、ボタンのデザイン!

以下のボタンリンクは、UIの観点で言うとどちらがいいと思いますか?

例1

無料でロゴを作る方法を紹介します!

例2

答えは下のボタンです!

下のボタンは「ユーザーへの配慮」があります。

1:全幅だとスマホで見たときに右利きの人でも左利きの人でもボタンが押しやすい、指が届く

2:文章を読まなくても、そのボタンを押すとどうなるのか分かる

なるほど!と思いました。これはすぐに実践できます!
USANET さの はるか
USANET さの はるか

こんな感じの、ホームページやブログ運営者が知っておいて損はない小技をセミナーでいろいろ教えていただきました✨

ANDの自社ホームページ、優れたUIデザインでリニューアル中!

今回のセミナーでは優れたUIデザインのホームページ制作について学びましたが、セミナー講師小川さんが代表を務めるANDの自社ホームページは、どうでしょう?

ANDの現在のホームページ

実は現在、ホームページをリニューアル中だそうです!

現在のホームページは、スタイリッシュでかっこいいですがUIの観点から言うと改善点がたくさんあるんだそうです。

リニューアル予定のANDのホームページデザイン(まだ出せないのでモザイク処理してます)

近日リニューアルだそうです。リニューアル後は、優れたUIデザインのホームページになっているそうです。

楽しみですね!

UIデザインセミナーは今後無料で徳島県内で開催!

今回のセミナーは株式会社カンマンで行われた社内向けのものですが、今後さらに内容を良いものにして、一般向けのセミナーとして無料で開催予定だそうです。

まずは6月20日に一般向けの無料セミナーを行うそうです!

お問い合わせはANDまで

徳島でホームページを作成するなら

徳島でホームページ制作なら…

企業・団体ホームページ作成はAND、または株式会社カンマンへ!

今回のセミナー講師・小川さん(AND)、そしてセミナー会場となった株式会社カンマンはどちらもホームページ制作を行なっています。

プロフェッショナルなスタッフが揃っておりますので、企業や団体のホームページの作成・運用・ご相談は是非AND、そして株式会社カンマンへお問い合わせください。

個人の方やご予算に悩んだらUSANETへ

ホームページ作成のご予算に悩んだら、是非USANETの「さの はるか」までご相談ください。

ホームページ制作やWEBを使った情報発信で、企業ではサポートの難しい方(個人の方)の力になりたいと思い2019年5月に開業しました。

私自身もフリーランス・個人事業主としてお仕事していますので、個人の方からのお問い合わせにも柔軟に対応しています。

ご予算に合わせてサポートをご提案させていただきますので、お気軽にご連絡ください🎵
USANET さの はるか
USANET さの はるか

さいごに

株式会社カンマンで社内向けセミナーとして行われた「UIの観点から見るホームページ制作のヒント」(講師:AND小川代表)の内容と感想をご紹介しました。

自分のホームページにも活かせる内容がたくさんあって、勉強になりました!
USANET さの はるか
USANET さの はるか

ところで私、カンマンスタッフ時代に小川さんのLINEスタンプを制作しました。そのスタンプがこちらです。

小川さんのよくある指示 その1

小川さんのよくある指示 その2

よかったらカンマンスタンプも使ってください✨

それではまた!

この記事を書いた人

USANET さの はるか

グラフィックレコーダー、イラストレーター
徳島でフリーランスのテレワーカーしてます。趣味も仕事もボーダーレス。制作することが大好きです!

詳しいプロフィールはこちら

USANETのLINE公式アカウントを友だちに追加