UI Design

UI Designs

The design of the app is a very important aspect. From my last project I learned that when you're done with your project and you show it to the public everyone will judge the quality of the app by its design. Obviously this is unfair because what's going on under the hood is just as, if not more important. Nevertheless the users will want an easy to understand and functional design. I determined this after I spoke with some of the clients and it was also evident from looking at the design of the old app.

Using the feedback and advice I got from the clients and my mentor I started drafting some designs and pitched them to Ruud and Hans. Some of these designs can be seen below. Ruud and Hans liked the designs and I ended up tweaking them and implementing them in the app. The results of which can be seen in the next chapter.

Final designs

Once I got enough feedback for my concept designs I started implementing them into the app. The result of which can be seen below. Note that I also added various extras like loading animations and error messages when certain requests go wrong. All with the idea of having the app feel more modern and responsive.

Another thing that I put a lot of thought into was the size of the UI elements. Since the smallest screen on the Zebra phones is about 4.3 inches and has a resolution of below 720p. This means that every UI needs to scale properly so it can still be used on big or small screens. The screenshots below are all taken on a large phone display of 6.88 inches and a resolution of 2880x1440 pixels. Though I can confirm that all the screens work properly even on the smallest Zebra phones. The usage of scroll views and scaled views made that possible.

Order picking videos

One thing that was pointed out to me as interesting to look at was the process I took during the development and design of the order picking screens. The way I approached this was by making designs on paper, then implementing them and showing them to the stakeholders. After getting their feedback I'd make an updated version and show it to them. Three of those versions can be seen in this folder here.

Page updated

Google Sites

Report abuse