Agile UI Design

Posted by: Esther Derby on 05/03/2010

Between Kent Beck’s post on Capital Efficient UI Design and attending a UI conference this week, I’m prompted to write down a few thoughts on incorporating UI design into development iterations.

Establish critical design standards at the beginning and work out the details as the software grows.  Look and feel, when to use drop down menus, when to us pop-ups can be decided early.  But it’s not necessary (or desirable) to have a wireframe for screens that won’t be worked on for months.  Too much can change.

Use design critiques to increase the entire team’s understanding of UI design principles.  Design critique asks these questions:  What was the intent of the design choice?  How well does the design choice meet that intent? Is the intent appropriate for the situation?

The goal isn’t to make everyone into an expert UI designer.  But when everyone understands basic principles, communication about UI design will be smoother and more effective.  And the devs (or PO) will be less likely to go off and do something–with the best of intentions, but not enough understanding–that makes the system harder for the people who will interact with it.

Engage in micro iterations on screen design. Work in rapid feedback cycles. Change only one thing at a time, so that the effect of a change is clear.  Looking at the actual design rendered first in simple sketches and then on a computer screen (and there are tools to do this now)  reduces miscommunication and misinterpretation.

Design global navigation last.  Before designing global navigation, design screens with only local navigation–how people do the work of that screen.  Then, as parts of the system are ready to release, create an application map that shows hub and spoke relationships, selection screens, modal screens and links and build just enough global navigation for the current feature set.

Iteration demos to confirm acceptance criteria are necessary, but not sufficient.  End of iteration demos confirm that a small slice of functionality works as anticipated.  But it doesn’t tell you how much about the experience of someone using the system to do work. Watch people using  the software to understand their environment, work, and experience of the software. UX experts recommend that each team member spend 2 hours every six weeks watching people use the software the team members write.

These aren’t the only was to help UI design fit into an iterative development cycle.  But they are a start, and we need to start somewhere to bring user experience into agile.

Post to Twitter


About Esther Derby

Esther Derby

Esther works with individuals, teams, and managers to improve their ability to deliver valuable software. Esther is recognized as a leader in the human-side of software development, including management, systems-thinking, organizational change, collaboration, team building, facilitation and retrospectives.

She’s been a programmer, system manager, manager and internal consultant. Since 1997, she’s run her own consulting firm, esther derby associates, inc., in Minneapolis, MN. Her clients include small niche firms, mid-size companies and Fortune 500 companies. She’s worked in financial services, insurance, health care and manufacturing as well as in product and software-as-a-service companies.

Esther is the author of over 100 articles, and co-author of Agile Retrospectives: Making Good Teams Great and Behind Closed Doors: Secrets of Great Management. She’s written widely on the topic of management, leadership, collaboration and change as they relate to companies adopting (or considering) Agile Methods, including Three Pillars of Executive Support for Agile Adoption (Agile Journal), Achieving Agility: Means to an End or End in Itself? (insights), and What’s a Manager to Do? (Better Software Magazine).

Esther is a sought after teacher and speaker. She’s given talks and workshops in the US, Europe, China, India, and New Zealand.

She’s a founder of the AYE Conference, and is serving her second term as a member of the Board of Directors for the Agile Alliance. She also was one of the three original founders of the Scrum Alliance.

Esther has an MA in Organizational Leadership and a certificate in Human System Dynamics.

Esther can be reached at (612) 724-8114, or by email.

Take a look at www.estherderby.com for more of Esther’s writing, or follow her on Twitter @estherderby

More About Esther »

NFJS, the Magazine

December Issue Now Available
  • BDD and REST

    by Brian Sletten
  • Mocks and Stubs in Groovy Tests

    by Kenneth Kousen
  • Algorithms for Better Text Search Results

    by John Griffin
  • Knowns and Unknowns of Scrum and Agile

    by Brian Tarbox
Learn More »