An everyday guide to Office 365 Groups
Recently Google changed its logo, and well like anyone else I also loved it. I went over quite a few article and also watched the video which talked about Google transition from ‘Blue lines’ to this new ‘Serif “Free” Logo’!Wait a second…”Serif Free”? What does Google and its new logo has to do with it…actually a lot!
Before I go in more detail; did you ever happen to open Google on a low bandwidth internet connection –
If you are using a low-bandwidth connections you would see not the image version of the logo but a close text approximation which is created using SVG (Scalable Vector Graphic), Actually SVG is the best file format, and more and more logos are now appearing using SVG.
In the above image the one marked as SVG is for low bandwidth!
How much Google pays attention to detail and being ‘Pixel Perfect’ which actually is a learning for Product Managers, Designers, and UX researchers; read this:
The new design allowed Google to optimize the assets for its size and latency.
This new logo actually is of only 305 bytes where as compare it with older one – 14,000 bytes! Now this is the reason why Google for slow internet connections served a text version of the logo. This is amazing thinking!
This is how it works after the new logo came in to picture:
So Google actually got rid of Serifs. Serif actualy has tiny decorative lines attached to the edges of many of the letters which help your eyes with readability when you’ve got a lot of text. But serifs are not as useful on text that needs to be shown at many different sizes, like: Logos!
They also don’t scale; if you ever happen to see the ‘g’ fav icon; you would easily resemble it to 8; the more you shrink ‘Serif’ the more spindly letterforms start to disappear, and when it’s really tiny, it’s essentially useless.
Fonts says a lot! So do I love them 🙂
Read more: https://design.google.com/articles/evolving-the-google-identity/
Great Products are a result of a design process which understands that users should get two essential values out of a product.
1. An emotional value (“Wow! I love my iPhone”)
2. A utilitarian value (“A mobile phone…wow, now I can call my friends from anywhere!”).
These are linked so closely with each other that you just can’t have one, without having at least ‘One’ other one!
Now question comes how do you deliver the Emotional and Utilitarian value? Well there are three ways (Which again are related);
The product looks good, is “fun” to interact with, has smooth transition, a “clean” layout, is symmetrical, feels “professional”, and has a “cool” factor associated with it, etc.
It just does things I really value. For example, I value that I can scan my laptop for viruses, though I find it extremely hard how to do so, but I do value that I can do this!
The way functionality is delivered. Is it effective, efficient, satisfying, and simple?
Majority of the IT companies, and now even the mobile companies focus on the utilitarian value of a product, and the functionality of the product.
They are forced to sneak in as many ‘Functionality Feature’ in a release as they can; since this is the way ‘Success’ is measured for them.
Apple never re-invented the features of a Phone! They just made the experience beautiful!
On the other hand Samsung did the opposite…adding features [primarily of very less usage] will give them success in short run…but the way experience is delivered – it’s a Steve Baby!
I mean its tough for companies too, cut throat competition, a mindset, which puts more emphasis on ‘Features’ and less on ‘Experience’; the companies are forced to follow the path!
A great product delivers a user experience that combines aesthetics, functionality and usability to meet both the user’s emotional and utilitarian needs. So next question is
How do we do it?
I would call it a ‘Fiver’
Expertise – Have in house expertise, or call upon Expert!
Techniques – Use Appropriate techniques!
Leadership and Culture – Appreciate value of UX from business point of view!
Processes – Define processes!
Perspective – Apply principles and process in the broad perspective!