In a previous post, 6 tools to get you started with Responsive Web Design, we selected and discussed 6 tools and libraries to help you get started with – really – responsive web design. We received loads of positive feedback and additional tips and tricks from our followers and decided to collect them in another post about one of our favorite subjects. Here we go:
In a series of blog posts, we’ll discuss web design’s best practices when it comes to usability, responsiveness and accessibility. We care about great design and we’d love to show you that a little CSS love goes a long way. In this post, I’ll show you how to create a neat notification bar, as it’s currently in place on WordPress.org.
Nowadays – when building a website – one is confronted with a number of different sizes and browsers that is daunting.* Plus, with mobile adoption skyrocketing, the diversity of mobile devices on the market doesn’t fail to grow exponentially. Thank god / the vivid web design community no custom coding is needed for each device or screen size with current responsive web design frameworks and testing tools.
We’ve selected 6 tools and libraries to get you started with responsive web design:
Responsive Web Design (RWD) is a design approach aimed at crafting sites to provide an optimal viewing experience. That means: easy reading and navigation with a minimum of resizing, panning, and scrolling across a gradient of different devices. At Usersnap we think a great deal of Responsive Design. Simply re-size your browser window, or open this blog on your smartphone, and you’ll know what we’re talking about.
Ethan Marcotte coined the term responsive web design in a May 2010 article in A List Apart. He then described the theory and practice of responsive web design in his 2011 book Responsive Web Design. Subsequently, Responsive Web Design was listed second in Top Web Design Trends for 2012 by .net magazine. Mashable called 2013 the Year of Responsive Web Design, as they see a ‘major shift in the consumption habits of their audience: Continue Reading “An Intro to Responsive Web Design” →
OnTime started, as so many great products and tools, as a solution to a personal pain. As a senior consultant and project manager, Hamid Shojaee, built OnTime for himself, to track who in his team was working on what, in an agile way. Today, OnTime has grown to a mature project management suite, particularly powerful to manage scrum projects, sprints and teams while maintaining a perfect overview of every project’s progress.
OnTime’s products are designed from the ground up to be easy to use with built-in tutorials and plenty of supporting resources. In this blog post, I’ll show how to add an easy way to continuously receive visual feedback in OnTime with Usersnap.
Usersnap provides 5 different annotating tools which your visitors can use to add visual feedback to their current screen. Continue Reading “5 tools to rule your feedback process. Start annotating today.” →
If you’re using Usersnap only for your QA team or for a restricted audience, it might be a good idea to hide the Usersnap button and enable keyboard shortcuts
(Ctrl+U). When your coworkers or testers press
Ctrl+U Usersnap is opened automatically.
You can enable the keyboard shortcut with the shortcut option:
There is even a full example page explaining the jQuery plugin inside the
repo: example.html. Add the small plugin, in the jQuery syntax you’re already comfortable with, and there’s no need to mess around in your front-end. All the more time to focus on growing your business!
We invite you to try out our service for free. Sign up for our 15-days trial program!
Try out Usersnap in combination with your WordPress, Drupal or Joomla project and start collecting feedback in a non text-heavy way, with annotated screenshots! Sign up for our 15-days free trial, or log in to your Usersnap account, and edit the settings for your website.
Probably the most sensible way to leverage screenshot functionality is in building customer communities. Social media best practice is moving toward proactively managed enterprise communities that benefit from many of the features of traditional, consumer social media (and also enjoy many enhancements). Consumers appreciate your Facebook page, and might be willing to hit ‘like’ every now and then, but they don’t always appreciate discussions from their brand of dish soap popping up on their private wall.
Managed customer communities are proven to lower customer support costs. Customers develop a large repository of FAQ and support material that is easily managed and analyzed through a platform such as Get Satisfaction. An excellent primer in customer community building was written by Get Satisfaction’s CEO, Wendy Lea, who has been a great advocate for the evolution of enterprise social media away from the fuzzy metrics of the FB page, and toward active, managed communities with a measurable impact on ROI. Continue Reading “How to build Customer Communities” →