2012年4月第2週号 1位は、Webサイトをリニューアルする際に気をつけるべきルール、気になるネタは、Google、ARメガネ Project Glass を発表

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2012年4月2日～2012年4月8日の間に見つけた記事のベスト5です。

Webサイトをリニューアルする際に気をつけるべきルールについてまとめています。

最後の項では、Smashing Magazineの2007年からのサイトキャプチャーを元に、リニューアルの実例について解説しています。

Webサイトを簡単に作成できるサービスをまとめて紹介しています。

最近アメリカのWebテク系ブログでやけによく目にする、「⁠Wix」というサービスが最初に紹介されています。ちなみに、Wixへのリンクはアフィリエイトになっているので、各所で取り上げられたのはアフィリエイト目的なのでしょう。

Googleの「みんなのビジネスオンライン」でも使われているJimdoも紹介されていますね。

あまり知られていない便利なオンラインツールをまとめた記事です。

モバイルにも対応したWebサイトビルダー、ワイヤーフレーム作成ツール、オンライン写真ライブラリー、プロジェクトマネージメントツールなどが紹介されています。

平面的でシンプルなアイコンと、Webフォントとしても使えるアイコンフォントを紹介しています。

フォントによるアイコンを用いると、画像と違いサイズ変更しても問題ないので、レスポンシブWebデザインとの相性がいいはずです。

「40+Simple & Minimalist Icon Sets for Website Design」という記事でも、同じようなシンプルなアイコンが多数紹介されています。

インフォグラフィックスに使えるベクター素材を配布しているサイトを紹介しています。インフォグラフィックスは画像だけでコンテンツとして完結しているため、ソーシャルメディアでの共有と相性が良く、最近流行っているようです。

人の形やちょっとしたアイコン、棒グラフ、円グラフなどのグラフの元となる素材が揃っています。プレゼン資料にも使えそうですね。

そのほか、先週の記事の中から、素材やライブラリ関連の記事を紹介します。

Presenteer.js
ページに埋め込めるスライド作成用ライブラリーの紹介です
Slideshow with jmpress.js | Codrops
impress.jsを使った立体的な動きのスライドショーを作るチュートリアルです
Alternative Google Brand Artwork from Dribbble / Design Tickle
Googleの各サービスのアイコンなどをデザインし直した素材を各種紹介しています

先週の気になるWebサービス

各種ソーシャルメディアサービスの設定変更の手助けをするサービスです。

たとえば、左から「Change profile picture」を選び、右から「Twitter」を選んで「GO」ボタンを押すと、Twitterでアイコン画像を変更する画面にすぐにたどり着けます。

Facebook、Twitterはもちろん、Pinterest、Flickr、Tumblr、LinkedIn、Foursquare、Instagramなどに対応しています。

Facebookのように各種設定の場所が分かりにくいサービスの場合、とくに便利そうです。複数のサービスをまとめて設定できるなどの特殊な機能はなく、ただリンク先を探すだけの単純な仕組みです。ただのリンク集ではなく、やりたいこととサービス名の組み合わせで選べるようにしたアイデアがいいですね。

Googleがメガネ型のウェアラブル端末「Project Glass」を発表しました。コンセプト動画が公開され、話題になっています。

天気予報や地下鉄の遅延情報や地図など、今いる場所に関連した情報が目の前に浮かんでくるんですね。スマートフォンをかざさなくても、セカイカメラのような世界が目の前に広がる、まさに拡張現実を実現する端末です。

とはいえ、発表されたような端末では、動画で紹介されているようには表示できないだろうという声も上がっています。

コンセプト動画の中で写真を撮るシーンがあるんですが、いつでも自分の見ているものを写真に撮れるのは便利でしょうね。でも逆に、いつでも撮られているんじゃないかと構えなくてはいけなくなってしまいそうでもあります。

コンセプト動画でもシャッター音が鳴っていましたが、商品化する際は大きなシャッター音が鳴るようにしないとクレームが出そうですね。