October 23, 2011 say something

7 Qualities To Make An Impressive User Interface

User interface is that thing, which makes the interaction between the user and the application or a website. So making it perfectly is very important for every software designer. There are some important facts in this regard. You will have to remember that creating a perfect user interface does not depend on how the interface looks. The main thing about the user interface is it should be friendly with the user. There will be no complication. More over the look should also have a good look. There are seven simple ways to make a user interface perfect. You will have to follow the instructions to create a perfect interface.

These instructions are given below that will help you to create an awesome user interface :

1. Make it simple:

The user interface you are making should have to be simple. You will have to make the interface clear. There will be no unnecessary button in the interface. You will have to make sure that the user will not need any manual to use it. The interface should have visual clarity and simplicity. more

October 20, 2011 say something

Update Your IT Operations

If your IT support consists of your secretary’s teenage son and a system tech who visits the office once a month, then it may be time to update your IT operations. If your business has IT staffers who do manual software updates and think a service level agreement means a paycheck every Friday, then it’s definitely time to update your IT operations.

Life moves fast in a web 2.0 world. You can’t wait to respond to technical issues. You plan for them. Ideally, when one of your servers fails, your business would experience little to no downtime. Your staff would have a spare system and a ghosted image of the failed machine ready to go live before you even knew it was down. In reality, servers and software are expensive and your staff might spend hours, if not days figuring out the failure and making repairs. more

October 3, 2011 say something

Recipe Finder, the Largest Recipe Search Engine Launched

Recipe Finder Home Page

Recipe Finder Home Page


There is something to be said about going out to eat at restaurants. There is the factor of being able to relax and have someone else do all the work. There is also the factor of getting excellent food (depending on where you go, of course) which you might not be able to make yourself. Then again, there is the cost to consider. Eating out regularly can very quickly drain your bank account.

It is thus no surprise that more and more people are turning to their own kitchens for food. Even those who may not be natural cooks are trying their hand at cooking. It has helped, of course, that spending some time in the kitchen has become a cool thing. Turn the TV on, and you will find countless cooking shows featuring just as many celebrity chefs. Go online and you will not be lacking for recipe web sites.

One of the newest of these web sites is Recipe Finder, a search engine that provides users with more than a million recipes. What this web site does is collate recipes from hundreds of other recipe web sites and makes sure that the presentation benefits the user.

Just like with Google, you only have to enter a word or a phrase to search for a recipe. What is great about Recipe Finder is that you can make your search as generic or as specific as you want. For example, you can simply enter the name of a dish. Alternatively, you can specify ingredients to include or exclude in your search. If you want to be even more specific, you can refine your search by specifying details such as calorie count, number of servings, and cook time.

You can also control the way you view your search results. First, you can view the results as text, with a small image and a short description of what to expect of the dish. Second, you can view the results as pure images – and you can base your choices on the presentation of the dish!

If you are a stickler for organization, Recipe Finder has the menu and calendar to offer. Using these features, you can plan your meals in advance. Using your Facebook account, you can log in and save your plans. And speaking of Facebook, Recipe Finder also provides options to share your favorite recipes. That way, you can share good food with those who matter. Of course, there is always the good old printing option if you want something tangible.

Are you looking to expand your cooking knowledge? Let Recipe Finder help you!

September 16, 2011 say something

Weak titles a web site usability error

Blogs and various content sites have proliferated all over the world wide web, giving the average user an wide range of articles, blog posts and content to read and enjoy. But even with the proliferation of content on the internet there is one glaring error that most of these sites commit – enabling their content to become more internet friendly and usable.

One of the biggest culprits when developing content for web sites and blogs is not making your content scannable. What does this mean? The tendency of web site readers is to scan to the left, where more information is located. In fact, the common movement of the eye is F-shaped. By employing a weak title, the first two to three words in the title won’t contain any kind of information or keywords that will compel the reader to click on the link. Even though scannability is something that is also important with the body text, it is of greater significance when thinking of a title for your post. Titles should always be within context.

Consider the title as microcontent – small bits of information that already give users a general idea of what the article or blog post will be. By treating your titles like this, users won’t have a problem determining what the article is about and won’t hesitate to click on the link to read it further. Treating titles like microcontent also has another use – it gives you a better representation when the links appear in search engines, RSS feeds and other venues that are link-generated

August 23, 2011 4 replies

Design Is Identity

How many times have you come across a new weblog discussing a specific niche sporting a fairly too common WordPress theme? Probably more often than we’d all want to see. A large number of new weblogs these days are launched with default themes and styling that it’s now becoming hard to identify sites based solely on design and visual identity.

The WordPress Phenomenon

In 2005, default blog templates were fairly “simple,” to put it nicely, until Blogger went through a design refresh with spankin’ new designs to boot. The free theme craze took on a larger scale when WordPress introduced a flexible theme system less than a year after, allowing web designers to apply XHTML/CSS–based designs in a more manageable way. This opened an opportunity for designers to showcase their skills to attract more work, but inadvertently opened a can of worms as the theme distribution system was compromised and used for unethical link building by spam sites masquerading as “sponsors.”

Yet still, the availability of free self–publishing solutions and the growth of the problogging industry resulted in an increasing rate at which new weblogs are launched, a good number of which can be considered “commercial problogs” and a good percentage also run by prominent individuals discussing specific expertise and topics. However, a good majority make do with a free WordPress theme, sometimes even a sponsored one, not knowing how it affects their branding and identity. This goes for company weblogs and well–known individuals, as well as all sorts of self–published “problogs.”

Content is King

It has been a web design adage — content is king — and it continues to hold true up to now. Your weblog and the rest of your site will only be as good as your content. But with today’s crowded blogosphere discussing the same topics, no matter how good a writer you are, there will always be blogs that are just as good (or even better) in your field.

Readers are struggling hard coping with various sources, and some will simply discard feed subscriptions based on design and presentation. Assuming that you write just as well as your peers, or competitors if you look at them that way, what will differentiate you will be your presentation of content and overall design style.

Your Identity, Your Design

Don’t expect your new blog to be taken seriously if you don’t have good content, but don’t expect it to stand out with only good content without a decent design. Everyone these days have the basic SEO, online marketing, and social networking skills to push our sites to various channels. Basically, it doesn’t take as much as it used to for a newcomer to get some web 2.0 mileage. But when you get that attention, make sure you make a good impression, not only with your content but also with your kickass design. Make users remember your site describing both content and design.

It doesn’t cost much to get a good designer to work on a personalized design and online identity, the benefits will be worth every dollar spent anyway. Just make sure you hire someone who groks web design 2.0 and doesn’t fall into these common pitfalls.

Written by Markku Seguerra, rebelpixel.com.

August 10, 2011 say something

Pull People to Your Website


When you design a website for your online business you are going to want to be able to draw people to your website. There are ways to do that. The best way is to use SEO to bring them to you. If you use SEO the search engines will pull your website up so people can find it. SEO is usually done through written articles and blogs which have specific keywords that will bring people to you. Search engine optimization is the key to your online business. Even customers that you have now may sometimes have trouble finding you again. Repeat business is very important to a successful business. Remember to use SEO to bring them back to you.

Once you get your new customers to your website you want to keep them there. Make sure you have a website that will keep them interested. There are so many online businesses that you are competing with. You want to make sure your website is the one potential customers want to visit. By designing your website in an interesting way, you will be assured of having interested people looking at your website. Some online businesses use website designers to help them get the perfect website. If you are unsure how to create an interesting web page this is the way to go.

Remember to use search engine optimization to draw customers to your web store and get a web designer to make your web page interesting and worth visiting. It won’t be long before your website is drawing and keeping plenty of business.

August 9, 2011 9 replies

The Beauty of Whitespace in Maps

Having lived in several different countries and towns, public transport always has been a constant in my life and so have subway/tube maps. First time I arrived in London I was surprised how easy it was to navigate the London Underground Map, which in this form first was released in 1933.

London Tube Map(click for full size image)

The London Tube Map is a design classic and worldwide recognized as a symbol for London. When Harry Beck designed the map in it’s new format, he changed the until then standard geographical concept and decided only to implement the railway topology and not the geographical situation of London. Geographically correct the map would look like this. At the same time every non-underground clutter was removed and London had become a symmetrical pattern of straight and 45 degrees lines.
Although there are minor geographical distortions in the official London Tube Map, it’s beauty lays in the symmetry, the usage of equally spaced out distance between stations, the 45 degree angles and the usage of adequate whitespace. Even though the map features many subway stations (275) it is perfectly readable, even at smaller pocket sizes.

Becks’s style has often been imitated, been adapted by many other companies/towns, but never has anyone reached the same level of popularity with a tube map as Becks has with his London map. Both Amsterdam (NL), who even credit the London Transprt Museum on their map, and Tokyo have the same concept and perfectly manage it to ruin a great principle with clutter. Other towns, such as Paris, make their map unreadable with too much of text and too little contrast or add visual noise to an otherwise outstanding map such as Moscow.

Maybe I’ve lived too long in the UK, but the London Tube Map is one of the most brilliant designs I’ve ever seen and used.

July 27, 2011 say something

Whet Your Appetite with These Tasty Recipe Site Designs

Recipe sites have this tendency to cram so much stuff on their pages that instead of being helpful, they get in the way of finding the perfect dish for that meal you’re planning. These sites, however, are redefining the culinary experience by providing beautifully-designed and user-friendly experiences on the web, and hopefully in your kitchen.

Gojee

Gojee website

Gojee is all about personalization: you have to be signed up to their website to take advantage of its features. Enter the ingredients you “crave”, “have”, and “dislike” to get a list of handpicked recommended recipes, whose photos are displayed in full. You can browse back and forth using the arrows on either side of the page, or the arrows in your keyboard—the up and down arrows toggle recipe details at the bottom right. The use of translucency and large imagery gives a stylish, high-end feel to the site.

Recipe Finder

Recipe Finder website

Recipe Finder takes the Google approach to finding recipes through a minimal search engine interface with an almost playful look between its cartoon logo, polka dots, and stripes. You have the option to view recipe results as text or images, and narrow them down with advanced filters. Meta information such as calories, servings, and preparation time are also listed.

Recipefy

Recipefy website

Recipefy is built on the contributions of its community and other social aspects, like inviting friends and following fellow users. You can explore recipes with the color-coded tabs on the left side, and the icons to the right of the page heading, then like or add them to your own cookbook. The woodgrain background and warm color palette definitely gives the site a homey vibe.

more

July 25, 2011 3 replies

Don’t Make Commenting Difficult

Websites are built almost solely on its communities. In the case of blogs, the communities hang out in the comments section. That’s where all the socialization and exchange of ideas take place. But writing a thoughtful comment alone is difficult enough. Don’t make it any harder for your readers.

This is one of the most horrifying comment areas out there:

techwithoutwires.com comment section

Now that’s a long scroll. This isn’t from a product landing page or a shopping site with pages upon pages of “special” offers. This is a blog, for crying out loud!

Let’s assume for a second that only the top box (which is the actual comment form) exists and focus on that. It’s just too busy! My eyes were all over the place with the sprawling combination of boxes and text.

I know it takes effort to align form elements. (Or not, since this particular site uses tables to do that.) But it would be much easier on the eye if all the input fields appeared in a linear fashion, one after the other, to minimize the confusion.

Linear is not always necessary, but always keep forms as simple as possible, if you can help it. Take a cue from Smileycat’s comment form design showcase and note how functional and uncluttered those forms are.

Okay, so you get through the ordeal of leaving a comment, but this blog says you’re not done yet! It continues to nag you with the “Blog this at your site” and the “Tell a friend” sections. It doesn’t help that the lack of comments subconsciously discourages the reader from actually commenting. Even if there are any comments, those two extra panels have already separated the reader from the “leave a comment zone” since the comment box is now too far away.

The Share This button is certainly more desirable, both in form and function, than these bulky boxes. If you don’t think a button will cut it, what about collapsible panels with JavaScript?

Since the comment form above belongs to a blog in a blog network, many more readers will be turned off and confused by this comment form on several different blogs. It’s not too difficult to elminate this usability problem: Don’t complicate the process. Don’t ask too many questions. Don’t look desperate. Just let them comment.

July 18, 2011 2 replies

Two lightweight CSS grid frameworks: the 1KB and the 1-liner

1KB CSS Grid by Tyler Tate

In the left corner: Tyler Tate’s 1KB CSS Grid, a lean framework sporting 14 classes and the familiar conventions for enforcing a visual grid via CSS.

1-line CSS Framework by Vladimir Carrer

In the right corner: Vladimir Carrer’s 1-line CSS Grid, an experimental framework sporting a single class to cut nested column widths in half. The solution is mindblowingly brilliant, but does it work? Design tends to work in thirds, not halves. You decide.

Whether or not it’s a coincidence I chanced upon these two extremely simple CSS grid frameworks just days apart, news of these two solutions makes the CSS framework “scene” a lot more interesting. And accessible. I can imagine many front-end developers shying away from heavyweight frameworks because there are too many features, most of which won’t be utilized, and there are too many conventions, most of which aren’t easy to remember.

I’m not even going to get into how using these frameworks leads to unsemantic, presentational class names and lots of <div> soup reminiscent of <table>-based layouts. Let’s just be glad people are streamlining the application of design principles for the Web, namely grid layouts. When a better way comes out—maybe it’ll be display:table, maybe it won’t—we’ll adjust then.

In the meantime, we need to let our arsenal evolve. Balance out the spectrum with lightweight frameworks like these. Then add diversity as well. Look at the Javascript libraries—the tiny moo.fx, the venerable Prototype and Scriptaculous, and the designer darling jQuery—each one caters to a specific need. What other kind of grid frameworks do we need? Fluid? Do-it-yourself? Highly reputable? Unobtrusive? Oh, what will they think of next?

/* */