• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Chintu Gudiya Foundation

  • What We Do
    • Blog
  • Who We Fund
  • Projects
  • Grants
  • Financials
Project Tech4Dev

Design Process Explained – GiveIndia.org

You are here: Home / Blog / Design Process Explained – GiveIndia.org

twitter sharing button Share this on Facebook

Design Process Explained - GiveIndia.org


May 6, 2020 by Yashaswini Prakash
1 Comment

So far, we (Think201) have understood the problem statement that we are solving for GiveIndia.org to a greater extent through various discussions, brainstorming sessions with all the stakeholders. 

The understanding gained has been documented as Feature Requirement Specification (FRS) which can be found here. While FRS describes what has to be built as a product, its the design phase which defines how the product has to be built.

Like we mentioned earlier in our blog (linked here) we take a design-driven approach in building a product for the following reasons. 

  1. Forces to think about what end-user needs first through design & then develop the same.
  2. Brings much clarity to feature-set which was discussed and documented thereby weeding out any/all assumptions.
  3. Empowers to take feedback from stakeholders & end-users even before it is developed thereby saving a lot of time in case there needs a pivot. 

For the very same right reasons, we have now entered the design phase for the GiveIndia project which involves the following steps to achieve the best results.

Step 1 – Thorough Understanding of Product

Process Followed

This phase is for understanding the product, its intent & the target users clearly. The majority of our focus would be in analyzing requirements, conducting brainstorming sessions with clients & getting clarity on doubts about the product to be designed. We would follow industry-standard user research methods to collect feedback & directions. In this phase, the Business Analyst & Design Team would work directly with clients and get requirements from them. This knowledge about the users and their environments helps in providing a clear direction to the design.

Activities

  1. Meet, talk, observe and understand users in their environment
  2. Analyze requirements to understand and clarify them
  3. Define user personas and use-cases

Outcome

  1. Clarity on the product that will be designed & the roles involved.
  2. Creation of User Personas
  3. Creating Flow Charts to understand the flow of data across roles
Image – User Persona

Step 2 – Research & Documentation

Process Followed

In this step, the design team does the research work to explore on domain-specific, design trends, doing analysis.

Activities

  1. Study of applicable design approaches for the problem statement
  2. Analysis of latest UI/UX trends, design principles, and rules 

Outcome

A clear understanding of, the design trend which would suit the product & idea captures. This step is mostly a design direction step & would be about gaining insights that would aid the deliverables in the next step.

Step 3 – StyleScape Creation

Process Followed

Stylescape is a vital step in the design process. It’s a visual representation of the stylistic direction for the project. It allows both you and the design team to view a quicker, deeper understanding than words alone can bring. This organized collage of images, colors, fonts, and phrases saves time in explanation and allows for easy initial feedback on what does and doesn’t work.

Stylescape brings about a meeting of the minds of clients, designers, and internal project collaborators. They are not about rendering something specific about the project, but about gathering consensus on direction.

Image – StyleScape

Step 4 – Prototyping 

Process Followed

This stage involves the UI definition of the required feature. The design team drives this activity which is based on the last two stages of the process. Draw paper sketches, whiteboard flows, and wireframes to share your ideas with stakeholders. This stage itself is an iterative process.

Activities

  1. Generate ideas and work on basic sketches
  2. Brainstorming sessions with stakeholders to get their feedback from the technical perspective
  3. Re-draw sketches and re-test them with stakeholders
  4. Design Prototypes for all the Flows decided in Step 1.

You can see the snapshots of prototypes designed below, for a much clearer version you can see it here

Image – Login Page Prototype
Image – List of NGOs Prototype
Image – Prototype showing NGO Single View Screen
Image – Prototype showing Program details of NGO

We are currently in Step 4 of the design process which involves creating prototype designs for all screens which is a highly iterative & feedback oriented process.

You may see the design prototyping work which is work in progress here

Category iconBlog Tag iconTech4Dev Project Updates

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Recommended reading

    Design to Development Journey – GiveIndia.org

    “Well begun is half done”  – This is very true in case of project execution as well. We, Think201 believe in starting off on a right note to ensure the rest of the project journey is nice & neat. Currently, we are in the development phase of the Data Collection & Reporting Project which we are

    June 24, 2020 by Yashaswini Prakash

    Data Collection & Reporting for GiveIndia.org

    As a part of the Tech4Dev initiative, we (Think201) are working along with GiveIndia.org to build a seamless Data Collection & Reporting application. Introduction  GiveIndia is India’s largest and most trustworthy online donation platform.  They currently support 600 nonprofits in their fundraising efforts. Over the next 12 months, this number will expand to over 1500 nonprofits and to

    March 18, 2020 by Yashaswini Prakash

    Project Progress Update – Data Collection & Reporting Application – GiveIndia.org

    In reference to our last blog linked here, we have progressed steadily & now have moved to the UAT stage for the application developed. As per the project scope we have completed developing following modules Role Super Admin (Web)  NGO Details Program Update & Report Data Management Beneficiary ManagementNotification Module Role Relationship Manager (Web) Review Beneficiary SubmissionsReview Report Submissions Role NGO Admin

    November 30, 2020 by Yashaswini Prakash

Tags

#Tech4Good 66A analysis analytics architecture ASHWINI Avni conference Coronavirus COVID-19 crm-platform dataexplorer design research Discounts freespeech FundImpact github badges Glific Google governance hasiru dala ideation internetfreedomfoundation Jan Swasthya Sahyog Koha Koha Challenges Koha configuration Koha features Lastmilesupport library medha-stpc openchs opencity opendata open source Partnerships sesta Social Change Software Team Collaboration tech Tech4Dev Project Updates whatsapp Work from Home Yenepoya

Categories

  • Blog
  • Essays
    • 2015
    • 2016
    • 2017
    • 2018
  • Focus Areas
    • Organisations Funded
      • Education
      • Environment
      • Health
      • India
      • Open Source Software
      • Other
      • Philanthropy
      • Sanitation
      • Sports
      • Women Empowerment
    • Tech Work
  • Projects
  • Pune 2018 Unconference
  • Tech4Dev Project Report
  • Uncategorized

Footer

  • What We Do
    • Blog
  • Who We Fund
  • Projects
  • Grants
  • Financials

Copyright © 2021 Chintu Gudiya Foundation. All rights reserved. | Photo Credits