(cache) Webサイト構築に必要なポイントや注意点、トレンドをまとめた無料eBook 8冊まとめ

Webサイト構築に必要なポイントや注意点、トレンドをまとめた無料eBook 8冊まとめ

- その他まとめ
2014/11/04

uxpin-book-top

定期的にWebサイトやモバイルアプリ制作の参考にでき、GoogleやTwitter、Facebookなどといった大企業のUXデザインを具体例に解説したPDFブックを無料配布しているUXPinより、新しいeBook「Web UI Design Best Practice」が公開されていたので、今回はご紹介します。

これまでにUXPinが公開している優良eBookも一緒にまとめています。どれも無料ダウンロードできるので、これを機会にダウンロードしてみてはいかがでしょう。

詳細は以下から。

Webサイト構築に必要なポイントや注意点をまとめた無料eBook

新しく公開された新刊Web UI Design Best Practiceでは、実際にWeb業界の最前線で活躍する大企業のウェブサイトを例に、より使いやすいUIデザインのテクニックやセオリーを学ぶことができます。AppleやSpotify、LivingSocialなど33の企業サイトを分析することで、理想的なWebサイトを制作するポイントをまとめています。

we-design-best-practice

本書は、全109ページに8章が収録されています。全部英語となりますが、サムネイルイメージ画像がたくさん挿入されており、見ているだけでも最新のWebデザイントレンドを垣間見ることができます。

sample2

まずはじめにUX（英: User Experience）とUI（英:User Interface）の違いはなにか、各ポイントをまとめて確認することができます。

sample3

具体的なWebサイトデザインを見ながら解説は進み、参考にしやすい点もこのeBookシリーズの特徴です。

sample5

第3章では、ウェブサイトを訪れたユーザーが何を求めているのか理解を深めます。

sample4

Evernoteなど大企業のWebサイトを見ながら、どのようなポイントに注意しながら作成されているのか、こまかく分析しながら学ぶことができます。

sample8

第4章ではビジュアルにおける階層とUIパターンを解説しています。ヒートマップを元に、どのようにユーザーを目的のコンテンツに誘導するか、またどのエリアがクリックされやすいのか、どれもサイト運営には重要なポイントです。

sample6

先日ご紹介したスタイルガイドの作成テクニックもまとめられていました。

sample7

その他の関連eBookまとめ

Mobile UI Design Patterns 2014

モバイルサイトやアプリにおける46個のトレンドを、PinterestやSpotify、Uber、Instagram、Dropbox、Flipboardなどの有名企業サイトを具体例に見ていきます。デスクトップとは異なり、ディスプレイサイズに制限のあるモバイルにおいて、どのように機能性とデザイン性のバランスをとるのか解説しています。

Web UI Design Patterns 2014

この本ではAmazonやKickstarter，AirBnB，LinkedIn、Mailchimpなどトップ企業を参考に、Webサイトにおける最新UIデザインを説明しています。具体的な問題点を挙げ、どのように解決するかまで詳しく解説されており、63個の事例を含んでいます。

The Guide to Minimum Viable Products

プロダクト商品の開発を中心としたeBookですが、いくつかの章ではWebサイトにおけるユーザーエクスペリエンスについても触れています。120ページを超えるボリュームで、プロダクト商品の開発に成功しているMVP企業、DropBoxやAirBnB，GrouponのWebサイトを参考に、何を改善したらよいか的確に教えてくれます。