🔳 今週のピックアップ【Google 検索の歴史】

UIデザイナー須田によるデザインコーナーvol.18。
今週の須田的ベストデザインは「Google 検索の歴史」。

須田(UID)：
今回紹介するのは、Googleが公開した『Google検索の歴史』というサイトです。
Googleは今年、Google検索25周年の節目に合わせて、検索に追加されてきた機能を振り返る記事を公開したようです。このサイトはこれまで開発された24の機能を紹介しています。

長津(COO)：
なつかしい機能があるね～。

須田(UID)：
AwwwardsのSOTD（サイトオブザデイ）にもノミネートされていたのでピックアップしました。横スクロールしていくと、この間紹介した寺田ニットさんのサイトのように、タイムラインが1本線でアニメーションになっています。コンセプトがしっかりしてる分、割と情報量は少なくてシンプルですね。

長津(COO)：
プラスボタンがついている箇所にマウスオーバーするとその年のアップデート情報が出てくるんだね。

須田(UID)：
サイト右下のぷよぷよボタンをクリックすると、アップデート機能が色別にカテゴリ分けされています。ビジネスなのか娯楽なのかetc…

長津(COO)：
この歴史ってかなりインターネットの進化そのものだしね。

須田(UID)：
やっぱり最先端技術と連動したアップデートがメインになっていますね。

長津(COO)：
これからのAIへのシフトにあわせて検索の在り方も変わってくるもんね。

須田(UID)：
実は、このサイトの制作会社は、以前紹介した(※)Mclaren F1 x Chrome Pit Crew GameをつくったButtermaxでした。
(※)まだ記事にできていなくてすみません(*óㅿò*)。。。

長津(COO)：
このサイト自体もF1とかけあわせてChromeの機能を紹介してたよね。
やっぱりWebGLおもしろいね。

長津(COO)：
我々世代はFlashでこういうサイトを制作してたけどFlashファイルをSafariがサポートしなくなって全フラッシャーが死んだよね(笑)

古川(Dir)：
そうですね(笑)

長津(COO)：
そもそもWebGLってどうやって作るの？

須田(UID)：
それこそIllustratorで作ったベクターデータを取り込むような感じだと思います。
実際のアニメーションとかは多分Three.jsでブラウザ上でつくれるんですよね。

長津(COO)：
素材を作るのはIllustratorでもUnityでもできるけど、WebGL用のエディターに打ち込んでアニメーションをつけるって感じなのかね？

須田(UID)：
そうですね。Unity で作ったものに関して、アニメーションの情報もつけられるのであれば、それをそのまま引っ張ってきてもいいと思いますけど…。モデルだけ作ってアニメーションはやっぱりエディターじゃなきゃつけられないみたいな感じなのかな？

長津(COO)：
前紹介してくれた奥行きのあるサイトも、まず3D空間とオブジェクトをそれぞれ制作して、最後にカメラワークを決めていく感じだったよね。

長津(COO)：
ところで、このサイトはSEOのクローリングの検索対象になるの？
そもそもテキストデータは持ってない？

竹田(Dir)：
多分SEO的には評価されないですね。

長津(COO)：
タイトルとディスクリプション以外は検索対象にならないのか～。
まぁ最近の企業コンテンツは、サイトにタイトルだけ入れといて、コンテンツは別途noteとかhubspotでつくることが多いよね。

須田(UID)：
WebGLlがより身近なものになったので、もっとデザインを勉強しなおさないといけないなと思いました。

長津(COO)：
AppleのVision Proじゃないけど、WebGLはARやMR的な世界での表現でもあるしね。

須田(UID)：
仕事に生かすとなると、デザイン的にはテキストの情報を削って演出の比率を上げるので、多分クライアントへの説明次第では、あまり受けが良くなかったりもすると思います。多分最初は苦戦するんだろうな…。

長津(COO)：
見続けるとどんどん当時のことが思い出される(笑)
ブラックハットSEOも流行ったな～。
今後生成されていくものと今までのものとで、情報の在り方が変わってくるなと考えさせられたよ。
じゃあ今日はここまで。アディオス！

〆