仕事

A collection of 102 posts

仕事

2010年代で変わったデザインとこれから

みんなのwebになった10年代 この 10 年を振り返って大きく変わったのが、web が水と電気と同じように欠かせない存在になったこと。もちろん、それ以前から web は多くの方が使っていましたし、早い時期から web の可能性を信じていた人もたくさんいました。しかし、それでもパソコンという難しいデバイスを使うのが大前提でしたし、多少なりとも専門的な web の知識が必要でした。 少し敷居が高かった web の壁を完全に壊したのがスマートフォンの存在。日本では ソフトバンクモバイルが 2008 年に iPhone 3G を販売していましたが、本格的に普及し始めたのは 10 年代に入ってからだと思います。スマートフォンによって誰でも気軽に web へアクセスできるようになっただけでなく、web かどうかを意識することなく、コンテンツを消費したり作ることが可能になりました。 先進的な人たちだけのものではなく、みんなのものになった web。もう立派なオトナです。これによって web サイトやアプリをデザインする私たちに大きな転換期が来ました。

仕事

課題解決の視点を伝え方にも活かしていこう

メリットがメリットにならないとき 「〇〇は古いから新しい△△のほうが良い」 「今は△△であるべきなのに、なぜ変えないのか」 自分が信じるやり方への想いが強いと上記のような論調になりがちですが、残念ながらこうした言い回しで「よし、では変えてみよう」と思う方はほとんどいません。例えば「web デザインで Photoshop を使うより、XD をはじめとした他のツールの方が良い」と言って新しいツールのメリットを伝えることがありますが、あまり効果的ではないと思っています。 今までのやり方より新しい手段のほうが良い、といった伝え方には下記の問題があると思っています。 故意ではなくても相手を否定しているように聞こえてしまう 伝えている本人にとって得するようにしか聞こえない 結局、従来のやり方がその人にとって楽 メリットを伝える時、ツール・手法・プロセスにおけるメリットを伝えるのは単にスペック(仕様)に近いもので、それが何であるかを説明しているのに過ぎません。伝えている側は一所懸命「ここが良いんです!」と説明していたとしても、聞き手からすれば「すごいですね。で?」になります。伝える側の熱量が高ければ高いほど、受け取る側とのギャップはより大きなものになるでしょう。 これはあらゆるコミュニケーションで言えることです。デザインの仕事でも下記のような課題に取り組んでいる方はいると思います。

仕事

地方で勉強会を企画されている方へ

Webがなければ終わっていた 私は学生から就職までの 10 年間米国で暮らしていましたが、少し車を走らせれば地平線がどこまでも続く田舎町にいました。「これぞアメリカ」みたいな地域で暮らしたことは貴重な経験でしたが、テクノロジーと寄り添う仕事に就きたいと思う人には厳しい場所だったと思います。 Web デザインと呼ばれる分野が生まれたのは私が学生だった頃ですが、当時は先生もどう教えたら良いのか分からず、代わりに私が Dreamweaver の講義とアシスタントをしていました。グラフィックデザインを目指している人ばかりで、同じように web に興味をもっている人は周りにはいませんでしたし、勉強会やミートアップといった人と会う機会もありませんでした。 それでも続けられたのも、web ブラウザを開けば自分より数百倍すごい人が新しいモノを作っている姿を見ることができたから。文字通り森の中で住んでいましたが、常に世界と繋がっていたことが今の仕事ができている理由だと思っています(高速回線を使いたい放題だったのもプラスでしたが)。当時の web は『ニッチな世界』だったこともあって、同じような考えをもった人との交流もしやすく、誰もが次を探す開拓時代のような雰囲気があったと思います。 まだ始まったばかりという新しい分野特有の雰囲気も、孤独感を多少和らげていたのかもしれません。 地域差が出るところと変わらないこと 情報収集であれば東京に居ようが地方で居ようか関係ありません。必要なものは web アクセスができるデバイスひとつだけ。昔より海外の情報も入手しやすいので、本人のやる気次第で情報収集の質を上げることができます。 どうしようもないのが、同じような視点をもった人と出会う機会が圧倒的に少ない点です。私が米国にいて辛かったのがそこですし、

デザイン

フレームワークと共存できるデザインの向き合い方

フレームワークはクリエイティブを殺すのか プロダクトやサービスを運用しているサイトの多くは上図のようなフォーマットに収まります。画面上には大きな画像(又は動画)を背景に短めのメッセージ。3, 4 つの機能紹介、導入している企業のロゴが並ぶといった構成はよく見かけます。似たようなテンプレートがたくさんあるように、定番になっていると言えるでしょう。 こうした無難な形状をした web サイトを「Bootstrap っぽい」と表現することがあります。2011年にリリースされて以来、フロントエンドフレームワークとして多大な影響を与えた Bootstrap。模索・実装の敷居を下げたものの、同じような見た目の web サイトを量産したことを指摘される場合もあります。 フロントエンドフレームワークやデザインシステムのような『枠組み』に沿って作ることはクリエイティビティを奪うものだと危惧している方は少なくありません。実際、Bootstrap っぽい web サイトがたくさん出てきてしまっているのもその証拠と捉える人もいます。 ただ、本当に Bootstrap のようなフレームワークのせいなのでしょうか。 そのまま使うと単調なレイアウトになりがちですが、Layout Utilities を活用して カスタム CSS Grid