Goals of the Assignment
1. Introduction
The Mountain Artists Co-operative is a retail that sells food, gifts and wine online. The report provides the details of the online business of the organization. For the business of the organization they would require a website and the wireframe designs of the website has been provided in this report. The organization also have restaurant that can be booked for the around 50 peoples. Hence, there has to be an option of booking the restaurant for the users who visit the website. In addition to booking tables for 2, 3, 4 the entire restaurant can also be booked for hosting events and parties. Two alternatives for the website development have been provided in this report and the possible recommendations have also been provided in this report. Both the designs have been made keeping in mind the requirement of the organization. However the designs are different for both the wireframes.
2.1. Wireframes
2.2. Labels of wireframes
The wireframes have been designed according to the following labels:
- Homepage
- Login and registration
- Shop Page
- Product page
- Payment
2.3. Description of wireframes
The following pages have designed for the wireframe:
- Homepage
- Login and registration
- Shop Page
- Product page
- Payment.
The user can view the products of the website however they need to log in in order to book the item or buy them.
3.1. Wireframes
Local Farm Shop Case Study
3.2. Labels of wireframes
The wireframes have been designed according to the following labels:
- Homepage
- Product Page
- Product Details
- Payment
- Booking
3.3. Description of wireframes
The following pages have designed for the wireframe:
- Homepage
- Product page
- Product Details
- Payment.
- Booking
In this design the user needs to log in to the website for viewing the items. Hence, the payment option are automatically acquired by the system.
4.1. Advantages of interactive design 1
The main advantage of design 1 are:
- The design provides excellent user navigation, hence the accessibility of the users increase with the design.
- The design provides very efficient payment methods for thee users.
- The product display feature of the design is also very efficient.
- The design is very attractive.
4.2. Advantages of interactive design 2
The main advantage of the second design is that the homepage design is very attractive and the login feature of the website has been integrated within the same and the user is not required to visit or load another page in order to login into the website.
4.3. Disadvantages of interactive design 1
The main disadvantage of design 1 is that the design is incorporated with too much functionality and sometimes it can be very difficult for the developers to implement a large amount of functionality in their backend coding.
4.4. Disadvantages of interactive design 2
There are various disadvantages of design 2. The major disadvantages are:
- The design does not include all the functionality required by the organization.
- The payment procedure in the design is also very inefficient.
- Due to the lack of functionality in the web design the backend coders have to go through a lot of coding to implement the functionalities in the back end.
- Additionally, the contents displayed in the design are very congested and it is assumed the user would find it very difficult to look for the product.
4.5. Design principle of design 1
Design one is implemented with very apt contents. It is not at all overloaded with excess information. However all the important information required for the organization is provided in the design. This is design is also targeted towards providing the users with the honest content by the company. The design is also implemented keeping in mind that the information should conveyed to the clients with a great ease. The designing of the wireframes have been done with proper spacing in between the contents, so that the design does not look congested and are appealing to the users.
4.6. Design principle of design 2
The second design has been done with the notion of making the design compact and simple. The design generally focuses on the implementation of all the functionality is very compact technique within the webpages.
4.7. Usability goal of design 1
Functionality of Mobile App
The main goal of designing the wireframe is that the design has been done keeping in mind the ease of accessibility of the users. The business goals of the organization are also kept mind while designing the wireframes so that the attractiveness of the design attracts more clients to the website. In addition to this, the organization also aims at providing all the functionality to the users so that the users can perform all the major actions required by them in order to purchase a product. Hence, the designing of the wireframes have been done with the goal of satisfying the users and making sure that the users are able to perform all the actions desired by them.
4.8. Usability goal of design 2
The compactness of the design is the main goal of usability for the design. The main goal is aimed toward reducing the complexity of the frontend coders.
4.9. Usability experience of user for design 1
The first design have very positive usability experience. The navigation and the functionality of design are very efficient. Additionally, the design is very attractive for the users where the product can be viewed properly by the users. The search option is also very efficient for the users, so that they can be guided directly to the product they are looking for.
4.10. Usability experience of user for design 2
The second design is very compact and the user can find a number of options in a single page. The navigation method is also implemented in the design and this, can guide the user in case the user is lost in any page.
4.11. Selection of specific design and justification
Design 1 for the development of the website for the organization has been done as the design provides all the requirements for the clients and the organization as well. The goal and the design of the wireframe design 1 is more customer oriented while the wireframe design 2 is more of a business website. However, it should be noted that the increase in customer satisfaction increases the business efficiency for any type of organization as well. In addition to this, the navigation and the links in the first are design are very prominent. Hence, it is advisable the first design is adopted for the development of the website for the organization.
4.12. Usability using the interface
For the usability of the interface the prototype is to be provided the users and they are to be subjected to a number of question. The reviews of the users would be very useful for the developers to consider the aspects of the design that need improvement. As because the design is very user centric hence, it is a must that the developers take very useful insights from the users on the usability of the interface.
Conclusion
Conclusively, it can be said that the interactive design 1 has been done with a superior user interface than the interactive design 2. This design would be helpful for the organization to implement their website designing. Design 1 provides a better design principle for the users while the second design is not up to the mark in the sense of design principle. The information about the choice of selection and the proper justification for the selection of the interface design has been provided in this. In addition to this, the report has been developed with the aim to provide the readers with a fair amount guidance during the development of a user interface. Additionally, it can also inferred from this report that the designing of any type of business process should be done with a user centric approach and that the user satisfaction is one of the major factors for increasing the business efficiency of the organization.