Posted on April 29, 2013 at 12:00 pm
February 21, 2013 No Comments
Graphic artists know that the right font can elicit the perfect mood from your users. Finding the right one, however, can sometimes be tricky. If you’re looking for something new, it can be an exhausting hunt. Luckily, you’ve got us on your side! And with this action-packed Mighty Deal from Yellow Design Studio, you can get your designing mitts on the custom-made Verb Font Family, and save money too!
Verb Font Family Highlights:
Unique Font
Based on the sans-serif family, the Verb font family is a friendly and heart-warming font that’s also full of bold confidence and tons of energy! Perfect for getting your point across without screaming your head off!
Variety of Font Features
Besides different font types, Verb has plenty of professional typographic features to offer. No project will be too tough for Verb to tackle! Features include: Small caps, discretionary ligatures, alternate connected ligatures (to access, use style set 1 or stylistic alternates), oldstyle numerals and currency, tabular numerals, automatic fractions, superiors and inferiors, ordinals, contextual alternate “f”, and extensive language and currency support. There’s even a complete “f” ligature set, which can help improve text flow when used in much longer settings.
9 Different Weights
Verb is so tough, it can carry nine different weights! Whatever mood you’re trying to set, Verb is there to help! Weights include: Extralight, Light, Regular, Medium, Semibold, Bold, Extrabold, Black, and Ultra.
18 Different Fonts
Your purchase of the Verb font family includes 18 different font types:
Posted in Web Design
Posted on April 27, 2013 at 12:00 pm
Do you have a freebie that you would like to share with our readers Get in touch with us here: mail@speckyboy.com.
Posted in Web Design
Posted on April 25, 2013 at 12:00 pm
In a perfect world, it wouldn’t matter to a designer what content management system a site uses. But for most of us, projects are actually a combination of design and site building. It’s with this last bit that things get tricky.
Each content management system that we work with requires a significant investment of time to gain the expertise required to make our projects successful. The preferred CMS among designers has long been WordPress. There are some good reasons for this, but I’d like to discuss why designing for Drupal is something you might also consider.
Now before we get too far, I want to say this isn’t a Drupal vs. WordPress thing. I have personally used WordPress on projects and I think it’s a great content management system. Another large Drupal firm, Phase2 Technology used WordPress on the latest redesign of their main site. So although the two systems often compete, they can peacefully coexist.
So why would you consider designing for Drupal Let’s start with one of the best reasons.
You’ll Make More Money
A while back Mashable had a piece on average CMS project costs based on data from DoNanza, the freelance site. On average, Drupal projects earned twice that of those using WordPress. Think about that…double your income on a per project basis.
That article is a couple years old, but I can tell you from conversations I’ve had with my Drupal friends who work with both systems that this still holds up. Drupal projects are just better earners, usually because the projects have more advanced requirements that Drupal is better suited to meet. Now this last point may have you thinking, advanced requirements = project from hell.
Not necessarily.
Drupal Has Changed – a Lot
Let’s just come out and say it, Drupal used to be a big pain in the ass with regard to usability. I say used to be because with Drupal 7, things dramatically improved thanks to the work of Mark Boulton who was hired to design a new admin interface for Drupal. The result is a learning curve that is now very much the same as WordPress.
I say this quite confidently because I have personally trained clients on both systems and I haven’t been able to tell that either is more difficult to learn for someone coming at it with a fresh pair of eyes.
With Drupal 6, this wasn’t the case. Clients would inevitably become frustrated with the maze-like administrative backend. In truth, it made a lot of people hate Drupal.
So although it was admittedly bad, it’s actually quite good now and slated to get even better with the release later this year of Drupal 8. The usability problems of early versions of Drupal have provided lessons to the community that have been taken to heart. It’s become a major and ongoing focus for improvement.
Installation Profiles
A comparison of WordPress and Drupal isn’t really apples to apples. When you download Drupal, it’s not actually a completed CMS and this is by design. Drupal is amazingly flexible and the intentional blanks that have been left are so site builders can customize things to their liking.
Sure, both WordPress and Drupal almost always require additional plugins or modules, but there is more left undone with Drupal. The parts that are missing – a rich text editor for example – are not included so that a designer or developer building a new site doesn’t have to undo something they don’t want included in their work. This is why when you download Drupal it’s said you’re downloading “core”.
Sounds like a big headache if you’re trying to get up to speed with Drupal on a deadline, huh You bet it is, and the solution is using an installation profile.
Installation profiles are something that I’m not sure has an equivalent in WordPress. It’s a version of Drupal that you install – same process as generic Drupal – but the end result is a completely configured site, often including sample content. The best way to describe them is “websites in a box”.
Oftentimes installation profiles have a specific purpose. For example, the first profile on the previous link is for Commerce Kickstart. It’s an e-commerce profile (aka distribution) that comes with almost all of the site building completed. No wonder it’s the top download, right
So another great reason to design for Drupal is the huge time savings that installation profiles can provide. Remember when we were talking before about more money per project because of more complex requirements Installation profiles are a great shortcut that can reduce time spent on site building and make those projects even more profitable.
Drupal Is Growing
While overall use of content management systems continues to grow, Drupal is outpacing the pack. The table below shows the market share of the “Big Three” systems over the past year. Take note of the column on the far right.
You’ll see that Drupal grew its market share by 21% – not too shabby! The data is from W3Techs, but the numbers from Builtwith show a similar trend.
My own feeling is that the improvement is due to the changes with Drupal 7. It’s been a game changer. It’s also quite likely that in the future, if you want projects in some industries, you’ll have to be open to working with Drupal. One example is higher education, which has been seeing a major shift toward Drupal over the past several years.
The Right Tool for the Job
You now have four good reasons to design for Drupal, but like I said at the top, both systems can coexist. It’s really about picking the right system for a given project.
Let me tell you a story about a redesign project at the university where I used to work. The project was put out to bid because the particular unit was small and didn’t have their own IT or design staff. One firm submitted a very competitive bid and they had great design skills. But when the time came for a review of their bid, they pushed back hard on Drupal. “Wouldn’t WordPress be better” they insisted.
Sometimes WordPress is a better choice, but in this case it was clear they were simply uncomfortable with Drupal and were selling a solution that wasn’t best for the client. In the process they lost a chance at a five figure contract on a project that wasn’t particularly complicated.
By expanding your tool kit, you can avoid situations where you lose potentially lucrative projects – I guess that makes five great reasons to design for Drupal!
What Does it Matter
Now you may be asking why I care if more people design for Drupal. What does it matter
Drupal actually needs more designers. We need the enormously valuable perspectives designers bring, perspectives that are different from those of the developers that make up the majority of the Drupal community. More people designing for Drupal means a richer, more diverse group of contributors and ultimately, a better product. I hope you’ll consider giving it a try.
Comments and Reactions
Posted in Web Design
Posted on April 25, 2013 at 12:00 pm
February 20, 2013 No Comments
Topics]CSS / Fonts / GUI / IconsAuthor]Paul Andrew
Last February we took our first look at web fonts and back then it was something new, so new in fact that very few sites had truly appreciated the benefits of using them, and perhaps because there really wasn’t that many sets readily available. Now, in this post, we are not going to list all of the benefits of using web fonts, that has been covered many times before, and we are pretty sure you will already know them. What we do have for you is a comprehensive list of ALL freely available web fonts. Here they are:
Number of Icons/Characters: 271
License: SIL – Open Font Licence
Elusive Icons
Posted in Web Design
Posted on April 23, 2013 at 12:00 pm
February 20, 2013 No Comments
You probably know that putting too much food on your plate is usually a bad idea. Since research indicates that you’re more likely to overeat if you fill your plate, it’s not a good thing for your waistline. It’s also not a good thing for your eyes. If there’s no focal point, the food can overwhelm you, and you’ll find yourself lost in a vortex of scary, calorie-filled nightmares. You’re not going to process your eating experience; you’re simply going to start at the least offensive corner and chow down until it’s all gone and your stomach’s about to burst. That’s why, when you go out to nicer restaurants, the chef portions out your food in small amounts, so that you can take your time and absorb not just the actual eating, but also the sensory experience – the sights, the smells, even the sounds. Yes, people. Food is complicated.
Today, I’m going to talk about simplifying your designs using the very same principles a chef uses to ensure that you have the most pleasant eating experience possible. And just like you’re much more likely to return to a restaurant that serves you an experience, rather than a mess, your users will be more likely to do the same when your designs are clean, strong, and simplified.
Focus In
We humans are programmed to make things complex. In the field of cultural anthropology, there’s overwhelming evidence of this fact, as societies around the world have progressed over the millennia from simple (think ‘hunter-gatherer’ type societies) to complex (modern “post-industrial” countries). It’s in our DNA to want to add on rather than take away, which can make the average designer’s job pretty difficult.
From your end as a designer, it’s generally quite hard to be objective about which information or design elements are “necessary,” versus which are not. Getting a second opinion can help sometimes, but if the person you’re asking is not a seasoned designer, he or she might not have the experience to tell you what’s not working and why. When I’m working on a project that’s gotten too out of hand, I usually stop and take out the notes I took at the beginning of my process. The mind maps, diagrams, and lists that illustrate precisely what my main focus was supposed to be for the project. It’s inevitable that you’ll lose sight of your main focus at least once during the design process. That’s okay, as long as you refer to your notes and refresh your memory. Designing around your main focus helps you to be more discerning about the content you include in your design, as it makes it clear what’s directly related to that main focus and what isn’t.
Use the Pareto Principle
The Pareto principle is something that’s been getting quite a bit of attention in recent years, thanks to personal development gurus like Tim Ferriss. But just in case you haven’t yet heard the basic idea behind it, here’s a quick run-down. The Pareto principle, or the “80-20 Rule,” as it’s sometimes known, basically states that 20% of any given element is responsible for 80% of the results, and vice-versa. Designers love the 80-20 rule, since it’s so applicable to the design process, particularly in those areas where information or sales are at the heart of the design goals.
While you’re designing your product, website, or other deliverable, here are two important questions to ask yourself so that you don’t “over-design” those elements that don’t need it, and so that you can keep your focus on the 20% of the elements that are the most important:
- Who, specifically, is most likely to benefit the most from this design element
I’ve talked at length about narrowing down your career focus to zero in on one or two specific markets. This question is one you can ask yourself at any time during your creative process. If you devote time to researching exactly the target markets you’re best equipped to serve, you’ll have a much easier time finding and understanding the needs of clients. And when it comes time to simplify your designs for this target group, you’ll know exactly what they’re looking for, how they look for it, and how to provide it to them simply.
- How can I deliver the most value to this group of people using the least number of steps
As an extension to the above idea, your process will become much simpler when you begin focusing on the number of steps it will take your users to get from your design to the information or product they’re looking for. It’s helpful to write it out in a literal list; start with the key action step on your website, brochure, poster, etc., and document exactly what needs to happen from there to making the sale. Once you’ve done that, the path usually becomes very clear in terms of what’s actually needed to get the user to his or her destination, and what’s not.
Smart It Up
A lot of the advice you may read about simplifying your designs might make it seem like designers think their users are the stupidest people in the world. Skim a few articles and you’ll see what I mean – everything is concerned with making the important elements as obvious as they can possibly be, so that the user doesn’t have to use his or her brain for anything. It can actually make you start to feel a bit sorry for the average user at first, since designers seem to think so little of them.
But if you understand the underlying principles behind this philosophy, you’ll begin to realize that, not only do designers not think their users are stupid, they’re actually being very smart about creating an experience that caters to the needs of the very top of the user “hierarchy.” It’s not that you should automatically assume that people are stupid. Rather, your assumption should be that everyone is smart – each of your users is far too busy living productive, interesting lives to waste time where they don’t need to. Once you embrace this mentality, it will become easier for you to zero in on exactly what makes these smart, productive, interesting people tick, and how you can help them absorb the exact information they need to go on about their awesome lives. This has the added effect of allowing you to go on about your awesome life as well.
Your users should be able to get to the specific information they need with as little effort as possible. Whether that involves less reading, scrolling, or interactivity, make sure you keep your focus on the actual steps required to encourage the biggest results from the least amount of action.
What Do You Think
How do you simplify your designs Do you approach your users’ experience as something to accommodate their busy lives
You might also like…
The Remote Designer – Jumping into the Cloud
Posted in Web Design
Posted on April 21, 2013 at 12:00 pm
This is our weekly column were we share our favorite design related articles, resources and cool tidbits from the past week. Enjoy 🙂 If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design community, you can follow us on Twitter, on Facebook or by subscribing to our RSS feed. Our Weekly Design News has been…
Posted in Web Design
Posted on April 19, 2013 at 12:00 pm
February 18, 2013 No Comments
When it comes to code text editors, in the past year or so Sublime Text 2 has well and truly established itself as the most popular and most loved editor available. It’s lightweight, super-easy-to-use, supports a multitude of programming languages, split edit screens, distraction-free mode… no matter what feature you need, Sublime Text 2 has you covered!
One of the most useful features of Sublime Text 2 is its support for extensions/plugins (or additional packages as Sublime Text 2 calls them), that will help you get even more out of the editor. In this short post we have highlighted 10 extensions that will help when developing with everybodies favorite CMS, WordPress.
So without wasting anymore time, let us go ahead and check out the extensions.
Posted in Web Design
Posted on April 15, 2013 at 12:00 pm
Our Weekly Design Inspiration has been sponsored by DesignShock. Check them out for free weekly design bundles, including logo templates, icons, characters, WordPress themes, HTML & CSS templates, GUI sets and much, much more.
You may also like…
Comments and Reactions
February 15, 2013 No Comments
Topics]Graphic Design / LogoAuthor]Laxman
While there are no rigid rules when it comes to logo design, symmetrical logo design has been in vogue for quite some time now. Simply put, a symmetrical logo is one in which the left side is identical with the right one. Flip one side on to the other, and bingo! You’ve got yourself a symmetrical logo.
In this roundup, we shall be taking a look at some of the best symmetrical logo design samples from across the web.
You may also like:
Designing a Logo – From Inspiration to Execution
Posted in Web Design
Posted on April 11, 2013 at 12:00 pm
February 14, 2013 No Comments
The ultimate goal of web design is to change a certain behavior.
An important thing before we get started: What I’m talking about here is web design for commercial purposes, not for personal projects or pleasure. Otherwise the above quote won’t hold true. What I argue, however, is that when designing for the web for commercial purposes, like a project for a client or working on your own product/service, testing whether your design “works” needs to be an essential part of your to-do list.
The Definition of a Web Design That “Works”
In the general sense, when you say that something “works”, what you actually mean is that “thing” is helping you accomplish a particular goal. Examples:
- This dating technique “works” / This dating technique helped me accomplish the goal of getting a girl
- This study tip “works” / This study tip helped me accomplish the goal of passing my exam
And a special one for the ladies (not sure if they use this phrase often though):
- This type of makeup “works” / This type of makeup helped me accomplish the goal of getting more attention from men.
We use the “(something) works” phrase a lot in our real lives; yet, we don’t use it as often in the virtual world. So I’m assuming this title has given many people some puzzled looks and they’ve been wondering what it really means. When a business person says “this web design works”, what he really means is this:
“This web design helped me increase my leads/sales/brand awareness.”
In other words, this particular web design helped him get closer to accomplishing a business goal.
Why and How to Put Yourself in Other People’s (Business) Shoes
I have plenty of friends who are web designers and one thing I noticed about many of them is that they love what they do. They love to tinker with small details and get things just “right”. Even if that button is 1 pixel off, they’ll do everything to correct it.
One thing many (I’m not implying you’re one of them, just stating my experience) of them hate is business. “But I’m not a businessman” is one excuse designers often use. Well guess what: If you’re working on a project and getting a monetary compensation for it, yes, you ARE in the Web Design Business. And like with every business, the Basic Economics 101 principles apply:
- Price is dictated by supply/demand
- Buyers are trying to get the most for their money, while sellers are trying to do the least for the most money
- You need to satisfy your clients needs/wants in order to get repeated business
Think about the last part. How would you do that How would you get more repeat customers By making sure your web design project works and produces results.
Use Real, Objective Data to Prove Your Design Works
If you Are Redesigning a Website:
If you’re redesigning a website, it’s important to first take data from a sample of visitors who’ve seen the old design and then take the same type of data from visitors who were shown the new re-design. Your goal is to compare how users behave before and after the re-design.
Some Ideas:
- Write a set of questions related to the site (how visitors like the site, what do they think about the products and so on) and survey them using a tool like 4Suite or KISS Metrics
- Ask 30+ user to fill out a survey for the old web design (while it’s still there)
- After the redesign is up and running, ask the same questions to further 30+ people
- Compare the answers
Make sure that the only variable that changes is the design itself. It’s not recommended to change the text of the site because a lot of results from A/B and multi-variable testing has shown that this can have a profound results without even changing the site design at all. So changing just the design and not the text is a good place to start.
- Familiarize yourself with the various usability tools which can help people interact better with your site. Like with the previous idea, run them on the old version of the site and then on the new version and compare the results.
Mashable has an amazing list of some of the best usability tools out there. I won’t go into many of them, but here are some which left a good impression:
- Usabilla.com – I’ve seen many tools similar to Usabilla.com but they all have crazy prices starting from $200. This tool, however, has an acceptable price and some pretty neat features that allow you to track your users behavior and ask for their opinion.
- FiveSecondTest.com – A great tool that you can use for free (you need to “do tests to earn tests” or pay a certain price for X responses/month). This is great for testing the first impression people have for your site. The way it works is that users view your site for 5 seconds and then they answer questions you’ve set for them.
Here is one good question to ask people on FiveSecondTest (or any similar usability first-impression-testing site):
What is this site about
MarketingExperiments.com, which is probably the only company in the world that has conducted thousands of research articles on huge websites and published them for everyone to see. At a webinar the person who was in charge of the testing procedure/reviews said something I will never forget:
“Based on the thousands of tests we’ve done for our research partners, we’ve concluded that clarity trumps persuasion. If users arrived at your site and had no idea what it’s about, they’ll leave. Before pitching why customers should buy your product, answer their questions: “Where they are” and “What can they do here””.
- Google Page Speed – When redesigning, make sure your new design has better or at least the same load speed as the previous one. Why Because page speed has been correlated with how many people will buy from your site, how long they stay and many other types of interactions.
If you are making a site from scratch:
The same principles apply here as to redesigning a site with one very important twist:
When you are designing a site from scratch, you don’t have an old web design to compare your new design to. Invent one. Make several variations of your new design and A/B split test them to see which one makes people interact more. In other words, if you have several drafts of the same design that look different, try them all and see what works. Make your hypothesis on what you think would be the best performer and put your assumptions to the test. You’ll often be very surprised.
How to Persuade Clients That Testing Works
One of the best ways to persuade people to do or use something is with anecdotes. Sites like this are full of examples where changes, even if they were really small, produced drastically different results. 300% more people filled a form, 500% increase in sales and so on from a really small change. There are some really impressive stories that will persuade clients that they should test.
One question that might pop immediately is:
Why bother persuading my clients to test at all
Two words: REPEAT BUSINESS. If they see that with your web design they got 200% increase of sales, they’re more likely to hire you for their next project. It’s not just because they would be glad that you’ve done a great job, but also because they’d have more money to potentially invest into improving their designs.
What do you think
I’d love to hear you opinion on the pros and cons of testing whether your designs “work” and how to improve them. Let me know what you think in the comments below!
Comments and Reactions
Posted in Web Design
Next Page »