Smashing Book 3 First Look

Guess What mailman delivered today? This year’s most anticipated book on my reading List, Smashing Book 3. Here is the first look of the book :

Smashing Book 3 Package

Smashing Book 3 Parcel

Smashing Book 3 Front Cover

Redesign The web

When the book was available for pre-order, I ordered the book, So, they mentioned my name in the book. Here is a snapshot of the ASCII art.

Smashing Book 3 ASCII Art

Smashing Book ASCII Art

Prashant Sani ASCI Art in Smashing Book 3

I had also pre-ordered Smashing Book 3 1/3 . So, Stay tuned first look of smashing 3 1/3 and the reviews for both the books coming Soon!

Smashing Book 3 Back Cover

The book is available for sale, you can purchase the book by clicking here.

Thank You!

Dont Make Me Think Book Review

Introduction to Usability:

“Its a product when design fulfills purpose, but a toy when it only attracts.”

Imagine a website which has so many design elements that you have to think a lot to navigate from page X to page Y; Or a website which is so easy in terms of navigation; but lacks in visual aesthetics and looks boring.

The website should be aesthetically good and pleasing as well as easy to use. Take an example of Google’s home page - Simple plain google logo(where,at times Google Doodles are displayed) ,Links on Top and the main feature in dead center,The Search Bar.You must have also observed that once a user goes to Google’s website,the cursor is focused automatically on the Search Bar.  Google products are so eloquently designed and developed, that a lot of inspiration can be derived not only in terms of Design/Aesthetics  but also in terms of Usability.

Google Website Wireframe

(Google Website Wireframe)

Every Now and then, Facebook innovates its website UI(User Interface) & a lot of my friends who don’t understand the features start showing their exasperation through their status updates.  A lot of usability research(the study of how users use and interact with website) goes behind the scene before implementing any new feature. Yet,there are couple of people who dont get well adjusted to those changes. Also,There are some people who enjoy these new features so much that they insist their friends to use these new features ( A lot of my friends enjoyed Time-line feature of Facebook & insisted me to upgrade my profile) .

Do you like the new Twitter UI? Or you are one of those who hated it?

This book is aimed to make readers understand how users use websites, giving design guidelines for creating easy to use websites.

Dont make Me think Book Cover

Important Points from the Book :

  1. “Dont Make Me think”- First Law Of Usability : A web page should be Self-evident.Obvious and Self-explanatory.
  2. Following image clearly represents that A lot of times we can’t actually predict the way user will be using the website.How users use website
  3. We(as Users)don’t read Web pages, We scan them.
  4. We dont make optimal choices. we satisfice: We don’t choose the best option- but choose the first reasonable option.
  5. We don’t figure out how things work- We rather muddle through.
  6. Create clear visual hierarchy.
  7. Using conventions instead of reinventing the whole wheel every time and confusing users. Although if a designer thinks of reinventing the wheel and creating something out of the box, it should not confuse users.
  8. Categorise pages into clearly defined areas.
  9. Make Buttons, Links and other clickable areas obvious.
  10. Krug’s third law of usability : Get rid of words on each page, then get rid of half of what’s left.
  11. Keep a consistent and clear navigation for your website.
  12. Instead of having argument over a feature or location of feature over a business meeting; its always better to have the feature discussed with Focus groups and perform Usability Testing.
  13. When arriving at a home page, it should take very little effort to answer these questions:
    • What is this?
    • What do they have here?
    • What can I do here?
    • Why should I be here ­– and not somewhere else?

Lastly,This book also introduces the ways we can accomplish Usability testing for small and limited budget projects by doing it ourselves.The book concludes with Accessibility and Steve’s Email response to situations when bad design decisions are forcefully instigated.

Target Audience :

This book is for all those professionals who are directly or indirectly involved in process of creating a website.However, If you are a renounced and well known IA professional, there is a chance that you might know most of the content of the book.

Limitations :

  1. Since It was published way long back (even the 2nd edition was published in 2005), You can’t expect it to contain websites like Nike Better World and other Amazingly HTML5 based websites. So,if you are looking out for a High end Coffee table web inspiration book,This is not the one.
  2. Also the book lacks in content regarding Mobile Applications and Mobile/Tablet Optimised Websites. Even though a lot of principles for usability remains the same,there are some very intense usability and accessibility rules that are different from Desktop Environment; For Instance- use of swipe and other touch gestures in Mobile Devices,Lack of flash support, Responsive Web Design, etc.

Final Conclusions :

This is an excellent introduction to the world of usability,(IA)Information Architecture and Usability Testing.There are some basic ground breaking rules described in the book that will never change no matter what.But if you are Web designer and a developer,you shouldn’t stop at this, this gives you introduction to world of IA and makes your website more usable and pleasurable.

An Email to Steve Krug,The Author

I really love your book.You have made an indispensable book on web usability. It has become the De-facto standard for any web professionals whether designer,or developer to read this and make Web a better Medium.Can you please share us more knowledge about usability;covering some advance usability topics and topics pertaining to Mobile web usability as a sequel to this book?(3rd edition ,May be ?)
Again Thanks for Inspiring :)
Prashant
PS:Loved the way you wrote previous books,Don’t change your style!

[Update Reply from Steve ] 

Prashant…

Thanks for those *very* kind words.

I’ve been spending a lot of time in the last year thinking about how to offer some advice about the Mobile world (since that seems to be where everything is heading). I’m still not sure how it will end up (perhaps, as you suggest, as a 3rd edition). We’ll see. But in the meantime, I really appreciate the encouragment!

Thanks again

Steve

Additional Links

SPID.er Rating: 10/10

Got any views on this book?, please share it via a comment.
Thanks
Prashant

Head First Web Design Book Review

I believe this book should have been titled as Head First Web Design Process, Usability and Accessibility. Don’t get me wrong but the Author has done a good job of explaining the design process of building a Website; but the topic hasn’t gone as far as the book Principles of Beautiful web Design.

Head First Web Design Book Cover

After reading Head First HTML, I was looking out for a book that would help me further understand the design process. So, I bought this book thinking to learn about Web Design concepts, but, I’m glad this book thought me much more that that.

The First chapter itself starts off by explaining the Redesign Process covering topics like :

  • Creating a Blueprint and Storyboard for the site,
  • Editing and creating a web-friendly copy for the website,
  • Explanation on User Centered Design,
  • Information Architecture.
Head First Web Design Book Information Architecture
As the book progresses, it covers valuable information on topics like visual metaphor, web standards best practices, Card Sorting, organizing website through Information Architecture, Golden Rule, Color Theory, Usability, Accessibility , Survey, Focus Groups and last but not the least managing a Web Design Business. Most of these concepts are crucial for a successful Web Design career.

 

Managing A Web Design Business

This is one of the sections I enjoyed the most. From Creative Commons License  to preparing a estimate for a Web Design Process, the knowledge covered in this chapter is indispensable.

Cost Estimation for a Web Design Project

Lastly the section on “What kind of Web Worker are you?” was something interesting read.

Pros

  1. As always like all Head First Books, this book teaches with fun, laughter,lots of comics and crossword puzzles.
  2. Concepts like Usability, Information Architecture and Accessibility thought to the core.

Cons

  1. Since this book was published way back in 2009, some of the concepts like designing for Mobile are missing.
  2. Could have covered more on design part.
  3. Beware of spelling Mistakes (click here for all the Errata).

Target Audience:

Newbies and Developers who want to know more about web design process. However even experienced Web Designers/Developers interested in increasing their domain knowledge about Web Accessibility and Usability will find this book useful

Prerequisites :

Readers should have a basic understanding of HTML,CSS and JavaScript.

SPID.er Rating 8.5/10

Additional Links

  1. Principles of Beautiful web Design Book Review(Coming Soon!)
  2. Don’t Make Me Think Book Review (Coming Soon!)
  3. Twitter Link of Author

Happy April Fool’s Day


Happy April Fools Day

You can Check Other Fun Infographics by clicking this link
Got any Suggestions for Fun Infographics?Mail us on prashant@prashantsani.com
Thank You!!

Head First WordPress Review

WordPress is by far, the best blogging platform ever. Being Free and Open source, it cherishes the largest theme & plug-in collection than any other blogging platforms. Head First WordPress is the book to get you acquainted with basics of WordPress Blogging.

Head First WordPress Book Cover

The book starts with explaining the two ways of installing WordPress:

Then It moves down to topics like

  1. Changing Themes/ Theme Customization(i.e. making Child themes),
  2. WordPress Plugins,
  3. WordPress as CMS,
  4. Managing  Authors/Editors for blog,
  5. Publishing Video Pod-casts and embedding them,
  6. Securing WordPress and making a backup of the same.

The book ends with explanation on speeding up WordPress,CDN (Content delivery Networks),etc. The Author concludes the book by covering 1-page introduction on Mobile Hosting, WordPress SEO, Mobile WordPress, PHP, etc .

Pros

  1. Like All Head First Books, this book maintains Fun and intuitive way of teaching.
  2. Sometimes, while using WordPress, We come across situations when WordPress itself cannot perform a specific task (like uploading the image to a server with lower Group Permissions). For such situations, the Author becomes our savior and delivers valuable information (like changing the Group Permissions via FTP software).
  3. For those who are completely new to Web, a small introduction on FTP, Web-Server, Creating database,etc is also given.
  4. Meager understanding of HTML/CSS is required.

Cons

Although this book is for beginners, it could have covered more on topics such as :

  1. Sharing content via Facebook, Twitter and other social media; and related topics such as using Featured Image.
  2. theme customization in terms of PHP,
  3. Responsive CSS ( Since Responsive Web design is gaining lot of momentum these days in web world)

Target Audience:

  1. Those thinking of starting their own blog. No prior knowledge is required. Honestly you should be well acquainted with using computer. Although a basic understanding of HTML/CSS will be beneficial to you.
  2. Front End developers who are looking out for a springboard to dive in WordPress.
  3. Again, like most of the Head First Books, this is start from here book and not a complete reference for Ninjas.

SPID.er Rating 7/10

Additional Links

  1. Website of Jeff Siarto, The Author 
  2. Twitter Link of Jeff Siarto

Fun Infographic on Digital Media

I Really love reading troll jokes that are rolling these days on Facebook and some websites like 9GAG, the Oatmeal, etc. So, I thought of making some of my own and start publishing on this site.

So, here is the First One of the amazingly Awesome Fun Infographics(Yep! that’s my Term for these Fun Infographics )

Digital Media Fun Infographic

Stay Tuned!!
Many More to come :)
Prashant Sani.
(Pls note that you are allowed to copy this infographic only if you attribute my Website and do not remove the copyright information on Infographic)

 

Head First HTML (with CSS and xHTML) Book Review

Head First HTML with CSS & XHTML by Elisabeth Freeman and Eric Freeman cover

Are you a Graphic Designer who knows the dangers of automated code?

Or you are a beginner level Front End developer, who thoroughly gets confused with HTML tags and CSS?

In any case this is the perfect book for you to start coding HTML & CSS. If you love reading books that teach you how to code without boring you with unnecessary specification styled language(that can make you sleep!), You ‘ll love reading Head First Series Books.(like Me).

The Book Starts off by explaining basics of HTML, and then takes us to wonderful journey down the Webville(or so they call), teaching us the basics of markup in a very fun and intuitive way using tools like story-telling and Crossword Puzzles. After the basics of HTML are thoroughly explained, the book starts explaining core CSS concepts like Styling, Cascading, Layout,etc and the book ends with little bit of introduction on JavaScript and HTML Forms.

I know this is age of HTML5, but don’t get me wrong; HTML5 is nothing but new JavaScript APIs+ New Tags that are added to xHTML and HTML4 standard. This book makes sure that the basics are well understood .

Pros:

  1. Informal Conversational Styled Book that concentrates on Teaching and not making you sleep!
  2. Core and yet quite confusing concepts for beginners like CSS Layouts (table-less) taught without leaving a slight trace of confusion in readers minds.
  3. For pure developers/and or beginners, information such as how Hexadecimal-code are calculated, how RGB works, how to save for web, etc is also provided.

Cons:

(None Actually).I m glad that this was my First Ever HTML and Head First Book!

Target Audience:

  1. This book is dedicated purely to coders or design professionals who want to learn basics of xHTML and CSS without reading boring developer language HTML Books or specification.
  2. Remember this is a “Start From Here” book and not meant for high end HTML programmer who is looking out for a reference book on HTML (why not refer W3C specification, then? )

SPID.er Rating 5/5

Additional Links

  1. Head First HTML with CSS & XHTML Official Website
  2. Other Book Reviews on SPID.er
  3. Eric Freeman Website

I want to sincerely thank the Authors, Elisabeth Freeman and Eric Freeman for this wonderful book.
Prashant Sani

Pleasures of ordering Books Online

I am a avid book lover. I really do love reading design and development books. Since past one year i have been purchasing books online from various stores including Flipkart,Infibeam,Buy Books India,etc.

Advantages of buying books online:-

  1. Most of them offer Cash on Delivery for orders above 100.
  2. Discount on every book ranging from 1% to 70%.
  3. For Imported editions of book,they offer the lowest shipment(most of the times 0 $ per book).
  4. Since the custom on books is 0%, no custom duty is applicable in India.
  5. Hassle free shipment.
  6. In-case of the delay in shipment and / or custom process, they (stores) take the responsibility and perform the necessary actions.
  7. You can compare the rates of the book to other competitors and settle for the one offering you the best deal.
  8. Nowadays anything from books to clothes to DVDs can be bought online.
  9. Some of these websites offer a wishlist feature, i.e user can save a book in his/her wishlist and buy whenever needed.
  10. Most of them allow features like Recommendations & Lists ,thereby smartly recommending some books covering our favorite topics.
Websites Selling Books (and other stuffs)Online
  1. Flipkart (offers COD, Free Shipment on All Orders above 200)
  2. Home Shop 18 (offers COD)
  3. Infibeam (offers COD)
  4. Crossword (No Cash On Delivery Available ,As of this writing Free shipping on All Orders )
  5. Buy Books India  (offers COD, Free Shipment on All Orders above 125)
  6. NBC India
  7. Recently Amazon Launched Junglee , India specific online shopping service
  8. India Times Shopping
  9. Landmark
  10. Simply Books
Lastly, make sure that the connection is fully encrypted while making payment through Online means like Credit Card/Debit Card or Net Banking.

Additional Links Worth Checking out

  1. Book Reviews by Me
  2. Why Buing from Flipkart Makes Sense, an Article on Squamble.com

JavaScript 24 hour trainer Book Review

Published in December 2010, JavaScript 24 hour trainer is a beginner level to mid level JavaScript book written by Net Tuts+ Author, Jeremy McPeak.

JavaScript 24 Hr. Trainer Book by Jeremy McPeak

The whole book is divided in in 3 sections: -

  1. Introduction to JavaScript
  2. Programming the Browser
  3. Handling Errors ,Debugging and Best Practices

At first,43 Chapters can be very overwhelming for a beginner.But,Jeremy makes sure that these chapters are small in length and are easily understood. Each Book Chapter compliments a Video Tutorial included in the DVD. A lot of times, the concepts taught inside book are repeated in videos too. But,Again this is to make sure that the important and core concepts are well understood.

I would say i m pretty satisfied by the flow of information in the book and way Jeremy has complimented Videos with the book Chapters. For instance after explaining variables,objects,global and local scope he came down to window object(Spoiler Alert!! :P ) and explained variables and global level functions are window object’s(global level) Properties and Methods. It’s always the flow of information in the book which makes it useful. I would say in terms of the flow,this book is excellent.

I really loved the 3rd part of book which deals with Optimisation and handling Errors.

Target Audience:(or who will benefit most from this book)

  1. People who don’t know anything about JavaScript but have a working knowledge of HTML and CSS.
  2. People who have some basic knowledge of JavaScript,
  3. Since this is not a complete reference book on JavaScript and it starts with basics like variable,functions and other basic Concepts;Its not target to JavaScript Ninjas(or in other words,Pro JavaScript developers)

Other Amazing JavaScript Books worth Checking Out:-
Beginner Level:

  1. Eloquent JavaScript,Digital Version Available Free
  2. JavaScript: The Definitive Guide
  3. JavaScript: The Good Parts 
  4. HeadFirst :JavaScript

Intermediate and Pro Level:

  1. Pro JavaScript Techniques 
  2. Supercharged JavaScript Graphics
  3. High Performance JavaScript

SPID.er Rating 4/5

Thank You!Please Let me know your views on this Review.Many More Reviews to come,Stay Tuned :)
Prashant Sani

Super Charge your HTML lists with list.js

Do you wish to give your HTML lists an edge by adding features like Search,Sort,Filters and Tags??

list.js Logo,Image Ownership belongs to List.js

Introducing “List.js”, an Awesome JavaScript Framework which lets you search through the lists,Filter them and add and delete list items  on the fly.You can find out more about this Framework by visiting the official Website.

What do you think of this framework?Let me know your views via comments :)

This post was written by