Interface Usability Online Gift Shop Table of Contents 1. Design Overview 3 2. Project Scope 4 3. Project Requirements 5 4. Assumptions 7 5. Design process 8 6. Interface Design 11 7. Usability Testing 21 References 24 1. Design Overview The proposed project primarily deals with GUI or Graphical User Interface designs of for an online e-commerce shopping site namely “Rose Online Gift Shop”. Now day’s the inclination of online gifting has increased in rapid manner among the youngsters in today’s world of IT. Gradually all man power works are going to become more digital in manner due to that the owners of all types of business from every type of industries started expanding their business by implementing e-commerce website. Confrey, and Maloney, (2015) discussed that in today world the online presence of any types of company becomes a vital part that helps to be a focus for all types of customers and large extent of sale of the products in transparent manner. Hence, this particular project discussed about all types of functional and non-functional requirements of users by doing the proper designing of the interfaces of the online gift shop named “Rose Online Gift Shop”. The interfaces of this website are mainly prepared by considering different factors like interactive for youngsters, user-friendly for aged person. It is also developed in more simpler and interactive way from other websites so that both youngsters and aged customers get easily attract towards it. It also has the possibility to access the website from all types of gadgets like laptops, smart phones, tablets etc. Endsley, (2016) discussed that the design of the interface mainly presents concerning the e-commerce emergence regarding the gift shop, which primarily assists customers in order to see different kinds of product details and available discount offers. In this report, it discussed about the designing of 10 pages like home page, registration page, payment section, track order section, contact us section, cart, about us and Help page and many more. Within Home Page, it mainly discussed regarding different upcoming items and ne exciting offers based on different top selling products of the gift shop in website. Help page and track order page are mainly created to provide some extra support to the customers so that they also have proper ideas about their ordered items. The e-commerce page of the company is mainly created remembering the proper responsive nature of the website along with proper navigation in the whole website. 2. Project Scope To do the design of user interface for an e-commerce project it is needed to kept the website responsive for all types of customers by providing all types of details information about the organization and all related products based on the services. It also discussed that the web pages are needed to be updated in time-to-time manner with all types of information like product details, offers and any changes in prices. The timely update of website mainly helps the customers to check all available products along with prices that help to do more shopping in repeated manner. On the other hand, Elston, and Gowen, (2014) discussed that the online presence of any particular organization helps the people to do the proper selection of products based on their own choice and different available exciting offers. Now days of busy life, buying online becomes one of the available options of maximum numbers of people. Apart from that, Endsley, (2016) also pointed out that the purchasing online products provide the facilities to the customer of choosing products from different vast collection based on their affordability and suitability. It is also highlighted that the online support option also helps to develop large number of customer base and increasing loyal customers to buy products from this website usually. The home page of the website also provided with the contact details of support team so that they can provide the required help in case of any types of problems. Hence, some of the project scope of the design is mentioned below: • To create and develop an interactive and responsive user interface of the online gift shop that have all types of valid information along with different attractive images along with all basic details of all available offers • To represents the progress of the website, serving of the firmly grounded crunch needed to be proper designed based on community requirements • To increase both the visibility and likes of the customers for the online gift shop it is required to have different services and attractive marketing offers like free offers etc. • It is also required to have the facilities of buying products by using all types of currencies like USD, DOLLARS, INR, EURO etc. • It also need to assure both technical supports and all available trainings in order to have proper site maintenance based on all types of daily functions of related members • To keep the facility of sharing e-mails, contact numbers and address so that the customers have the assurance in the website reality. • It also provides the facilities of doing live tracking of the products so that the customers have the proper knowledge of their purchased products until deliver. 3. Project Requirements In the context of interface usability, Goh et al., (2013, april) discussed that both functional and non-functional requirements of the project explained all types of available facilities of the crated application. There are different types of functional requirements considering the design of online gift shop like collection of data, exact analysis of both functional and non- functional requirements and the operational processes etc. Based on user interface design, collection of data needs to be improved by creating the application logical model that have all entities definition, ER diagrams and wireframe diagrams of created website. Requirement analysis explains about the features of website based on all kinds of user needs. Moreover, the operational processes discussed about all types of non-business characteristics related to the application. The following statements are some functional requirements related to “Rose Online Gift Shop” website. • This website provides the permission to the users to check the site in one-click availability that also helps to navigate the web page based on the needs. It also has numbers of sections that mainly discussed about different online payback, discount rate and exciting free offers etc. • The users of website can have the facilities to view all products based on category like anniversary, mother’s day, birthday, special one’s gifts, boy friend and girl friend gifts and many more. It also has the facilities to deliver the gifts in both national and international addresses based on that the delivery times are calculated. • The interface have the facility of providing remainders to the customers based on their selected products in case it may was unavailable at the time of selecting the products • It also need to be linked with the Google map to maintain the proper navigation based on the delivery addresses • It also has the facilities to do live chat with the support team and can leave any important message to the web site page. • The users can also contact to the website operator in case of any errors and technical difficulties occurred in the website. • The users also provided with the facilities to add any items in the cart for future shopping and do continue with purchasing of products • It becomes easier to navigate and user-friendly to access. 4. Assumptions Assumption 1: Easy and simple interface Designing- it is one of the vital assumptions considered in this project. At present, because of the busy life, people always want to have the easier and simple interface to have proper navigation. Hence, the designing of simple interface helps the user to get attracted so that more numbers of customers visits and also purchase more products. Assumption 2: Design of responsive interface: it is required to have attractive designing of the interface in proper responsive manner that helps all the users to get proper view from any types of electronic gadgets like tablet, laptops, smart phones, iPad etc. Assumption 3: Formatting and size: the website interface is require to be lively and interactive in conjunction with entire designs of other pages by using complex content as well as all types of options that are available of the selling goods. The website also maintained proper margins and formatting like similar font, appropriate color along with exact spacing etc. Assumption 4: To input proper details in the content management system: Based on this particular design it represent the organization in online presence based on the baseline definition of all types of functionalities that primarily were being applied and later accepted by means of system Z. The baseline definition that has been used in designing the information are as following: “Schedule A: CLARIFICATION DOCUMENT; Technical and Financial Proposal for SYSTEM Z (395-1.4-1-1.0), COMPANY ABC, May 2, 1994; XYZ Request for Proposal 008 D 94 PBS 70 - SYSTEM Z; The precedence of these documents and other project deliverables is defined in the Statement of Work;” 5. Design process To maintain the design process of the interface, Johnson, (2013) discussed that the design process of website need to be interactive design and also be familiar with proper communication plan, creative design, public relation plan and development modules etc. Different characteristics of interaction design are mainly followed in doing the proper designing of the project are as following: User Requirement Highlighting: the proposed project’s design phase primarily concentrated on distinct requirements of customers that mainly help to have the proper evaluation of project. Kelly, Lesh and Black, (2014) mentioned that the design of project get focused in both easy and simple manner for the interaction of the gift shop. The user also get involved with the help of designing process required of this design work. Design Process Interaction: Johnson, (2013) mentioned that the interaction design of the interface mainly helps to get refined responses based on user feedback. Hence, it is also pointed out the design is mainly created with process where the proper font size and color are applied accordingly. All contents of interaction project are getting involved with the design process based on this particular design work. Definite usability and proper use experience goals: the fundamental objective of this designing project is primarily shared the proper online presence interaction in terms of any chosen enterprise such as “Rose Online Gift Shop”. Therefore, the prototype, low fidelity, designing was mainly used by the designer due to low range development cost. Apart from that, it also allows to collect the proofs of the concepts in exact manner. On the other hand, it also elaborates the evaluation of multiple design concepts and all types of required and necessary communication drivers regarding the users. Few of the actions that are primarily chased to do the project’s interaction design are stated below: Development of alternatives design: to complete this design, the preliminary detailed design and conceptual design are prepared within this project. Interactions are also done based on early expectation standards based on wide range functionalities that are mainly kept with short details. It also has different buttons with some functionality like product details, tracking of delivery packages etc. User requirements Identification and development of: The communication configuration additionally express some envisioned or proposed circumstances, for example, item subtle elements, added the items to truck before buy like other line obtaining cooperation outline. Toward the begin of the outline, needs of each prerequisites for the client has been kept up. The composed has been taken after with the change client prerequisites into the theoretical model. Development of interactive version of design: The open sources parts and frameworks are likewise utilized alongside the required conditions and devices. In this venture, different collaboration plans are utilized, for example, design libraries, singular example, dialect designs, and so forth. To assess the outlines, intelligent variants are utilized as a part of this venture. Development of interaction version of design: The connection configuration lessens the perplexities between the clients and originators. The collaboration form that utilized here is pretending clients and paper based models. 6. Interface Design 7. Usability Testing Elston, and Gowen (2014) opined that the ease of use testing is one of the vital piece of client focused plan accomplished for online blessing shop. To get the powerful outcome for the testing it is primarily should have been performed by doing the best possible execution and configuration stage. Moreover, Elston, and Gowen (2014) elaborates that the designing process of the website is needed to be divided in to 6 different phases and based on these phases the designers needed to get back to previous stage based on errors that are identified in the nest phase and the corrections also accordingly. Some of different important stages that are mainly undertaken for the development and testing of website are elaborated below: Defining Problems: this particular stage mainly discussed about all types of functional and non-functional specifications are considered for requirement collection Analysis: the website design interface is primarily created on the basis of the requirement of theoretical diagrams and the system construction is begun accordingly. Design: all types of system requirements are mainly analysed along with the low level design that mainly required for the development on interface based on working principles of system. Development: this particular phase is mainly created as well as tested depending on all types of functional and non-functional requirements of projects. Testing: all types of technical difficulties are getting tested in this stage and all the errors are resolved by taking different measures. Implementation: The developed user interfaces is mainly created based on the criteria of actual interface design and add all types of functionalities in the developed interface to create a full functional website. Maintenance: different types of improvement and changes are mainly done based on the development of projects are get performed and all types of errors are mainly identified in the system that are resolved in this stage including different types of slight changes in all functional and non-functional modules. In the context of interface usability, Hasan, (2016) discussed that the development process of usability testing is mainly connected to enhance both the plan and productivity of the created framework. The ease of use testing is additionally performed by doing the correct utilization of two sorts of methodologies like Experimental approach and Heuristic approach. Elston, and Gowen (2014) mentioned that the experimental approach is mainly used for the testing done at all levels based of the development cycle are listed below: Exploratory-this testing is for the most part done in the early phase of the life cycle of the improvement stage that for the most part helps the utilitarian determination of the venture alongside the production of abnormal state outline. The essential objective of the testing is to have the best possible examination of the reasonable model portrayal and also the members of testing are planners and distinctive sorts of clients. Ghosh, (2014) brought up that the planner masculine gathers all information by doing the correct subjective examination and the recognizable proof mistakes in light of every missed part for the outline consideration. Evaluation it examined about the accuracy of calculated model that for the most part performed in light of various exercises of the examination of mistakes ID and functionalities. Approval the approval is chiefly performed to do the examination of confirmation that fundamentally required at the season of logging by doing the correct utilization of reasonable situation of various obtaining items from the site. Correlation the interface configuration is predominantly contrasted and plan of various other accessible site so that the clients can take choice to pick the correct outline for the most part suited for site interface. On the opposite side, Hasan, (2016) talked about that the heuristic approach is for the most part utilized for evaluators in view of both inclinations and assessment of interface configuration in light of quality criteria. The framework model is essentially required to get assessed in view of criteria set by doing the best possible utilization of normal and basic discoursed, and utilization of appropriate dialect for doing the taunt up interface outline. Ghosh, (2014) specified out that the interface configuration must have the offices to give criticism to all clients that is required to be intelligent with the goal that it can without much of a stretch direct the clients to the goal. The correct utilization of alternate routes and every single preventive measure are fundamentally diminishes the client's mistakes that are tried for the improvement of UI outline. The responsive way of site is for the most part tried in view of the heap partaken in the framework and effortlessness way of site is fundamentally used to plan framework UI. Aside from that, it additionally portrayed about the insurance of the framework as indicated by both confirmation and approval taken for the interface that principally examined to build up a viable UI outline for the blessing shop named "The Gifts Spot". References Balanis, C. A. (2016). Antenna theory: analysis and design. John Wiley & Sons. Confrey, J., & Maloney, A. (2015). A design research study of a curriculum and diagnostic assessment system for a learning trajectory on equipartitioning. ZDM, 47(6), 919-932. Elston, C. T., &Gowen, M. R. (2014). U.S. Patent No. D710,879. Washington, DC: U.S. Patent and Trademark Office. Endsley, M. R. (2016). Designing for situation awareness: An approach to user-centered design. CRC press. Ghosh, A. (2014). Online Gift Shopping (Doctoral dissertation, FACULTY OF ENGINEERING AND TECHNOLOGY, JADAVPUR UNIVERSITY). 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. Hasan, B. (2016). Perceived irritation in online shopping: The impact of website design characteristics. Computers in Human Behavior, 54, 224-230. Johnson, J. (2013). Designing with the mind in mind: simple guide to understanding user interface design guidelines. Elsevier. Kelly, A. E., Lesh, R. A., &Baek, J. Y. (2014). Handbook of design research methods in education: Innovations in science, technology, engineering, and mathematics learning and teaching. Routledge. Pfeffer, E., &Parkes, D. (2015). U.S. Patent Application No. 14/594,029. Saaty, T. L., & Kearns, K. P. (2014). Analytical planning: The organization of system (Vol. 7). Elsevier. Vaishnavi, V. K., &Kuechler, W. (2015). Design science research methods and patterns: innovating information and communication technology. Crc Press. Wasson, C. S. (2015). System Engineering Analysis, Design, and Development: Concepts, Principles, and Practices. John Wiley & Sons. Wylie, M., Harvey, D., &Liddy, T. (2016). Model-based conceptual design through to system implementation-lessons from a structured yet agile approach. In 2016 Systems engineering test and evaluation conference: SETE 2016 (p. 87). Engineers Australia. Yokota, P., Ciorba, I., & Erickson, T. A. (2015). U.S. Patent No. D727,353. Washington, DC: U.S. Patent and Trademark Office.