We have successfully finished the first phase of the project, so we are now moving to the second phase. This is about creating ideas on how to address the needs of the users. It's about quantity, about thinking broad and wide, about generating a lot of input in a short time. This phase incudes iterative sketching and storyboarding.

Iterative sketching 

As this phase focuses on brainstorming and getting ideas out, we needed as much inspiration as possible by creating sketches of various possible solutions. A process of divergent thinking has been used to come up with different types of quick sketches on paper. Some of them are shown below.

More sketches are available here.

With these interative sketches, we figured out following features to be very interesting.
  • A list of latest releases gives some good content on the front page and addresses a direct users need.
  • The mouse over to show additional information such as maturity or latest release or when data was updated.
  • Some welcome text is great
  • Showing all libraries on a single page allows browser search to work across all libraries.
  • Moving the links how to get libraries, how to contribute etc. into the side bar of the web page would be great.
  • Using a symbol to indicate the platform is a powerful concept.
  • Showing the number of libraries per each category could be good information.
  • Sorting by release date could be a good way to give libraries some order and indicate activity addressing the issue of users needing to know which libraries are the good ones.
  • Should be visually appealing. Having filters styled in some nice way could be attractive. Maybe it would be nice to have labels on the list of libraries which resemble the style of the filters, so that you could visually tell, what belongs where.


Using the inspiration collected from the previous phase, a set of storyboards has been created to come up with different design ideas that address the point of view. These storyboards demonstrate the work flow of what different interfaces do and how they are used to accomplish tasks in a real usage scenario. For example: work flow of somebody using the web site to find a qt library. Some of the storyboards are shown below. 

More storyboards are available here.
With that, we concluded the diverge phase of the product design sprint.


Post a Comment