Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Bridging the Gap Between Designers and Developers | Robina | Gurzu

Gurzu
November 29, 2023

Bridging the Gap Between Designers and Developers | Robina | Gurzu

No matter when you introduce designers in your development project, there is a certain gap between designers & developers. This results in issues, time consumed, and miscommunication.

Gurzu

November 29, 2023
Tweet

More Decks by Gurzu

Other Decks in Design

Transcript

  1. Bridging the gap between
    designers and developers
    Robina Bajracharya
    Associate Product Designer

    View full-size slide

  2. Introduction
    mBuddy Products Services Doctors Pricings Sign Up
    Available Doctors
    Select
    Dr. Emerson Mango
    General Physician
    Select
    Dr. Zain Carder
    General Physician
    Change the way you
    receive HEALTHCARE.
    What do we provide?
    Hot picks for the day
    Book your appointments, get health check up packages
    and find your medical supplies, all from one place.
    Anything that you need to make your
    health better is here in mBuddy. Best
    health packages, doctor on call,
    medical report history, medicine report,
    and many more.
    Get App
    Get App
    Get Started
    Get Started
    Learn More
    8:30
    8:30 9:30
    9:30 10:30
    10:30
    Book Appointments
    Check for the best doctors or
    any service that you need, and
    book at your comfortable
    time.
    Learn More
    Fast & Free Delivery
    24hrs Online Support
    Medicine, Lab reports, and
    services will be on your
    doorstep with one click.
    Learn More
    Health Packages
    Customize your own
    packages, or select from the
    available packages that will fit
    your health case.
    Learn More
    mBuddy is your friend, you can
    call us 24/7 for any type of
    service you want to get from
    us.
    Learn More
    mBuddy Products Services Doctors Pricings Sign Up
    Available Doctors
    Select
    Dr. Emerson Mango
    General Physician
    Select
    Dr. Zain Carder
    General Physician
    Change the way you
    receive HEALTHCARE.
    What do we provide?
    Hot picks for the day
    Book your appointments, get health check up packages
    and find your medical supplies, all from one place.
    Anything that you need to make your
    health better is here in mBuddy. Best
    health packages, doctor on call,
    medical report history, medicine report,
    and many more.
    Get App
    Get App
    Get Started
    Get Started
    Learn More
    8:30
    8:30 9:30
    9:30 10:30
    10:30
    Book Appointments
    Check for the best doctors or
    any service that you need, and
    book at your comfortable
    time.
    Learn More
    Fast & Free Delivery
    24hrs Online Support
    Medicine, Lab reports, and
    services will be on your
    doorstep with one click.
    Learn More
    Health Packages
    Customize your own
    packages, or select from the
    available packages that will fit
    your health case.
    Learn More
    mBuddy is your friend, you can
    call us 24/7 for any type of
    service you want to get from
    us.
    Learn More
    Design Actual Build

    View full-size slide

  3. Issues faced
    8 Unnecessary multiple feedback loop between designers and developer3
    8 Unexpected QA issues that are more time consuming than anticipate
    8 An inability to leverage overlapping skills

    View full-size slide

  4. Solution 1: Get developers involved in the early stage
    What’s happening?
    How can we solve it?
    u The communication between the designer and developer happens only when
    the developer actually starts working on the featurc
    u UI needs to be reworked during the feature development time
    u Involve the developers in the early stages from the time of requirement
    gatherings, including the client meetings, design demg
    u Developers can also check upon the designers on timely basis regarding
    what they are building

    View full-size slide

  5. Solution 2: Prepare necessary files for handover
    What’s happening?
    X Messy design fileG
    X Prepare designs for only happy pathG
    X No realistic data in the designs
    Royal Travel Agency
    [email protected]
    Spins Travel Agency
    [email protected]
    Royal Travel Agency
    [email protected]
    Acer’s Express Travel
    Services Pvt. Ltd.
    [email protected]
    Royal Travel Agency
    [email protected]
    Agents Details
    8,50,000
    3,40,000
    1,50,000
    70,000
    1,00,000
    Amount(Rs.)
    Transaction_20230912.pdf
    Transaction_20230912.pdf
    Screenshot_20230914.jpg
    Transaction_20230912.pdf
    Screenshot_20230914.jpg
    Receipt
    29 Aug, 2023
    29 Aug, 2023
    29 Aug, 2023
    29 Aug, 2023
    29 Aug, 2023
    Request Date
    Approved
    Approved
    Approved
    Pending
    Pending
    Status

    View full-size slide

  6. Solution 2: Prepare necessary files for handover
    How can we do it?
    H Prepare a design checklist for design handover.

    View full-size slide

  7. Solution 2: Prepare necessary files for handover
    How can we do it?
    R Prepare a screen flow and add proper interactions in the designG
    R Test the designs with realistic data

    View full-size slide

  8. Solution 3: Arrange a proper handover meeting
    What’s happening?
    How can we do it?
    h Designers don’t conduct a handover meeting for the developers before the
    beginning of the new feature
    h Conduct a proper handover meeting before the development of any new
    featur
    h Informal design walk through can be conducted in case of time constraints

    View full-size slide

  9. Solution 4: Get to know each others process
    How can we do it?
    a Know about the various technical constraintB
    a Learn about the different libraries and perform feature testingU
    a Conduct and attend workshops for using tools like Figma

    View full-size slide