Just another Css Site
The Differences between Usability and User Experience
The rapid growth of RIA technology into the lives of every day people just a few years ago has carried both the usability and user experience industries to a new high in popularity. The success of software (particularly on the web) has driven both of these terms into our vernacular, and yet they are still often confused or thought to be synonymous. This post is meant to help those new to the field or unfamiliar with the intricacies of design to understand the differences between the terms.
Usability is a term used to denote the ease with which people can employ a particular tool or other human-made object in order to achieve a particular goal. (via Wikipedia)
When it comes to web design, usability, in essence, is how easy your users can get around your site. It all comes down to you making your users think about what they have to do as little as possible. When the user has to think about something as basic as getting around a site, it can become tedious and can turn your user off your site.
If trending topics surrounding design blogs are any reflection of trends in design, then usability is what coffee is to freelancers. Usability is a study of human-computer interaction that helps designers analyze our users´ patterns as they use our creations. While we cannot fully predict our users´ interactions, we are able to brace for them through how we style and place elements on our page.
Creating a Timeless User Experience
If we could tear into the fabric of time and look a decade into the future, what kind of experience might we find? It´s easy to imagine the technology would be much more advanced. Something out of a film like Minority Report with holographic touchscreens, or so advanced of an A.I. (artificial intelligence) that the application anticipates solutions without the user having to do much else.
In reality the kinds of products, websites, and applications that survive and continue to be effective are those that that focus on the user experience. The digital world evolves continually, but we need to manage this by making sure we don´t leave the people who use our applications and websites in the dust. In this article we will explore creating a timeless user experience.
10 Simple Web Accessibility Tips You Can Do Today
One of the most overlooked aspects in designing a website that we often brush off is web accessibility. There´s a misconception that web accessibility requires sacrifices to aesthetics, or that it´s not worth the effort.
But, with a growing number of ways that users access the web, creating highly-accessible and universal designs that can be viewed in as many ways as possible is critical to the success of a website.
And here´s the good news: it isn´t as hard as you think.
Five Simple but Essential Web Usability Tips
The web has become a part of our lives. Folks from all walks of life, from upscale parts of New York to dirt road villages you probably will never hear of in Burundi, are all a part of what we call "the internet". The reasons they use the web is highly varied: it could be to search for news articles, directions to the nearest pub, the winter/fall clothing trends, post-grad research, or shopping for a handbag, the list is endless. It could be anyone too. It´d be impossible to try to classify web users in any particular demographic range.
On top of the web´s ubiquity, the web has gotten to an interactive all time high. Users don´t just seek information, they interact with it in more novel ways than we can ever imagine.
And it´s only going to get better: we are seeing a myriad of emerging web apps and website trends that are revolutionizing the way we use and obtain information on the web.
With this concept in mind, usability, how effortless it is to interact and use your website, is critical to its success. This article discusses five important usability tips that your site can´t live without.
What have we forgotten about UX?
Maybe I´m not very smart (don´t answer that!). Possibly it´s because I got my Graphic Design degree almost 20 years ago. Or maybe it´s because most of what I´ve learned about UX design is geared toward eLearning, where the overriding goal is to make sure the user has the best possible chance of absorbing whatever content is presented. But I seem to have some concepts about what constitutes good usability that are at odds with what I see demonstrated on websites that are about UX and design or are by people who are using their sites to market their UX design services. Before I get specific about what I´m seeing in these sites, I thought I´d outline what the criteria are for me for good UX.
- Content is first. Every element should support the user´s ability to read textual content, listen to audio content, view graphical or video content, etc.
- Navigation should be clear and intuitive, and there should be just enough of it to make sure the user is always aware of where they are and why they are there.
And that´s really it. I haven´t found anyone advocating illegible text and sites where you can´t tell what´s going on (or, conversely, you can easily tell what´s going on but it takes you several extra clicks to get there), but in site after site devoted to design and UX, I am seeing some disturbing trends.
The Kano Model and the Importance of User Experience
I´d like to focus this post on one study QFD adapted for its purposes focused on requirements. The research team examined the requirements businesses produced for their projects and identified three main categories: normal requirements, expected requirements and exciting requirements. Understanding the differences in these types of requirements really crystallized for me the importance of UX testing and why UX professionals are so valuable. The team was lead by one Professor Noriaki Kano, and so this model became known as the Kano model of product development and customer satisfaction. Professor Kano´s team was not doing research for QFD itself, but the QFD institute has adapted his methods and uses this model in their larger view of customer satisfaction. This oft-referenced graphic sums up the model well:
User Experience Of The Real Time Web
There has been much talk about all of the businesses that are sprouting up in regards to the real-time web. But, it can be confusing for the user because there is so much out there. They key for users is to first recognize what they are looking to do on the real time web. Once that is known, it is important to know where to go to get the information that is being looked for. The rewards can be plentiful as the real time web offers outstanding resources once the user becomes experienced with how to use it.
Below, you’ll find the user experience of the real time web based on some set of functions which is easy to understand and convenient to apply as Real-time information delivery is fast emerging as one of the most important elements of our online experience.
Better User Experience With Storytelling – Part One
Stories have defined our world. They have been with us since the dawn of communication, from cave walls to the tall tales recounted around fires. They have continued to evolve with their purpose remaining the same; To entertain, to share common experiences, to teach, and to pass on traditions.
Today we communicate a bit differently. Our information is fragmented across various mass-media channels and delivered through ever-changing technology. It has become watered down, cloned, and is churned out quickly in 140-character blurbs. We’ve lost that personal touch where we find an emotional connection that makes us care.
What to Expect in 2010: UX/UI Design Simplicity
In January of each year, we flip over the hourglass and, once again, we have everything in front of us. The new year gives us a clean slate, a chance for change and encouragement to evolve the way we do things. In the past, we’ve yielded to client and user requests to pack our website designs full of unrelated features and countless pages of duplicate information. The change we have been waiting for has come - our users have matured. 2010 is the year of Design Simplicity.
In: Wordpress
26 Jan 201020+ Brand New and Incredibly Useful WordPress Plugins
With more than 7000+ plugins, WordPress is the most extendable Content Management System available; in fact, "WordPress is infinitely extensible" as Matt Mullenweg says. In this post, we'll examine twenty-one really useful plugins to take your blog to the next level.
37 Cool Wordpress Hacks And Tutorials You Should Try
You know Wordpress comes with standart functions and we use many plugins or codes to give our blog a different look or functions.Of course we have to use these kind of plugins and hacks if we definetely need them.For a beginner the Wordpress Codex is the best place to learn basic things but day by day as we improve ourselves in Wordpress we look around for more functional codes.Today i want to share some Wordpress Hacks and Tutorials which i’ve collected from many Wordpress related blogs.I’m sure you will see many interesting hacks and will use them.
Notice:Don’t use them directly,i mean first back-up your database and files or just try in a test blog like me.So take no risk.If you need help about these hacks or tutorials just leave a comment in the original hack page.
7 Awesome WordPress Plugins To Give Your Dashboard A New Look
If you are a regular user of WordPress like me then you might get bored of the default user interface of WordPress. Although the User Interface of WordPress is good but there is always room for improvement. Automattic the company behind WordPress has decided to go for Open Source Design Contests to make the User Interface of WordPress even better.
How to easily create a Thematic child theme
Are Theme Frameworks the future of WordPress Themes? In this article, I’m going to show you how to easily create a child theme for the popular Thematic WordPress Theme framework.
WordPress SEO Tips: Benchmarking Matt Cutts Blog
Matt Cutts writes one of the most successful and widely read blogs in the SEO field. What can we learn from taking a close look at his blog? What lessons can we apply to making our own blog a success? Keep reading as we take benchmarking to a whole new arena.
The dashboard is a very important part of a WordPress blog. In fact, it allows you to control your posts, your blog design, and many more things. When building a site for a client, it is especially important to be able to control WP’s dashboard. In this article, let’s have a look at 10 extremely useful hacks for WordPress’ dashboard.
2009 has been a very prolific year for WordPress hacks. In this article, I’ll show you the most useful hacks I came across during the whole year. Enjoy!
For Your Clients: How to Use Wordpress
Here at Paper Leaf, we do a decent amount of Wordpress blog design & implementation for our clients. While Wordpress is super easy to learn, you can’t just build your clients a blog, send them the login information and then disappear off of the face of the earth. Where’s the customer service, people?!? Ideally, we sit down for a half hour or hour with our clients to show them the basics of how to use their new blog (writing a post, adding categories, checking stats, uploading photos, adding users). However, sometimes a face-to-face meet up isn’t doable; we offer graphic & web design in Edmonton, but many of our clients are outside of the city.
55+ Most Wanted WordPress Tips, Tricks, and Hacks
There are times when you come across a feature in a blog, and you just start thinking to yourself: How can I get this in my WordPress blog/site as well. Everybody have experienced this feeling. Sometimes you know you want it, and don’t know where to look for, or even what to look for. In this article we will be sharing some of the most wanted WordPress Tips, Tricks, and Hacks that you will definitely find useful.
In: PHP| PHP Tutorials| Web Development
25 Jan 2010PHP mistakes, misconceptions, bad practices and blatant no nos.
Go to any PHP help forum and you’ll be sure to see many bad practises, innocent misconceptions and blatant no nos. None of us are perfect and none of us started off writing great code. We have all had that moment where we looked back on a script that we wrote years ago and thought “what the hell was I thinking?”. But it is a process. You make mistakes, you learn from those mistakes and then you move on. From my experiences of modifying other people’s code, helping people on PHP help forums and making my own (many) mistakes, I hereby present this list:
In my work as developer I normally need to transform data from one format to another. Typically our data input are a database and we need to show database data into a report, datagrid or something similar. It’s very typical to use pivot tables. It’s not very dificult to handle pivot tables by hand but the work is always the same: groups by, totals, subtotals, totals per row …. Now I want to write a class to pivot tables in PHP with the most common requirements (at least for me). I know we can create pivot tables with SQL. Group by and some other database specific commands like oracle’s GROUP BY ROLLUP/CUBE can do the work, but I like clean SQL querys. The business logic must be in PHP and SQL must be as clean as we can.
Common PHP Based Interface For Cloud Services
The Simple Cloud API is an open source project providing common PHP interfaces for File Storage, Document Storage, and Simple Queue cloud services. It will enable you to easily connect your application with a new service without having to learn their specific API. Primarily developed as a new Zend Framework component called ‘Zend_Cloud’, you can use it independently of Zend Framework.
- Practical Php Patterns: Singleton
- Practical Php Patterns: Decorator
- Practical Php Patterns: Composite
- Practical Php Patterns: Bridge
- Practical Php Patterns: Adapter
- Practical Php Patterns: Creational patterns summary
- Practical Php Patterns: Prototype
- Practical Php Patterns: Factory Method
- Practical Php Patterns: Builder
- Practical Php Patterns: Abstract Factory
In: Web Development
19 Jan 2010Links gathered today from people I follow on twitter. (see bottom of post)
This article gives you the information you need to plan, design and build an HTML newsletter that renders well and is actually useful to recipients. It’s a quick and dirty guide to effective email newsletters.
- Respect your reader. Don’t waste their time or attention.
- Ask nicely first.
- Focus on relevance.
- Design with a goal in mind, so that you’ll know if it worked.
- Make unsubscribing easy.
- Code like it’s 1999 (literally) and use inline CSS.
- Always include a plain text version.
- Don’t assume that images will be viewed.
- Follow the law.
- Test everything before sending, because you can’t take it back.
Navigation is one of those things you have to get right in order to provide your users with easy access to your website’s content. Today we’ll take a look at 30 well-designed navigation menus. Some of them use CSS sprites, some use jQuery or another library, and others take advantage of the great properties available in CSS3.
For a project I am working on right now I needed to have really fast bar charts that don't need any plugins or rely heavily on JavaScript. This is why I've put together some bar charts in pure CSS. Try this - move your mouse over the bars:
Recently Ajay D’Souza asked how we made our author archive pages here on BloggingPro. I personally am a big fan of displaying content differently on different sections of blogs and also think that archives should be more informative than be just a collection of excerpts.
Because I personally believe that an ‘Author Information’ block below every entry overkill is, the author archive is the right spot to display more information about every author and also display the entries written by authors in a short and concise way.
There are a lot of online photo editing tools are available on the internet where you can resize and crop without knowledge of program like Photoshop.
I have collected ten best and most powerful online Image Optimization. I think you should be already familiar with some of tools so you have to find out new ones. if you think i missed something you can tell in the comment box.
Stock Photography is a tricky beast.
The presence or lack of good stock imagery can make or break a design. My best advice is to use custom photography/artwork whenever possible. However, I’m a big fan of stack art because there are tons of scenarios when it makes good sense to purchase someone else’s work over taking the time to create your own. To keep it classy, here are ten things to avoid when you’re working with stock images.
Last month, I started a Freelance Switch Forum discussion on jobs. The context for this discussion is the high unemployment in the United States and many other countries.
In the U.S., there has been a lot of talk about putting people back to work. In early December, President Obama held a Jobs and Economic Growth Forum at the White House and in Allentown, Pennsylvania. Americans have also been encouraged to host their own forums.
In light of the feedback to my November 2009 Freelance Switch article, “Finding Jobs vs. Finding a Job,” I don’t think the solution lies entirely in creating employment. Many Freelance Switch readers report that they’ve been able to earn a good living without a job. More than a few say that they’re doing much better as freelancers than they were as employees.
Which leads me to this, the State of Freelancing: 2010 Edition. What follows is a brief look at where we are, and what we can expect to deal with in the months ahead.
The resources featured in this post include some free options and a number of paid options. Most of the paid options include a lot of features, and in many cases the ability to integrate your forms with PayPal or other payment gateways.
"It is my opinion that these [tools like Sass] are only really of benefit to people who haven’t yet mastered writing CSS properly from the outset…" Harry Roberts (CSSwizardry.com) Huh? Sass - Syntactically Awesome Stylesheets Sass only really benefits people who haven’t mastered writing CSS properly? Excuse me? I am a very experienced CSS developer and I find Sass quite valuable having written CSS for a living for many years now. While I won’t claim the level of mastery that an artist like Michelangelo achieved in painting, I can say that I wasn’t born yesterday either. I write all my CSS and HTML by hand. I haven’t used tools like Dreamweaver in nearly a decade.
This post is a summary of MySQL posts from this blog relating to MySQL utility commands, such as describing table structure, dropping columns from a table, and so on; and server settings.
The network is a key component of any web application, whether it is used to download JavaScript, CSS, and HTML source files and accompanying resources (images, videos, …) or to reach web services (XMLHttpRequest and forms).
Yet having offline support for web applications can be very useful to users. Imagine, for example, a webmail application that allows users to read emails already in their inbox and write new messages even when they are not connected.
The mechanism used to support offline web applications can also be used to improve an application’s performance by storing data in the cache or to make data persistent between user sessions and when reloading and restoring pages.
Bulk email is dead. OK, some people might still be doing it, but does that mean it works as well as it could? Just look in your own junk folder to find the many emails you have opted into but no longer reach your inbox.
I like to stay up to date with the up-and-coming web and mobile applications out there. It is important to see what is working or not for the folks who develop them as their apps succeed or flounder. Recently I started using an app called Foursquare; perhaps you’ve heard of it. It’s one of the apps in the latest crop of location-based applications that have been popping up of late. Despite having launched less than a year ago, Foursquare has had incredible success so far, securing some hefty funding and hitting some pretty impressive benchmarks.
In: Tweets
17 Jan 2010Powered by Twitter Tools
Just another Css,Javascript, Web Design Blog.
Recent Comments