top of page

Research Blog

Writer's pictureAfshan Naaz

Type and Purpose of the Project: This online portfolio is designed to support my job search as a rhetoric and composition major. The aim is to showcase my writing skills, academic achievements, and relevant experiences in a professional format.

Client: As this is an online portfolio, I am my client. I am a doctoral student majoring in rhetoric and composition, and I am passionate about teaching. My academic background includes a Master’s degree in English Literature and a Bachelor’s degree in Education. I have over 18 years of experience as an English instructor. My credentials include a solid foundation in critical thinking, persuasive writing, and digital communication, equipping me to excel in diverse professional environments.

Audiences: The primary audience for my website consists of potential employers in the fields of education, writing, publishing, and corporate communications. This includes hiring managers and educators looking for candidates who can demonstrate strong rhetorical skills and a solid understanding of composition.

Professors, peers, and industry professionals would also be my audience who may provide references or job leads.

Content Design: The online portfolio will include the following content pages:

  1. Homepage: An engaging introduction that provides an overview of my portfolio and a brief personal statement highlighting my passion for rhetoric and composition.

  2. About Me: A comprehensive biography that outlines my academic journey, teaching experience, and key skills relevant to my career aspirations and personal interests.

  3. Writing Samples: A collection of my best writing pieces, including essays, research papers, and any published work showcasing my versatility as a writer.

  4. Teaching Philosophy: A statement outlining my approach to teaching writing and communication, reflecting my beliefs about student engagement and learning.

  5. Resume: A PDF version of my resume detailing my educational background, teaching experience, and relevant skills. It also includes my contact information, including my email address and LinkedIn profile.

User Experience (UX) has become a cornerstone of successful digital products, providing users with intuitive and engaging interactions. One of the most effective approaches to UX design is Design Thinking. This white paper explores how Design Thinking can enhance the development process and provide solutions to user-centered problems.

Definition

What is User Experience (UX) Design?

User Experience (UX) Design is the process of creating products that offer meaningful and satisfying interactions to users. It is not limited to visual aesthetics but extends to usability, accessibility, and the overall user journey.

What is Design Thinking?

Design thinking is an approach to problem-solving that focuses on understanding the user’s needs and redefining problems to develop innovative solutions. It involves a series of steps to address complex challenges and create user-centric solutions, including product design, service design, and business strategy. It is characterized by five core stages:

Empathize: In this stage, the focus is on understanding the needs, pain points, and motivations of the end-users. The goal is to put the user at the center of the design process and generate empathy towards their experiences. The activities in this stage include:

  1. User Research

  2. Interviews with users

  3. Competitive Analysis

Define: Based on the insights gained from the previous stage, this stage’s goal is to define the problem or challenge clearly. The activities in this stage include:

  1. Articulate user needs, insights, and pain points

  2. Formulate the problem

  3. Create Personas

  4. Building Empathy Map

Ideate: This stage is about generating creative solutions to the defined problem. The focus is on generating as many ideas as possible and selecting the most suitable ones for further development.

  1. Create solutions

  2. Come up with User Journeys

  3. Building the Information Architecture

Prototype: This stage involves developing tangible representations of the selected ideas. The primary goal is to test the ideas and gather feedback to improve the solutions. The activities in this stage include:

  1. Create Paper prototype

  2. Build Wireframes

  3. Recommend style guide

  4. Create final design

Test: In this stage, the emphasis is gathering user feedback on the prototypes developed in the previous stage. The goal is to refine and improve the solutions based on the feedback received. The activities in this stage include:

  1. Conduct usability testing

  2. Collect feedback

  3. Iterate on the design and make necessary adjustments.

  4. Implement the iterated design

History

Design Thinking has evolved from various disciplines over decades, shaping how we approach problem-solving today. Here’s a concise visual representation of its history:



1960s:

  1. Scientific Design: Efforts to apply science to design problems.

  2. Horst Rittel: Coined “Wicked Problems” to describe complex design challenges.

1970s:

  1. Herbert A. Simon: Introduced design as a way of thinking.

  2. Robert H. McKim: Focused on visual thinking in problem-solving.

1980s:

  1. Nigel Cross: Emphasized solution-focused design approaches.

  2. Bryan Lawson: Studied differences in design vs. scientific problem-solving.

1987:

  1. Peter Rowe: Published Design Thinking, analyzing the design process in architecture.

1990s:

  1. IDEO: Popularized design thinking methods for non-designers.

2004-Present:

  1. d.school: Established at Stanford, advancing design thinking in education.

Background

As technology has advanced, the need to design user-friendly digital products has become more critical. Users expect applications to not only perform tasks efficiently but also provide an enjoyable and intuitive experience. Traditional design methods, often focused on aesthetics or technical specifications, may fail to address real user problems.

Design Thinking, by contrast, starts with the user. It ensures that every design decision is made based on an empathetic understanding of user needs. In digital media production, this approach helps create products that are not only functional but also emotionally resonant and easy to use.

Applications

Design Thinking is a user-centered methodology widely used across various fields. Here’s a brief overview of its key applications:

Product Design and Development

  1. User-Centric Approach: Focuses on understanding users’ needs to create innovative products.

  2. Example: The development of the Apple iPod involved extensive user research for enhanced user experience.

Service Design

  1. Enhanced Customer Experience: Creates seamless service experiences by analyzing customer journeys.

  2. Example: Bank of America’s “Keep the Change” program improved customer engagement.

Digital Experience and User Experience (UX) Design

  1. Interface Design: Helps create intuitive user interfaces through usability testing.

  2. Example: Airbnb uses Design Thinking to refine its booking experience.

Education and Learning Environments

  1. Curriculum Development: Engages students by tailoring learning experiences to their needs.

  2. Example: The d.school at Stanford prepares students for real-world problem-solving using Design Thinking.

Business Strategy and Innovation

  1. Strategic Planning: Fosters innovation and creativity within organizations.

  2. Example: Coca-Cola applied Design Thinking to develop new beverage concepts.

Case Study – Task Panther

Project Overview

Task Panther is a simple yet powerful to-do application developed using Design Thinking principles. The main goal of Task Panther was to improve productivity by streamlining task management while offering an intuitive and engaging user experience.

Prototyping

Three prototypes of Task Panther were created using Microsoft’s GitHub Co-pilot, employing HTML, JavaScript, and CSS for web-based versions:

  1. Todo App 0.0: Todo App 0.0


  1. ToDo App 1.0: Todo App 1.0


  1. ToDo App 2.0: Todo App 2.0


Wireframing

The wireframes for Task Panther were created using Figma and an AI-based wireframe designer plugin, providing a visual representation of the application’s layout and user flow. These wireframes laid the groundwork for the iterative development of the prototypes.




Usability Testing

The usability of the two prototypes was tested with real users to gather feedback on both versions. The findings from these tests allowed the team to refine the design based on user feedback, ensuring that the final version of Task Panther was easy to use, efficient, and visually appealing.

Conclusion

Design Thinking is a powerful tool for innovation that applies across various domains. Its focus on empathy, iterative testing, and collaboration enables organizations to create user-centered solutions that effectively address complex challenges. By continuing to integrate Design Thinking into their processes, businesses, and institutions can foster innovation and better meet the needs of their stakeholders.

References

Brown, T. (2008). “Design Thinking.” Harvard Business Review.

Dam, R. F., & Siang, T. Y. (2024, October 7). The history of design thinking. The Interaction Design Foundation. https://www.interaction-design.org/literature/article/design-thinking-get-a-quick-overview-of-the-history

Norman, D. A. (2013). The Design of Everyday Things: Revised and Expanded Edition. Basic Books.

Naaz, A. (2024, April 27). https://sites.gsu.edu/anaaz1/2024/04/27/case-study-task-panther-a-todo-application/

Stickdorn, M., & Schneider, J. (2010). This Is Service Design Thinking. Wiley.

Wikimedia Foundation. (2024, September 24). Design thinking. Wikipedia. https://en.wikipedia.org/wiki/Design_thinking

Writer's pictureAfshan Naaz

At a time when the world is reeling under the pressure of global climate change and environmental deterioration, Justdiggit provides just the right innovative solutions to restore our planet’s ecosystem. The website champions re-greening initiatives across Africa by inviting visitors to join the movement. Through a combination of personal narratives and colorful visuals, the website not only stresses on a call to urgency but also encourages the visitors to participate in combating this challenge and creating a greener future.

Background information

Justdiggit is working to restore degraded landscapes in Africa through re-greening projects. The website serves as a portal for the organization’s mission, projects, campaigns, and ways for visitors to get involved. It is intended for a global audience, including donors, partners, and individuals interested in environmental conservation.


Analysis

The analysis can be broken down into the following design aspects:

Content

The website is virtually captivating, communicates urgency, and shows the impact of the work. It has a vibrant and modern design and uses a mix of interactive elements to engage visitors. The balance between the content and call to action motivates users to support the re-greening projects. The website’s content is focused on educating, motivating, and mobilizing visitors to support restoration efforts in Africa. The personalised narrative and visual imagery evokes empathy and pathos in the audience.

Audience

The intended audience for the website is diverse and caters to individuals and groups interested in conservation and climate change. The website relies on donors and partners to support the initiatives financially. Sections like ‘Donate’ and ‘Partners’ highlight the tangible impact of their contributions. The website calls out Supporters, Farmers, and Businesses, providing necessary information for collaboration and educational material to communicate its mission and encourage to participate effectively.


Interactivity

The website includes several interactive features, like

  1. Interactive maps exploring different re-greening initiatives


  1. Storytelling through videos


Navigation & Layout

The website has a navigation bar at the top, providing access to sections like ‘What we do,’ ‘Projects,’ ‘About Us,’ ‘News & Media,’ ‘Partner up’, and ‘Donate.’ A language toggle feature is provided to switch between various languages for a broader audience reach.

Color & Typography

The color scheme primarily comprises greens and browns, which resonates with Justdiggit’s focus on the environment. The website uses these before-and-after images to highlight the impact of various techniques, such as Treecovery, Water Bunds, and Grass seed banks.




Bold heading and large fonts is used in key sections to draw attention.

Graphics

The homepage instantly captures attention with full-width before and after images of the transformation.


The website uses infographics to quantify the impact of restoration. The statistics and figures appeal to the logic of the visitors.


Storytelling is a key component of the website. High-resolution videos and photographs illustrate the impact of Jestdiggit’s work.


Conclusion

The website is designed for various audiences ranging from students to activists who are environment-conscious and want to make a difference to our planet. The interactive layout of the website creates a sense of urgency among the audience and encourages visitors to participate in environmental initiatives. The unique way of storytelling, before and after images of the landscape and infographics, succeed in capturing the attention of the audience.

bottom of page