Interaction Design: Hight-fidelity interactive prototypes for key tasks on mobile.
UI/UX Design:
– Site map
– Peronas
– Low-fidelity prototype
– High-fidelity prototyp
– Interaction (IxD) Designer
– User Experience (UX) Designer
– User Interface (UI) Designer
Tools:
– Sketch
– Figma
– Miro
– inVision
Protanos Bakery protanosbakery.com is one of southern FL’s largest wholesale distributors of bakery products. They sell hundreds of products like bread, cakes, cupcakes, etc., and they have over 50 years in the business.
The following image represents Protano’s Fulfillment Process, from taking orders to product delivery to knowing how the company works. We will focus on the first stage of the process, the “Order capture,” where the sales agent collects the products, builds the order, and gets ready for production.
Distribution manager
I used screener surveys to recruit interview participants to understand how users perceive the ordering process.
Here is the Whiteboard defining the Problem, Persona, Requirements, Brainstorming, and the sketch at a high level.
– User surveys and interviews highlighted specific issues with the Salesforce UI in our application.
– 82% of users reported hindered readability and usability due to small font size.
– 74% of participants found the Salesforce UI non-intuitive, affecting user experience.
– Repeated need for the same ordering process, which 68% found cumbersome and inefficient.
– Sales agents emphasized the necessity of mobility, suggesting a mobile-friendly version could significantly enhance efficiency and user satisfaction.
These insights indicate a strong need for UI improvements, focusing on readability, process streamlining, and mobile usability.
Usability issues
Ideas for improvements
Requirements to keep in mind
To create a mobile app so the sellers could collect products from anywhere faster, avoiding repeat actions in the ordering process.
Once I achieved greater clarity on features and processes users require, I created a site map with three main areas that would encompass all user stories needed: start a new search, view their books, and access past reads.
Identifying Design Patterns Through Rapid Sketching.
The final version of the HI-FI prototype is now available in Invision for stakeholders and users to provide feedback and comments. This version is the culmination of numerous inputs and suggestions from users and stakeholders throughout development.
Scan the QR with your mobile device to see the app.