You’ve heard of “readability”, you’ve heard of “legibility”, hell you may have even heard of those contortionists from Cirque Du Soleil and their “flexiblity” if you haven’t…wow…)…now you’re going to learn about “Glancibility”.
Glancibility is actually pretty simple. It’s a gauge of how able one can glance at content, and digest the content within that glance.
Take a look at the The Million Dollar Homepage. Seriously, take a look at it (but only for 1-3 seconds, just a GLANCE).
Now that you have, can you tell me 10 companies that are on that page? Maybe you remember the “Golden Palace” or “Free Hosting”, but that’s about it. Now the goal of the design was not to be glancible or have high glancibility, but hey, it serves as a bad example.
Now take a look at an ordinary Facebook Page, ( Shameless plug for Every Move Is Special, on sale in book format soon!) specifically the top part of their new Timeline approach.
Facebook has altered the design to be EXTREMELY Glancible, you can take a quick look and see who the page is for with the profile pic, the cover photo give you an opportunity to have an image the would re-enforce the identity), the text of the page name is on a stark white (creating high contrast for readability, legibility, and to create a memory imprint). You can digest this within 1-3 seconds and make a relatively informed decision whether to continue your engagement in the content.
Glancibility should be greatest considered in your designs, as you can’t immerse a user into user experience, if the user has to spend 10+ seconds to decide whether or not it’s an experience they want to take part in.
So go and glance at some websites. Have your friends and peers glance at them, too. Then, disect what you remember, and figure out why. Can you remember the brand? Could you figure out what the product did/was for? What were you supposed to do? Designwise, did the contrast help/hurt your memories? Was about the composition? Did the eyepath drop you off at the right location? Was the photography controversial? Were there weiners? (sometimes that’s the case and things get weird in your browser history).
Ok, I’m out.
“CTA” is an industry term that stands for “Call To Action”. Basically, CTAs are typically going to be buttons or some element that the user should be pushed to interact with. Want an example? Here you go.
See that ONE purple element that’s CALLING to you? The one that you want CLICK on or ROLLOVER (those are actions)? Bam. That’s a CTA. The color, the placement, even the wording, all evoke the user to want to interact with the object in a different manner than the rest of the elements of the site (most of the other elements are trying to make the user be passive and consumer data/the experience). The CTA attempts to make the user change from a passive participant to an active participant.
By the way, you should really check out that site, it’s pretty boss.
This was one of my first sites after getting out of school (many many years ago, because i’m old now ), and it was such a huge learning experience. I learned so much about flash, typography, and color theory with this project and put countless hours into this. It was an honor to do something for Alicia Key’s non profit, and an even bigger honor to be a web finalist at Austin’s SXSW.
Shout out to all the guys at Hardball Creative who took me in and let me run on this one.
Olliekoalas.com was a really fun and intense project. It was more of a promotional site then, as nobody KNEW what Ollie Koalas was in Jacksonville, and it had to be extremely enticing to kids.
This site was almost completely in flash, but still extremely lightweight and fast loading. Everything that could have been redrawn as a vector, was redrawn as a vector, art assets and fonts were shared so they only had to be loaded one, photographic images were all being pre-loaded during the appropriate lulls….a LOT went into this site.
However, if I was to do this site today, I would definitely make it more of a hybrid site. The SEO wasn’t great for Olliekoalas.com, and the updates were a beast. Flash deeplinking would be great, not just to re-enable the back and forward buttons on the browser, but also to create landing pages. An XML driven nav, and all XML driven content would also have helped in upkeep.
Overall, I’m still really happy with the site. It accomplished the goal of creating an experience that kids welcomed (and offered financial incentives for those kids to push their parents to go to Ollie Koalas), and completely killed anything Chuck E. Cheese had up at the time.
This really make me want to redo my current site into something more animation friendly…hhhhmmmmmm…
This is a little animation I did for all the gamers out there for Christmas this year. It’s a few days late…but aye…better late than never.
Mad props to Mafialligator for putting together and giving away such a great chiptune track Another Very 8-Bit Christmas rocks!
Anyways, lemme know what you think. Definitely open to suggestions and criticisms. Hopefully the next one will be much more professional and timely. If you have any requests or ideas, drop me a line in the comments below.
P.S. Major props to anybody who can name all of the characters in it.
P.P.S. Special shouts outs to a few gamers in particular…Robby1051, @videogamegirl, @guysgirl, Rich Rosado (your kindness at E3 inspired this), Raheem/Random/MegaRan (honestly debated putting Megaran in this….maybe next time), and all the kids in my classes this year (Ivonne, Klara, Justin, Jason, Sean, Kyle, Deb, Nina, Andrew, Breaker, Toni, Kareem,etc. .) You guys inspire me to stay on top of my game.
- admin on Inspiration #1: Web Design: CSS
- Jeff on Inspiration #1: Web Design: CSS
- Printable Coupons For Great Clips Haircut on New Marvel Vs. Capcom 3 Wallpapers for iPhone, iPad, Desktop, and Android
- Christmas Solar Lights Outdoor on New Marvel Vs. Capcom 3 Wallpapers for iPhone, iPad, Desktop, and Android
- Printable Coupons on New Marvel Vs. Capcom 3 Wallpapers for iPhone, iPad, Desktop, and Android
- August 2012
- July 2012
- April 2012
- February 2012
- January 2011
- December 2010
- November 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- Facebook Designs
- Flash Animation
- Flash Lessons
- Gaming Wallpapers
- Random Fun
- Ryan's Social Media
- Ryan's Web Site Design & Development
- Ryan's Work
- social media
- Web Design
- Web Dictionary