SAP UX Basics – Wire Framing Phase

In the first part of this article we discussed what UX means, what a Persona is and described the UX first design phase.

In this second phase, you have to map your critical ideas, customer profile and customer requirements into technical components.

It is the Wire Framing phase.

What is Wire Framing ?

Wire Framing is when your ideas and all of your design that are in your mind, which you got by talking with your customer in the workshops, will be drawn into sketches that will look like real solutions, like web applications or mobile apps.

There are some useful tools for Wire Framing, in the market.

What are the main Wire Framing tools ?

• Moqups and Balsamiq

Moqups and Balsamiq are framing tools, you can use for free during the evaluation period.

They are very simple to use and with Moqups is even easy to share through Google Drive. You can give the link to your customers and let them share and find out if they really like the user interface of the final design.

We will be writing reviews of these tools in future articles.

 

• SAP Protyping Toolkit

On the SAP side, you have the prototyping toolkit in SAP Experience, where you can download it.

Prototyping toolkit is not a tool, it’s a PowerPoint and it’s a smart approach by SAP to give a wire-framing solution.

In there you can find slides with sample applications, which is nothing but the components that you will change to show to your customers.

Go for SAP Experience and checkout. There are many small details that SAP has covered.

Everyone should know their content.

 

• SAP AppBuilder

Finally, there is SAP AppBuilder.

It is a wireframing tool that automically generates code and can be useful for designing very simple mobile applications. It is built in Node.js.

Topics to keep in mind during Wire Framing phase

• Try to design the solution along with your Client since immediate feedback and many interactions will save time.

• It is very important to get a fast feedback from the Customer regarding his requirements.and he should understand what they are going to get after this solution is being delivered.

• SAPUI5 technology and Fiori are so much new that only a few customers have experience with this kind of user interface.

• This iterative and incremental process will save you time and effort because you will have an idea of the development effort.

• Bear in mind there can be situations where you can have the exactly same designs but the effort required are considerably different for each one. The UI is equal but the UX is much different.

• If you don’t have any idea about the effort of the development then it will be difficult to choose the right design. For this reason every UX designer should have some idea about the development effort. It always helps.

UI5CN