Contribute Media
A thank you to everyone who has made this possible: Read More

Rapid Prototyping and Communicating with Clients

Summary

Rapid Prototyping and Communicating with Clients

Wednesday 2:45 p.m.--3:30 p.m.

Audience level: Novice

Description

This talk will focus on the conversations around rapid prototyping. Miscommunication between developers and clients can occur because of different perspectives and work styles. In this talk I'll introduce interaction design concepts and templating with Django to show how easy it is to set up a minimally viable UI and explain the value in letting users feel that they have creative control. Abstract

Talk will begin with an overview of some common communication problems between developers and non-technical clients. For example, the client may want to see a particular font but want to see how it looks before making a final decision. Allowing them the flexibility to edit this setting in the admin offsets some of the back and forth dialog and editing CSS files numerous times. (2 mins)

Intro to Interaction Design (5 mins) - Wireframing and design pattern libraries - Screen sizes and responsive design

Intro to Django Templates (8 mins) - Talk about the common template elements (such as include tag for DRY design) - Tips on structuring templates

Viewing web applications as data flow diagrams (5 mins) - Describe DFD diagrams - Organizing templates based on DFD components

Example of apps with different UIs for same data (10 mins) - Picture dictionary (showing text, images, links) (github.com/katychuang/django-snapbook) - Interactive reports on statistics (github.com/katychuang/techsummitpr)

Example of an app with pseudo apps (5 mins) - Using cloud hosted console for prototyping with django (katychuang.pythonanywhere.com)

Recap on design patterns and templates (1 min)

Questions & Discussion (rest of the time)

Details

Improve this page