Monday, February 17, 2014

Mobile Moment Monday: Nissan's Genome Project

Screenprint of Nissan's Genome Project, courtesy of AWWWARDS
As I was scanning the web for some good responsive designs, I came across a website called AWWWARDS that posted an article titled Best Websites Examples Of Designs With Responsive Design. There are many great responsive design websites posted here, but I chose to showcase Nissan's Genome Project because of it's added simplicity and interactivity.
Screenshot of website with
reduced resolution.

The website is actually an interactive medium that links to a user's Facebook account.  Once you give Nissan permission to access your Facebook account, it will ask you to select one of your profile pictures.  The website does the rest, analyses your account, and brings you an interactive experience that visually shows you how your likes and activity on Facebook links you to your friends and family.  Beyond seeing your own "genome," it also connects all your likes and information with anyone else that has signed into the genome project, so you can see information linking people all over the world, see what you have in common and many other things. It really has nothing to do with Nissan, except for the unobtrusive link at the bottom of the webpage.

What is impressive about this website is the page source.  When looking at the page source, it is clean, short and loads fast.  There is no indication as to what type of code they are actually using to create this website, which means that most of it is probably server based. It acts like flash, but there is no flash involved in the code. There is a little bit of JavaScript, but for the most part, all the power is under the hood.  This is definitely a well built professional website, which can only be expected from a company like Nissan.

The website adjusts to the size of your browser, and not to the size of your device.  It fits the definition of responsive to the T. The only con I found was that it takes a while for things to load sometimes and I had to refresh the page to get things going again.

I invite you to check it yourself and become part of Nissan's genome project and post your experience here.  Or check out some of the other responsive designs on AWWWARDS and tell me why you would choose them as good examples of responsive design.

Sunday, February 16, 2014

Think Before You DIY

If you are a entrepreneur, or small business owner, you probably have already thought about how a website could help your business succeed.  Now days, unless your business is a small mom and pops grocery store on the corner, a web presence goes hand-in-hand with starting a business.   

Screenshot of Ingenfeld, a German website
The image above is a German website that I found on Datadial, a blog post titled, Website FAIL – 30 Web Designs That Will Hurt Your Eyes.  While this image IS NOT visual appealing, it does represent more than just a bad web design.

When the Internet was first growing in the 90's and web design was first starting off websites typically looked something like this.  The excitement that tech savvy newbie web designers felt at the time got a little overwhelming when they realized that they could place images and text anywhere on a webpage.  Before CSS, table designs and primitive image editing applications gave webdesigns these awful appearances, but since the Internet and web design was new to all of us, webpages like this got more noticed and acclaimed as Internet art.

Disturbing Teddy Bear
Disturbing image from the same website,
Ingenfeld.  The image is even more disturbing
 on the website because the eyes move.
The fact is web design has come a long way. In a new world where Photoshop'ed images are the norm, and JavaScript, SASS, CSS, and jQuery are used faithfully, nothing this horrendous should even be online. Yet there are so many DIY's out there that now the web is just a scrambled mess of pourly designed sites just like this.  If not, check out the other 29 fails, or just do your own search.

Now you might be wondering what the point is that I am trying to make. The fact is, there are a slew of DIY web-based applications out there for anyone that wants to build their own website.  Google Sites, WIX, Webflow, and SquareSpace are just a few.  What people don't understand about many of these automated web design platforms is that they do not produce good code, or code that even meets the W3C web standards. While it is easier than learning code yourself, and faster, you are actually never really gonna know what you get behind the curtains when it comes down to the code. There is no guarantee that your website is going to work in all browsers and there are no professional grade tools for image editing, or SEO

Also, there are only so many combinations of free web templates and layouts that are available on each website.  That means, eventually, there is going to be multiple people out there that will have a website almost identical to yours. And if you need help with something that you just do not understand, or you cannot place something right in their WYSIWYG application, then you are going to have to get additional support that comes at a cost anyway.  

Some might wonder why web designers charge so much when you have all these options to DIY on the web.  But what many people do not take into account is what a web designer really does for your business which is most important; branding.  When you use a reputable web designer you get a website that is original, which is usually optimized for search engines.  They also usually handle all the copyrighting, or higher a freelancer to do it.  It takes years to learn all the in-and-outs of good web design, in which a DIY web application does not support. But finding a good web designer is probably the most important marketing decision you could ever make for your business.

Now that mobile designs have become almost essential for anyone that is looking to make a business prosper online, having your website work on all platforms is a must, which is also not guaranteed when you us a DIY solution.  Just because mobile designs may not be as fluent as a desktop website, it does not mean that a mobile site is any easier to design, or less important.

As mentioned above, a "reputable" web designer is important. A good blog article that touches base on this is 20 Signs Your Web Designer is Terrible.  How Much Should a Web Design Cost is also a good basic explanation as to why a website costs so much, and why it is worth it. 

Feel free to let me know what your opinion is about this, or if you just want to post more links to awful web designs you have found out there on the web.  

Friday, February 14, 2014

This Blog: Revisited

Image courtesy of Cloud Four Blog
It has been a while since my last post, so I wanted to let my readers know that I am back!

My agenda is the same ~ I am scanning the web for anything to do with mobile web design, whether it is tips, tricks, things to avoid, or whatever revolves around modern web design.  

A blog that I recently found that I have started to read faithfully is at Cloud Four. Cloud Four is a another web design business that specializes in mobile web design, and I find their website alone very inspirational.  Their website is also responsive, and their blog is very informational.  You can definitely tell they are a professional group of people.

Not only do I want this blog to be informational for you, my readers, I also use it as a source of my own documentation as I move forward in the field of web design.  

Since I am a student at Indiana University, I am still really new to the field of web design.  When I graduate in May of this year I would like to enter the work force with as much knowledge as I can that will help me get my foot in the door in this very demanding field.  As I continue to research standards and move forward with my own freelancing I will post my findings here.  

I also would like any feedback in reference to my posts, and if you have any tips and tricks of your own, feel free to leave me a comment.  Stay tuned for more design tips in the future.