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

Not logged in
  • Carolin Klimek   1 year ago

    Hi Daniel,

    in my opinion Axure and BUID will coexist for a long time. It really depends on the use case and also on the target group. Let me explain. UX designers often prefer to work with Axure because they want to try out and evaluate different solutions. They use the Axure design stencils to efficiently explore more creative solutions. In the end, an interactive prototype shows whether the flow is understandable and desirable for the end user.

    BUILD is focused on solutions that are currently feasible in SAP Fiori. From the target group perspective, it is more often used by user researchers, project managers anddevelopers.

    Hope that helps…

    Best regards,
    Carolin

    • Prabhakaran Palanisamy   8 months ago

      @Carolin : 100% right ! As Build fosters only fiori based widgets. we cant really build other applications which can other UI5 elements.

      – I would consider ‘Justinmind’ than axure for its ease of use and cleaner interface.

      – I am recording all the SAP UI5 widgets there manually, and using it as user created widgets.

      – Would be useful if we can get STENCILS for JUSTINMIND or complete UI5 widgets availability in Splash/Build.