Recently, we released our new SAP Fiori Design Guidelines to our customers and partners. The feedback so far has been great, and we are glad to regularly share the updates of what we learn on our SAP Fiori journey.
As part of this update, we have also introduced our new design stencils that allow designers to quickly create design prototypes of SAP Fiori applications based on the available controls and patterns. In this new release we have made the transition from Microsoft PowerPoint to Axure. This was a hard decision for us as we had established Microsoft PowerPoint as an easy- to-use tool that was available to every user within SAP and in the majority of our partner and customer companies. Moving to Axure required us to purchase licenses and offer additional training to our design staff (although many designers were already familiar with Axure).
So why did we take this decision?
- First and foremost, Axure allows us to create interactive prototypes that can be used for usability testing. The scripting and animation capabilities are sufficient to create click-through mockups that can cover complex business scenarios.
- Second, with Axure you can create responsive prototypes that adjust to different screen sizes so that you can mimic the behavior on different devices with the same prototype.
- Third, Microsoft PowerPoint turned out to have some unwanted effects on formatting, availability of fonts, platform (Mac vs. Microsoft Windows) so that in many cases the fidelity of the prototype was affected. With Axure we get the exact same result on every platform, and we have an easy way to manage font icons and resources.
Furthermore, Axure is widely accepted in the design community so that a large percentage of our designers were familiar with it and using it already. There would have been other solutions available that we could have chosen here but most of them focused more on other design phases like the requirements engineering process or the user research phase, and we found that we could combine Axure well with such tools.
We created a comprehensive stencil library covering the most important controls and floorplans that can be found in the SAP Fiori Design Guidelines. Entire pages can now be dragged into the canvas to give an easy start to the designer. We have structured the library along the current three form factor we support in SAP Fiori:
- Large (L) – for desktop devices with controls in compact dimensions (learn more about cozy and compact)
- Medium (M) – for tablet dimensions and with controls in the touch-friendly cozy mode
- Small (S) – for phone dimensions and with cozy-sized touch controls
As our new stencils are now being used by application designers within SAP, we can already report some first lessons learned:
- The overall quality of the mockups that are being shown in review sessions has dramatically increased − fidelity and attention to detail is much better than before. It is clear very early on which controls are being used and how they can be implemented.
- Training efforts were limited. Most designers were able to get started after a short introduction. The material available from the provider is also a valuable source.
- The interactivity features are being used by the designers. The applications become more tangible for the development teams very early in the process so that uncertainties in the interactivity can be clarified early in the process.
- One negative effect of this transition is the fact that prototyping has become more exclusive as the users need to have access to Axure. License costs for this tool come on top of a standard setup. This excludes most of the business experts who before that could easily modify or sketch prototypes using Microsoft PowerPoint. We are currently validating the option to offer simplified Microsoft PowerPoint stencils on a page level that allow business experts to easily modify contents and create flows for discussions with customers.
To summarize, the transition to a professional design tool has led to the expected improvements in design quality. Training efforts where limited so that the effect on productivity and cost was acceptable. While the designer role is better supported with this tool, we now have to evaluate how to better support the role of the business expert.
If you want to try out the SAP Fiori Design Stencils you can download them here.