Designing Some Mockups for Our Picture to PDF Converter

Have you ever heard of wireframes? They are simple visual representations of applications that help developers and designers to get the big picture about what this or that app is supposed to do. Wireframes are very simple sketches, empty of design elements, that provide a way for the members of a team to communicate and share their ideas.

Designing Some Mockups for Our Picture to PDF Converter

Let us see a couple of general examples: Figure 1. Contact us wireframe

Figure 1. Contact us wireframe

Figure 2. Result search wireframe

Figure 2. Result search wireframe

Wireframes are mainly used to…

  • Represent an app’s information structure
  • Visualize the navigation
  • Identify the functional part of a given app

Mockups are the next step in the design cycle of an application. They are visual design drafts representing the application with a higher level of detail than wireframes. Let's show a number of mockups of our image to PDF converter Having said that, let’s put things into perspective. Now we are showing a number of mockups of our picture to pdf converter. (From now on we’ll call this Android app PicsPDFun.)

Figure 3. PicsPDFun's main activity

Figure 3. PicsPDFun’s main activity

Figure 4. Select a paper format

Figure 4. When the user clicks on the Format button they are shown a screen like this

Specifically, users will be displayed this slider

Figure 5. Specifically, users will be displayed this slider so that they can comfortably select a paper format

Figure 6. Select the image location

Figure 6. Similarly, when the user clicks on the Location button he/she is redirected to a layout like this

The application displays this slider

Figure 7. But to be exact, the application displays this slider for the user to easily select an image location

Figure 8. Select a level of zoom

Figure 8. Zoom button

Figure 9. To be exhaustive the user is shown this slider

Figure 9. The user will be shown this slider to pick their desired zoom level

Do you agree with the saying that a picture is worth a thousand words? The mockups above should be clear enough about the functional requirements of this simple image to PDF converter. We’ll soon continue with our app development. Don’t miss the coming articles!

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *