Adrian Smith is a self-employed software architecture and performance consultant currently working on a platform for HR departments that implements quite a few special features. Adrian decided to use Usersnap for this project, to gather specific feedback from his client during the development process.
“We’re using Usersnap on our dev server as the site isn’t live yet. It helps my client to point out and describe what he’d like to see improved. I like this way of receiving feedback. He can highlight areas of the screen etc., i.e. he can really visually say what’s wrong. Which is of course way better than writing an email following the storyline ‘on the third navigation point, the second area, the 3rd word is in a strange position’!”
Adrian’s core usage is within his development team. Screenshots get delivered to his inbox, where he processes them and divides them into tasks in his project management tool, Liquid Planner.
At Usersnap, we have over 20 (summed up) years of experience in well organized web development. We figured that track record allows us to call out the good, the bad and the ugly in the industry. Let’s start with the positive stuff.
1. Use a bug tracker
The inbox of a Head of Development tends to fill up over the day with feature requests, bug reports and snippets of user feedback. Sometimes you’ll even receive emails with a whole bullet point list (if you’re lucky) of requirements, pain points and random ideas. While it’s great that people take the time to give – at times very extended – feedback, it’s not really useful as is.
Using a bug tracker / project management solution like Basecamp or Trac you can reorder tickets and nothing gets lost, as tasks are only closed when they are done. Set a milestone, add keywords (so your co-workers can find your ticket easily), add a priority level and make sure to cc the person in charge of ‘fixing it’. Even if that’s yours truly. In the description, try to provide a user story. And make sure your summary is descriptive, you can use humor for your commit messages if you really have to (i.e.: when it’s done), but you’ll want your ticket to be clear.
2. Take responsibility
Be precise and targeted. You should know who can do what and who is available for an additional task. When in real doubt about who’s responsible, you can do a CC. But make sure to remove all others from the CC, as soon as you found the right person to assign the ticket to.
Trac is a bug tracking system for software development projects. Tracs mission is to help developers writing great software while staying out of the way and should as such impose as little as possible on a team’s established development process. Its timeline shows all current and past project events in order, creating an overview of projects and their progress, and a roadmap lists the upcoming milestones. Identifying bugs and enriching tickets with annotated screenshots with crucial meta-information, that is where the Usersnap integration comes in!
Sign up for your 15-days free trial, or log in to your Usersnap account, and edit the settings for your website. To use the Trac integration, you need to enable the xmlrpc-plugin. Download it from XML RPC-Plugin, copy the egg inside your plugins-directory or install it system wide. You need to enable it by adding tracrpc.*
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 look at the Twitter search form, to replicate its elegant design.
Recreating the Twitter search form
Now Twitter wraps it’s elements in a whole lot of
spans. I’ll drill it down to the input-element and button, to keep things accessible. Using only HTML, our search form looks a bit ‘boxy’.
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 look at the Gmail send button, to replicate its clear blue design for your actions.
I went ahead and replicated the necessary HTML and CSS and saved it on Codepen for you to play around with:
Following the responsive design approach for your website, at one point you’ll need to think about what to do with your navigation element(s). Since responsive web-design became a ‘thing’ a few patterns have developed on how to deal with site navigation. As the digital real estate is limited on smartphones, also the navigation concept of websites and web-applications needs to be redefined. How to make your site navigation responsive? Let’s take a look at some popular sites to illustrate the benefits and drawbacks of their solution to the navigation problem on mobile devices.
Last Saturday the Viennese chapter of the international movement Pyladies kicked off what will become a series of meetups, with a beginners workshop to Python. PyLadies aims to provide a friendly support network for women and a bridge to the larger Python world. Why? Well, because we’d like to see more diversity in the tech world, and with only 17% (and declining!) of the industries jobs filled by women, we have a long way to go! That’s why anyone with an interest in Python was encouraged to participate (and yes, that means guys too). The attendees (both students and coaches) dragged friends, boyfriends, husbands and family members along for a day of coding bliss at Sektor5.
Both because part of the Usersnap team holds office at Sektor5, and because we’re proud Pythonista’s ourselves, we were happy to (co)sponsor this event. Being one of the organizers this post might turn out a bit biased, but we really had a lot of fun. And I think we learned heaps about where to improve for a next edition!
We started at half past ten, going through the Python track on Codecademy (who happily supported the event). With so many people interested in coaching (the Python community in Vienna rocks!), more advanced attendees could ask very specific questions and we saw a lot of one-on-one coaching sessions.
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 look at the pretty rounded avatar my Google+ profile is sporting.
I love how the rounded images makes practically every profile picture look nice and friendly. To figure out how Google+ went about this, I went ahead and replicated the necessary HTML and CSS and saved it on Codepen. Feel free to play around with it and use is for your own page!
We are excited to announce that Usersnap now supports 4k ultra high definition screens when it comes to capturing and displaying screenshots. This means if you are the proud owner of one of those shiny quad full HD displays, we can cope with your high resolution and we produce Retina* screen captures.
Retina/HiDPI displays (and all future high resolution screens) are designed to reduce eyestrain and should lead to more reading. Usability expert Jakob Nielsen praised the Retina iPad’s display for its more enjoyable user experience, highlighting the ‘crispness’ of typography. What does one do with the significant amount of more pixels per inch? Very little, looking at the benefits for an average consumer. For (web) designers however, it makes the difference between something looking good and it being absolutely pixel perfect.
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 recreate Kippt’s ‘learn more’ button, that should tempt you to go for their pro plan.