Analysis And Design Of A Multi-Page Website For AB Testing

Analysis and design of a multi-page website for AB testing in Adobe Animate

Develop and deploy two versions of a site with the same information but presented differently, then evaluate user preferences through surveys. The task involves selecting a topic related to computer science, creating content, designing a multi-page presentation with two versions—one simple and one interactive—and implementing these in Adobe Animate. Finally, you must host the two versions on Google Sites, create surveys to gather user feedback, and analyze the results.

Paper For Above instruction

AB testing is a method used in web development and user experience design to compare two variations of a webpage or app to determine which performs better in terms of user engagement, usability, or preference. In the context of this assignment, AB testing involves creating two distinct versions of a website that deliver the same content but differ in presentation and interaction style. The core goal is to evaluate which design approach users favor—whether a straightforward, sequential presentation or an interactive, revealing-content style.

To undertake this task, the first step is selecting a relevant topic from a predefined list or, if approved by the instructor, a suitable alternative related to computer science. Examples include exploring the history of the internet or the evolution of computer processors. Once a topic is chosen, developing core content is essential, consisting of at least five key pieces of information that will be featured across the website pages. These could be significant milestones, technological advancements, or notable figures related to the topic.

Next, the design phase entails creating a multi-page presentation. This can be sketched on paper or created using graphic or storyboarding software. The design must include an introductory page and eleven total pages. For Version A, the design features a linear sequence of pages. It includes five pairs of pages, each pair expanding upon a central theme, with the second page of each pair adding new information. The total count in Version A is eleven pages, including the introduction. In contrast, Version B begins with the same introduction and five core pages, but the supplementary information (the second pages in the pairs) is revealed through user interactions such as clicking or hovering over symbols, without navigating away from the current page. This interactive approach maintains the same overall content volume but varies the user engagement strategy.

Implementation involves creating both versions using Adobe Animate (Flash), emphasizing action scripting for navigation rather than timeline animations. These are saved in separate folders, with clear adherence to designed content and functionality. The completed animations are then hosted on Google Sites, with each version assigned its own site—labeled with the student's number for identification. The hosting process should ensure accessible navigation and user-friendly design.

After deployment, the next phase involves collecting user feedback through Google Forms surveys. Two separate surveys should be created—each associated with one website version—with a simple rating question and a space for comments. A total of ten users are to be recruited, with five evaluating Version A and five evaluating Version B. The survey responses are to be exported into spreadsheets for analysis, facilitating an objective comparison of user preferences.

The final step is to analyze the survey data and compile a brief report. This report should highlight trends, such as whether users prefer the simple linear presentation or the interactive revealing approach, and discuss possible reasons for these preferences. If additional users are available for testing, further data collection can enhance the reliability of the analysis.

References

  • Benyon, D. (2014). Designing Interactive Systems: A Comprehensive Guide. Pearson Education.
  • Krug, S. (2014). Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders.
  • Nielsen, J. (1995). 10 Usability Heuristics for User Interface Design. Nielsen Norman Group. https://www.nngroup.com/articles/ten-usability-heuristics/
  • Harms, S., & Berry, R. (2016). A Practical Guide to A/B Testing. Wiley.
  • Schneiderman, B., Plaisant, C., Cohen, M., et al. (2016). Designing the User Interface: Strategies for Effective Human-Computer Interaction. Pearson.
  • Huang, L., & Johnson, J. (2019). User Experience Design: A Practical Approach. Routledge.
  • Gorbatov, V. (2018). Interactive Web Design: Strategies and Best Practices. O'Reilly Media.
  • Cooper, A., Reimann, R., & Cronin, D. (2014). About Face: The Essentials of Interaction Design. Wiley.
  • Saunders, J., & Bias, R. (2018). Content Strategy for the Web. New Riders.
  • Morville, P., & Rosenfeld, L. (2006). Information Architecture for the World Wide Web: Designing Large-Scale Web Sites. O'Reilly Media.

Related Assignments