What you say in a user experience matters. How you say it matters equally. The way you frame communication, or how you say something, could be extremely effective at persuading people to start using your product (or to use it more).
So, how do you frame messages effectively? This article explains how design teams can do so in a way that resonates with their users.
Have you ever seen someone make creative notes at a conference and wished that your own notebook was more presentable? It’s much easier to do than you think. You don’t have to be an aspiring lettering artist, and you don’t need to develop top-notch drawing skills.
Making your notes more interesting doesn’t have to be a huge undertaking. It’s not like learning to play the piano or taking up diving. If you think sketchnoting looks fun, I have some tips to get you started.
The start of a web project is an exciting time. You’ve met with the client, agreed upon the goals for the project and mapped out a plan for the development of what will be an awesome new website or application — except that is not always how it turns out. Sometimes, despite your careful planning and best efforts, a project will fail.
Failure isn’t something many of us like to think about, but preparing to deal with failure is as important as planning for success. Articles and tips on how to kick off a project right and build a long-term client relationship are helpful in this industry, but if you only focus on what to do when things go right, then you will be ill-prepared for when things get so off track that you are unable to complete a project.
How often do you find yourself searching for lovely, friendly, well-designed icons that would fit well into a rather informal design atmosphere? Well, unless you tend to have only corporate clients, you could definitely use the icon set that we are releasing today. The icons are completely free to use for commercial as well as your personal projects, including software, online services, templates and themes.
Please note that this icon set is licensed under a Creative Commons Attribution 3.0 Unported. You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms is prohibited. Please always provide credits to the creators and link to the article in which this freebie was released if you would like to spread the word.
User testing is hard. In the world of agile software development, there's a constant pressure to iterate, iterate, iterate. It's difficult enough to find time to design, let alone get regular feedback from real users.
For many of us, the idea of doing formal user testing, is a formidable challenge. There are many reasons why: you don't have enough lead time; you can't find enough participants, or the right type of participant; you can't convince your boss to spend the money.
Today’s mobile users have increasing expectations, they are intolerant of faults in their mobile experiences, and they complain about bad mobile experiences on social media and through word of mouth. How do you make sure that your mobile experience meets or exceeds users’ expectations?
One quick way to identify potential problems is to conduct a user experience diagnostic, by having a few mobile specialists look for potential problems with a mobile presence. A diagnostic can be done during design and development to ensure that the mobile website or app adheres to best practices and guidelines. It also serves as a great starting point for a redesign to identify particular opportunities for improvement.
CSS can be used to style and animate scalable vector graphics, much like it is used to style and animate HTML elements. In this article, which is a modified transcript of a talk I recently gave at CSSconf EU and From the Front, I’ll go over the prerequisites and techniques for working with CSS in SVG.
I’ll also go over how to export and optimize SVGs, techniques for embedding them and how each one affects the styles and animations applied, and then we’ll actually style and animate with CSS.