Designing An Interface For An Gift Shop Essay


How to Do Designing an Interface and Gift Shop?



The online stores today offer much more than local stores as one does not needs to keep searching for stores and the items that the person wants to buy. The online purchase are being preferred by people not because it seems convenient to them but also the shopping there gives a wider range to select from, a much comparative price, and along with that people’s review add much to it. The present proposal also deals with ecommerce. The online gift shop under consideration requires the best interface design so that people could come and buy happily. The proposal here deals in designing a complete user interface for running the application which can sell gifts online (“Cebi”, 2013). The interface uses different sets of programming codes for developing the whole project and then taking the customer step by step for the purchase of a product. The languages used can be highlighted as JavaScript, HTML and Java


The proposal aims to develop an Interface design for the users who want to shop online for gifts. The project is said deliver a web-based system which has been made to access through Google Chrome, Mozilla Firefox and Internet Explorer. The website platform will give opportunity to the consumers to create their own ID or shop with it by selecting from various ranges of gifts and products available. The consumer will have the facility to pay through the same with a safe payment gateway (“Huang & Benyoucef”, 2013). The consumer can select and item from the whole range fix it in the cart and then finally buy it by setting the delivery address and the payment mode. The selection of programming language makes it easier for the developer to understand the code and be robust, cross-platform at the same time.


To design an online shopping platform for a gift shop is the core objective of the proposal. To provide customer with more friendly, structured and less complicated website which any type of user can use and take advantage of. The proposal will specify on the different requirements of the interface including the internal and external factors. These services will be possible only after the installation of the app. Prototyping of the shop, realization and its major operations functionality will be developed. The system is aid to have an incorporated feedback structure for the company to get a clear understanding of the product and its deliverables. The proposal identifies the two basic aspects of the online which are providing far more superior accuracy in data selection and providing the customer with their quick responses.

User Requirements

The user requirements for such a system can be classified under two categories which are functional and non-functional requirements. For developing any plan for a proposal the fundamental requirements are first analysed. The requirements being mentioned should be measurable, testable, and actionable and must be integrated with the proposed system design. Some of the highlighted user requirements are:

  • Accuracy in Search results
  • Browsing ability
  • Search Suggestion required which has to be in relation with the user’s search term
  • Ability to get complete information of the product including any freebies or discounts being offered(“Goh”, 2013)
  • Ability to place the item in the cart or to add it in the wishlist
  • Ability to complete the purchase by following the options being provided

Objectives determined from requirements

The user requirements identified leads to basic requirements the interface requires. The first and the foremost requirement is the presence of the home page where the user is first taken to. Next the user requires a section where the list of the categories to shop from is seen along with some highlighted products (“de Barros, Leit?o & Ribeiro”, 2014). After that the user requires a search tab where the user can enter the exact item name to be purchased associated with a search button which takes the user to the page of its search index. The UI should have a radio button or simple button to place the item under the selected product or to add it in the list of interested product. Browsing through the products available is another requirement. Rechecking the product and its detail and then completing the payment process

Outputs and Targets

The output of the planning being will produce the UI with all the required features which the UI will contain to satisfy the needs of the people. The search panel provided after entering the data will show related and somewhat accurate results. These results can be then browsing though after which the system is selected. The option for the product being selected to putting it in the wishlist is shown by the product getting ticked at the topmost right corner of the page. Once the order selected is placed the screen takes the consumer to the payment gateway from where he can chose the payment option (“Wu”, 2013). After the process is completed the user is shown a message as order placed signifying the completion of the product.

Success Criteria

Success criteria of the project can be highlighted in points first being the effectiveness with which the UI functions. The experience being provide should be very appropriate. The UI should effectively and much efficiently perform the job and then approve the task completion procedure (“Albert & Tullis”, 2013). The UI should is attractive other than being efficient it should be designed such that it attracts the user for the discounted products being displayed or any recent offers.

Key Assumptions

The key assumption in the designing of the online based gift shop is to help the shop increase its number if customer now. Online presence is assumed to help the business grow as it would be available to everyone and to those also who never want to go out for shopping. The improvisation will enhance the experience of the customers by letting them browse through the way they like. The user friendly interface will help in gaining more and more customers.

Design Aims

The design being implemented is based on the main six user interface principles which are layout, user experience, content awareness, minimal user effort, consistency and aesthetics. The design being implemented though follows all the principles but fairly focuses on the first four. The window navigation diagram depicts the layout of the objects present on the screen in menu or a form or something like radio button. Each component is a stereotype (“Gregory, Gourley & Hopf”, 2014). The usage of Interface metaphor for the present case is conceptualized as personalized gifts. Along with this to enhance the user experience the interface objects are clearly specified using different class name for different sections. Minimal effort applied through the customer is intensified through the auto suggestions made along with saving the previous delivery options to reduce the steps a customer has to go through.

Design Outline

The designed will be delivered in three phases so that the user modification can be included:

Major screen layouts: The designs for the major screen will be created first. The components involved like icons menus or buttons will be decided at first and then their presence place. The users of different countries have different browsing technique so the customization may help in satisfying large number of people (“Johnson”, 2013 ).

In the next phase the fonts, colours, types, and sizes will be aimed. The designer will focus on making the design more and more attractive with some live gestures which keep on repeating.

In the last phase the complete walkthrough platform would be delivered where the user can go through the whole process till the completion of a task. For example the user can check by opting to buy something and in a way checks out the whole procedure.

Proposed Evaluation Methods

The evaluation is conducted to identify any significant change required and is implemented twice at least for the best results. The evaluation method to be used here in the designing of the online gift shop can be heuristic evaluation along with walkthrough at a later stage (“Scott”, 2014). The heuristics involves checking on the input interface navigation to the output result and matches it with the set principles of user interface design. Shneiderman's "Eight Golden Rules of Interface Design” or the general principles mentioned above can be set as the evaluation criteria on basis of which the evaluation can be conducted (“Yin”, 2015).


Huang, Z., & Benyoucef, M. (2013). From e-commerce to social commerce: A close look at design features. Electronic Commerce Research and Applications, 12(4), 246-259.

Cebi, S. (2013). A quality evaluation model for the design quality of online shopping websites. Electronic Commerce Research and Applications, 12(2), 124-135.

Goh, K. N., Chen, Y. Y., Lai, F. W., Daud, S. C., Sivaji, A., & Soo, S. T. (2013, April). A comparison of usability testing methods for an e-commerce website: A case study on a Malaysia online gift shop. In Information Technology: New Generations (ITNG), 2013 Tenth International Conference on (pp. 143-150). IEEE.

Wu, W. Y., Lee, C. L., Fu, C. S., & Wang, H. C. (2013). How can online store layout design and atmosphere influence consumer shopping intention on a website?. International Journal of Retail & Distribution Management, 42(1), 4-24.

de Barros, A. C., Leit?o, R., & Ribeiro, J. (2014). Design and evaluation of a mobile user interface for older adults: navigation, interaction and visual design recommendations. Procedia Computer Science, 27, 369-378.

Albert, W., & Tullis, T. (2013). Measuring the user experience: collecting, analyzing, and presenting usability metrics. Newnes.

Gregory, M., Gourley, C. R., & Hopf, S. (2014). U.S. Patent No. D711,400. Washington, DC: U.S. Patent and Trademark Office.

Johnson, J. (2013). Designing with the mind in mind: simple guide to understanding user interface design guidelines. Elsevier.

Scott, W. A. (2014). User Interface Design Tips, Techniques, and Principles.

Yin, R., Zhang, B., Kang, M., Li, T., Chen, K., & Kang, Y. (2015). Basic Principles of Information System UI Design. In Proceedings of the 15th International Conference on Man–Machine–Environment System Engineering (pp. 419-423). Springer Berlin Heidelberg.

How to cite this essay: