Emotional Design: OpenAI GPT-3-based Positive Vibes and Motivational Quotes Generation Web-App (Coursework Sample)

Assessment Brief Module Code COM7034M Module Lecturers Dr Gayathri Karthick (Module Director), Dr Anu Bala (Lecturer) Module Title User Centred Design Level Postgraduate (7) Credit Value 15 Assessment Title User Centred Design Coursework Workload 4,000 words Assessment Number 1 of 1 Weighting 100% Submission Type User-Centred Design (UCD) Assessment Portfolio Submission Method Turnitin within Moodle -Link: https://moodle.yorksj.ac.uk/my/ Publication Date 16-Oct-2023 Due Date 18-01-2024 Expected Feedback Date 09-02-2024 Format of Feedback Written feedback on Moodle Emotional Design: OpenAI GPT-3-based Positive Vibes and Motivational Quotes Generation Web-App Module Code and Title: COM7034M: User Centred Design Student Number and Name: [Your Student Number], [Your Name] Word Count: [Your Word Count] Table of Contents TOC \f \o "1-9" \hA. Introduction4B. Requirements5C. Prototype Design6D. Poster Presentation7E. Conclusion8References9 Table of Figures A. IntroductionBackgroundThe foundation of the Emotional Design initiative is User-Centered Design (UCD), a human-centered methodology that prioritizes end users throughout the design and development process (Cooper et al., 2007). In order to produce products that closely match user expectations, UCD places a strong emphasis on comprehending consumer demands, testing design solutions repeatedly, and incorporating user input. The project's implementation of UCD guarantees that the Positive Vibes and Motivational Quotes Generation Web-App meets the needs of its users in terms of psychological well-being. Using flowcharts and poster representations is essential to communicating ideas clearly in design tasks. Flowcharts help people understand complex processes by giving a visual depiction of the logic and data flow of the system. The technological model of the Flask online application in the Emotional Design project is guided by a flowchart that shows the two-way interactions between the user, the Render.com web server, and the OpenAI GPT-3 API. According to Cooper et al. (2007), this visualization guarantees clarity during the design and implementation phases.The diagrammatic graphic that represents the poster presentation provides a succinct yet powerful way to communicate important project outcomes. The poster's elements are thoughtfully positioned to encourage user involvement, drawing on interaction design concepts. This visual element's incorporation into the Flask app enhances accessibility and engagement, which is consistent with the project's goal of offering a satisfying user experience. The Emotional Design project gains a revolutionary component with the integration of OpenAI's GPT-3 API. Based on user inputs, GPT-3, renowned for its sophisticated natural language processing capabilities, is used to produce tailored inspirational quotations and good vibes. The Flask app dynamically sets the API key, a critical security component, demonstrating the project's dedication to safe and customized interactions. The project's use of the API is in line with the larger trend of enhancing user experiences through the integration of advanced AI capabilities into online apps.Balsamiq In the initial stages of the project's design, wireframes become an essential tool. Balsamiq fast prototyping allows designers to quickly iterate and collaboratively visualize user interfaces. In order to guarantee that the finished product meets user expectations, the wireframes act as a link between the user requirements and the live implementation. This is in line with accepted design principles, which support frequent and early user input into the design process (Cooper et al., 2007). The Positive Vibes and Motivational Quotes Generation Web-App runs on the Flask web framework. Flask is a great option for creating web applications because of its modular architecture and lightweight design. Flask is used in this project to manage user interactions, validate API keys, and integrate dynamically with the OpenAI GPT-3 API. The Flask application's technical model, which is powered by Python code, is an excellent example of how to organize complicated procedures in a way that makes the user experience both personalized and easy.The background material for the Emotional Design project essentially pulls from a wide range of contemporary web development tools, AI integration, and design ideas. Every element of the project, including flowcharts, OpenAI API, Balsamiq wireframes, UCD principles, and Flask web app development, works toward the overall objective of delivering a satisfying and interesting user experience. Beyond the specifics of the Emotional Design project, the developing field of digital interactions is profoundly aligned with the concepts of User-Centered Design (UCD). In a time when user expectations are always changing, UCD transforms from a methodology to a philosophy that directs the development of digital ecosystems that are easy for users to interact with. The Emotional Design project is evidence of the versatility and applicability of UCD in creating meaningful and sympathetic digital experiences, as design thinking continues to spread beyond traditional areas.Using flowcharts and poster representations in design projects is a way to tell a bigger story about visual communication. A powerful asset in this information-rich age is the capacity to condense difficult ideas into easily understood visual formats. Flowcharts are symbols of efficient communication in a world where time is valuable, and their simplicity and clarity go beyond the parameters of this project. By utilizing these visual components, the Emotional Design project connects with a common language of comprehension and interaction. An example of state-of-the-art natural language processing capabilities is the OpenAI GPT-3 API, which represents the future direction of artificial intelligence. In the future, AI will seamlessly enhance human experiences; efforts such as Emotional Design offer peeks into this future while society navigates the revolutionary impact of AI. The OpenAI API turns into a creative and inspirational medium that transcends this project to represent a larger movement that combines technology and human expression in a harmonious way.Nestled in the early stages of the design process, Balsamiq Wireframes reflect the idea that innovation is a team effort. One of the main tenets of Balsamiq is rapid ideation and iteration, which reflects the collaborative creativity that drives innovation. These collaborative design tools become emblems of a design culture that values diversity and inclusivity as the digital world develops, rather than merely being tools for designing interfaces. The democratization of web development is reflected in the simplicity and flexibility of the Flask web framework. Frameworks like Flask allow a wide range of people to realize their ideas in a world where having a digital presence is now a need rather than an option. The process of turning an idea into code opens up new possibilities for digital creativity and expression.With its mix of UCD, visual communication, advanced AI, collaborative design tools, and accessible web frameworks, the Emotional Design project weaves a story that transcends its immediate confines inside the broad fabric of technology and design. It is consistent with the larger story of the digital age, in which innovation, empathy, and creativity come together to reimagine the potential of human-technology relationships.IntroductionThe Emotional Design project uses a User-Centred Design (UCD) methodology to create a web application that uses OpenAI's GPT-3 to provide users with customized inspirational quotes and good vibes. According to Cooper et al. (2007), UCD principles place a strong emphasis on the value of include users in the design process to make sure the final product satisfies their demands. Balsamiq Wireframes provide quick prototyping and team-based design revisions, therefore the choice to utilize them is in line with UCD principles (Cooper et al., 2007). Furthermore, the web application's implementation on Render.com makes use of the advantages of a strong hosting platform. Reliable application access is ensured by the scalability and seamless deployment offered by Render.com (Render Documentation). The User-Centred Design (UCD) framework, which is widely recognized for promoting user-centricity in digital product development, served as the foundation for the Emotional Design project (Cooper et al., 2007). UCD places a strong emphasis on iterative user feedback and involvement all the way through the design process, which fits in perfectly with the objectives of producing a satisfying and enjoyable user experience. This process guarantees that the Positive Vibes and Motivational Quotes Generation Web-App, powered by OpenAI GPT-3, caters to the genuine requirements and inclinations of its customers.Early in the design phase, the use of Balsamiq Wireframes as the prototyping tool makes a big contribution. With the help of this tool, designers and stakeholders can quickly iterate and visualize the user interface prior to implementation, all while fostering a dynamic and collaborative environment for rapid prototyping. According to Cooper et al. (2007), the literature suggests using wireframing tools during the early stages of design in order to efficiently collect and assess design concepts.Beyond the design guidelines, the Flask web framework—a lightweight and adaptable Python framework—enables the actual execution of the web application. Flask's ease of use and modular design make it a great option for creating web apps, and the OpenAI GPT-3 API can be integrated with it without any issues. The OpenAI API, the Render web server, and user input are all connected by the Flask Py...