定期的に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サイトを制作するポイントをまとめています。
本書は、全109ページに8章が収録されています。全部英語となりますが、サムネイルイメージ画像がたくさん挿入されており、見ているだけでも最新のWebデザイントレンドを垣間見ることができます。
まずはじめにUX（英: User Experience）とUI（英:User Interface）の違いはなにか、各ポイントをまとめて確認することができます。
具体的なWebサイトデザインを見ながら解説は進み、参考にしやすい点もこのeBookシリーズの特徴です。
第3章では、ウェブサイトを訪れたユーザーが何を求めているのか理解を深めます。
Evernoteなど大企業のWebサイトを見ながら、どのようなポイントに注意しながら作成されているのか、こまかく分析しながら学ぶことができます。
第4章ではビジュアルにおける階層とUIパターンを解説しています。ヒートマップを元に、どのようにユーザーを目的のコンテンツに誘導するか、またどのエリアがクリックされやすいのか、どれもサイト運営には重要なポイントです。
先日ご紹介したスタイルガイドの作成テクニックもまとめられていました。
その他の関連eBookまとめ
Mobile UI Design Patterns 2014
モバイルサイトやアプリにおける46個のトレンドを、PinterestやSpotify、Uber、Instagram、Dropbox、Flipboardなどの有名企業サイトを具体例に見ていきます。デスクトップとは異なり、ディスプレイサイズに制限のあるモバイルにおいて、どのように機能性とデザイン性のバランスをとるのか解説しています。
この本ではAmazonやKickstarter，AirBnB，LinkedIn、Mailchimpなどトップ企業を参考に、Webサイトにおける最新UIデザインを説明しています。具体的な問題点を挙げ、どのように解決するかまで詳しく解説されており、63個の事例を含んでいます。
The Guide to Minimum Viable Products
プロダクト商品の開発を中心としたeBookですが、いくつかの章ではWebサイトにおけるユーザーエクスペリエンスについても触れています。120ページを超えるボリュームで、プロダクト商品の開発に成功しているMVP企業、DropBoxやAirBnB，GrouponのWebサイトを参考に、何を改善したらよいか的確に教えてくれます。
2014年のWebデザイントレンドをひとつずつ分析し、わかりやすく解説しています。11におよぶ主要デザイントレンドを、165個の具体例、参考サイトで紹介しています。
Mobile Design Book of Trends 2014
上記eBookに続き、こちらはモバイルサイトのデザイントレンドを、156ページにわたり詳しく解説しています。特にイラストやスクリーンショットが多いので、見ているだけでも勉強になります。
効果的なワイヤーフレームを作成するセオリーと練習を交えながら、各デザインプロダクトに応じて紹介しています。手書きワイヤーフレームとデジタル・ワイヤーフレームのメリットとデメリットをまとめており、すぐに使えるテンプレート素材も収録されています。
全127ページの大半は、著者自身のスタートアップ体験など、ストーリー性の高い例が多く、ユーザーエクスペリエンスについてより理解を深めたいときに。同時に60を超えるデザインツールも一緒にまとめています。
参照元リンク : 7 Free Product Design e-Books from UXPIN’s Library – JUST Creative
