Advertisement

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などの有名企業サイトを具体例に見ていきます。デスクトップとは異なり、ディスプレイサイズに制限のあるモバイルにおいて、どのように機能性とデザイン性のバランスをとるのか解説しています。

mobile-design-patterns-640x269

 

 

 

Web UI Design Patterns 2014

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

web-design-patterns-640x269

 

 

 

The Guide to Minimum Viable Products

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

guide-to-minimum-viable-products-640x269

 

 

 

Web Design Book of Trends

2014年のWebデザイントレンドをひとつずつ分析し、わかりやすく解説しています。11におよぶ主要デザイントレンドを、165個の具体例、参考サイトで紹介しています。

web-design-book-of-trends-2013-2014-640x269

 

 

 

Mobile Design Book of Trends 2014

上記eBookに続き、こちらはモバイルサイトのデザイントレンドを、156ページにわたり詳しく解説しています。特にイラストやスクリーンショットが多いので、見ているだけでも勉強になります。

mobile-design-book-of-trends-640x269

 

 

 

The Guide to Wireframing

効果的なワイヤーフレームを作成するセオリーと練習を交えながら、各デザインプロダクトに応じて紹介しています。手書きワイヤーフレームとデジタル・ワイヤーフレームのメリットとデメリットをまとめており、すぐに使えるテンプレート素材も収録されています。

guide-to-wireframing-640x269

 

 

 

UX Design for Startups

全127ページの大半は、著者自身のスタートアップ体験など、ストーリー性の高い例が多く、ユーザーエクスペリエンスについてより理解を深めたいときに。同時に60を超えるデザインツールも一緒にまとめています。

ux-design-for-startups-640x269

 

 

参照元リンク : 7 Free Product Design e-Books from UXPIN’s Library – JUST Creative