Registration and Login
A Local farm shop wants to expand their market for providing online services to customers with the help of mobile application. Hence, there is a need to develop a mobile application to meet requirements of the local farm shop. The major products being offered by the Local farm shop are food, gifts and wine in addition to that they also run a small restaurant. The restaurant can accommodate 50 guests and the customers will be able to book the whole restaurant or table as per their requirement. In this report, the discussion has been carried out to determine the suitable design that can be adapted to develop mobile application for the Local farm shop.
This page serves as the master page for the other pages of the website for Local farm shop. This page gives an overview of the products or services being offered to the customers.
In this page, the registration and login facilities have been illustrated so that the customers can keep track of their activities on the site for availing the required services.
This page gives an overview of the customer profile with their personal information so that they can modify or update as required. This page also shows the offers and loyalty discounts that are available for particular customers.
This page shows the various products that are being offered by the Local farm shop so that the customers can place their order online.
This page demonstrates upon the search functionality being embedded so that the customers do not have to browse through the entire product catalogue to find their required item.
This page offers the functionality of placing an order through the website which can be done by easily clicking on the add button provided below each product.
This page gives an overview of the items that will placed as an order by the customers along with detailing of the charges and billing amount.
This page provides the customer with information in which place the physical store is located. This page also provides functionality of detecting location so that customers can easily place their order without having to input delivery address.
This page illustrates upon the other service that is being offered by the Local Farm shop so that the customers can make a reservation in the restaurant according to occasions.
This page demonstrates a sophisticated version of the functionalities being offered by the website of Local farm shop.
Customer Profile
This page will be used by the customers for accessing their account to carry out the activities on website as per their requirement.
This page will serve as platform for the new customers to be a part of the Local farm shop. The registration is a must to place an order or avail other services being offered by the Local farm shop.
This page gives an overview of the personal information being stored by the users so that they can modify or update as per their requirement.
This page gives a compact view of the products being sold by the Local farm shop so that the customers can easily view them and place their order.
This page shows the search functionality to view a particular item that is required by the customer rather than browsing the entire category of products.
This page will be used by the customers for placing an order or adding a particular item to the shopping cart along with the required quantity.
This page shows the overview of items that will placed as an order by the customers along with detailing of the charges and billing amount.
This page provides the customer with information in which place the physical store is located. This page also provides functionality of detecting location so that customers can easily place their order without having to input delivery address.
This page shows the various facilities that are being provided by Local Farm shop to their customers so that they get attracted.
This page illustrates upon the other service that is being offered by the Local Farm shop so that the customers can make a reservation in the restaurant according to occasions.
The major advantage of design 1 is that the Login and Registration has been designed in one page so that the customers can complete both the processes without much hassle.
The advantage of design 2 is that Facilities being provided by the Local farm shop has been presented in a separate page. This page will provide the customers with a reason to visit the website and attract more customers.
In design, no specific has been designed for the facilities as it has been provided in the user profile page. This makes the design a bit clumsy as a particular customer may not visit the profile page as a matter of that he/she will not be aware of the facilities.
Product Catalogue
In design 2, the Login and Registration page has been designed as two different page due to which the customers may feel the process to be complex.
In design 1, the core principles of user interface design has been followed for designing the wireframe diagrams. The designs reflect clarity, flexibility and efficiency in terms fulfilling the requirements of user.
The user interface design principles have been taken into account for designing the interfaces in design 2. The designs have been done so that it looks good at all situation.
The design 1 has been done by considering the required usability goals such as satisfaction of the users, accuracy and overall success.
The design 2 illustrations has been presented by considering the satisfaction level of customers and the ease of access.
The design 1 illustrates a bit complexity while used by the user as the components have not been labelled properly.
The design 2 is flexible and easier for the users as it is interactive and has a pleasant look so the customers can understand the meaning of each component.
The concept 2 designs have been chosen as the suitable design as it illustrates exact look and feel of the mobile application. The designs presented in the second concept are elaborative in nature that has been done with complete detailing. The design in concept 2 consists of 11 pages being dedicated for each functionality required by the Local farm shop. The design will cater the needs of the Local farm shop and will attract more customers.
The webpage can be used by almost any user group irrespective of age, technical abilities or other factors. The webpage has been designed to support starting from small age group people to old age people those staying alone at home.
The users want their operation to be smooth and easy so that they can easily place their order and enjoy their shopping sitting at home. The users want to do the task using interface only by clicking the various buttons being embedded in the design.
Conclusion
The designs presented in Concept 2 is chosen to be suitable for meeting the requirements of Local farm shop. The Concept 2 designs reflect a well-organized and presentable overview of the modules that have to be developed in the mobile application. Hence, those designs are considered as appropriate for the Local farm shop as it will be easier for the customers to navigate or operate. The designs have been drawn for attracting more customers to expand the business of Local farm shop.
Bakshi, R. (2015). A Comparison Between User Interface Design for Different Kinds of Mobile Applications. IJEECSE. Special Issue-TeLMISR, 91-96.
Cerny, T., Macik, M., Donahoo, M. J., & Janousek, J. (2015). On distributed concern delivery in user interface design. Computer Science and Information Systems, 12(2), 655-681.
Foster, E. C. (2014). User Interface Design. In Software Engineering (pp. 187-205). Apress, Berkeley, CA.
Hawlitschek, F., Jansen, L. E., Lux, E., Teubner, T., & Weinhardt, C. (2016, January). Colors and trust: the influence of user interface design on trust and reciprocity. In System Sciences (HICSS), 2016 49th Hawaii International Conference on (pp. 590-599). IEEE.
Kantorowitz, E. (2016, September). Two Step User Interface Design. In Proceedings of the European Conference on Cognitive Ergonomics (p. 41). ACM.
Nielsen, J. (2014). Coordinating user interfaces for consistency. Elsevier.
Page, T. (2014). Skeuomorphism or flat design: future directions in mobile device User Interface (UI) design education. International Journal of Mobile Learning and Organisation, 8(2), 130-142.
Ross, J., & Gao, J. (2016). Overcoming the language barrier in mobile user interface design: A case study on a mobile health app. arXiv preprint arXiv:1605.04693.
Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., Elmqvist, N., & Diakopoulos, N. (2016). Designing the user interface: strategies for effective human-computer interaction. Pearson.
Thies, I. M. (2015). User interface design for low-literate and novice users: Past, present and future. Foundations and Trends® in Human–Computer Interaction, 8(1), 1-72.