Rotary International: UX & Design Workflow

Rotary International recently unveiled its new online donation form, used by tens of thousands of people each year to donate to the charity. But calling the finished product a form is like calling the royal wedding an elopement. Amazee Labs Austin partnered with Rotary and RaiseNow to deliver what can only be described as a dynamic online giving application—sweeping, yet nimble, and easy to use.

Ensuring an application of this magnitude is easy to use is, well... not easy. In order to get the most out of our users (no pun intended), we define and adhere to an efficient UX and design workflow. To best explain our approach, let’s look at an example of how a feature—choosing an amount to donate—makes its way from define to design.

1) Define

The first step is to define what the feature does, in simple terms. Getting the right people in the room is crucial—movers, shakers, decision makers. Together we agree to the functionality:

  • Users choose a suitable country and currency in which to donate
  • Users choose from a list of preset amounts or give a specific amount not listed

2) Sketch

Based on requirements, best practices, existing examples, and experience, we sketch an interface. The sketch suggests layout, order of operation, form elements, and copy, but not design. At this early stage, it’s important that form not interfere with function.

Choose an amount sketch

3) Review

With sketch in hand, we meet again with stakeholders. This review answers two important questions. First, have we correctly translated requirements into product? Secondly, are there requirements that weren’t considered in the hypothetical? It’s amazing what comes to light when there’s a sketch on the table.

We discuss removing numbers from the stepped donation process (a), adding a preselected donation amount (b), and including the US-dollar equivalent beneath donations made in foreign currencies (c). This is because Rotarians, in their quest to level-up, are credited in US-dollars not their currency of choice.

Sketch with requested changes

4) Prototype

Next, we roll the sketch and its feedback into a clickable, functional prototype. The more function the better, we want our testers to poke holes in a product as close to the real thing as possible. UXPin offers a powerful tool with which to craft some seriously complex prototypes. 

prototype animated gif

5) Test

Everything we’ve assumed to this point is put to the test, at the hands of users in the real world. Our testers are Rotarians on a spectrum of proficiency in a web browser and also in their understanding of Rotary as an organization.

The test itself is administered remotely with a screen sharing app, recorded, and moderated—we ask the users to perform a task and think aloud as they work. We give little or no direction and try to stay objective, as hard as it may be. The test concludes with gathering general feedback from the user—how was your experience, how would you improve it?

6) Report

Several tests are needed to compile meaningful results. One user’s experience doesn’t typically affect change. But recurring behavior in three or five tests is considerable. Here’s what we find:

  • Users don’t understand the preset amounts are selectable
  • Subsequently, users type their desired amount in the Other amount field, even if that amount is offered above as a preset
  • Users aren't sure what is meant by "Recognition amount in USD"

animated gif of tester

The above animation is a reenactment, created to protect the identities of the innocent.

7) Design

If user testing reveals we’ve missed the mark, we can opt to do another round of testing with a reimagined prototype. In this case, we move straight into visual design, coupled with making these improvements:

  • Add radio buttons, a familiar form element, to the preset amounts
  • Make certain the preselected amount appears selected by introducing a bold blue background color
  • Make giving a custom amount a more deliberate action by adding a fifth option, Other, which reveals the Enter other amount field
  • Add help text to recognition amount in the form of a tooltip (i)

finished design animated gif

Repeat

Once the feature has gone through the UX and design workflow it moves on to development. We grab another piece of the puzzle and the process starts again with defining the feature. 

process graphic

The process takes about a month per feature, or two sprints. After 16 months of continuous work, we've delivered the royal wedding of online donation forms.

 


 

Feature list

Give to featured funds, endowments, or grants

Give to funds screenshot

Give a one-time or recurring donation

recurring donation screenshot

Dedicate a gift in honor or memory of someone

Dedicate gift screenshot

Notify someone of a dedication via e-card

E-card notification screenshot

Give on behalf of a Rotary club or its members

Give on behalf screenshot

Give as a guest or signed-in user

sign in screenshot

Review donation summary prior to submission

Review modal screenshot

Receive immediate, detailed confirmation of donation

Confirmation page screenshot

Self-service recurring donations via MyRotary profile

Self-service screenshot

July 24, 2018
Tags
31 Comments

Get our Newsletter

 
 

Comments

A well written article!

By John Taylor
6 months ago

It is good information you have shared with us. ROTARY INTERNATIONAL, they are providing a charitable work to the society. It is good to know about the charts and workflow designs PhotoEditingIndia photo editing services. They are choosing the right countries and provide all the charitable works to them. iT's nice to see the post.

By rita riya
4 weeks ago

I finally found great post here.I will get back here. I just added your blog to my bookmark sites. thanks.Quality posts is the crucial to invite the visitors to visit the web page, that's what this web page is providing. https://smartyogaexercise.wixsite.com/mysite/pranayama-yoga

By https://smartyogaexercise.wixsite.com/mysite/pranayama-yoga
4 weeks ago

I'm more than happy to discover this great site. I greatly appreciate the time you took to put this together. Please visit my site

By k
3 weeks ago

This is a fabulous post I seen because of offer it. It is really what I expected to see trust in future you will continue in sharing such a mind boggling post marine engine parts

By marine engine parts
2 weeks ago

Many times students are tensed for their projects and assignments, so at that time they can take online assignment help to complete it on time. There are experts available online who prepare the perfect assignment for you. Assignment Help online

By Jacob liam
2 weeks ago

Great informative blog which is full of new information because A workflow consists of an orchestrated and repeatable pattern of business activity enabled by the systematic organization of resources into processes that transform materials, provide services, or process information
dissertation Writing Service uk

By neiljakson
2 weeks ago

There's no doubt i would fully rate it after i read what is the idea about this article. You did a nice job.. 오바마카지노주소

By 오바마카지노주소
2 weeks ago

Thank you so much for ding the impressive job here, everyone will surely like your post. 카지노사이트추천

By 카지노사이트추천
2 weeks ago

online assignment help in UK provided by studentsassignmenthelp.com. Our expert give you complete 24*7 support.order our services by students assignment help.

By online assignment help in UK
1 week ago

Rotary International Ux and design workflows an online form to do the charitable worksUsing this foam How to fix printer spooler error we can easily define, sketch, review, prototype, text, report, design etc. The screenshots of each page are also mentioned here.

By hendry jullius
1 week ago

I am the assignment help provider at My assignment help. I have done P.hD in the computers if a student has an issue regarding the assignment writing then may take help from the assignment assistance services .

By ammie jackson
1 week ago

Students Assignment Help serves the best to the students by the qualified writers from the universities. We offer the reliable accounting dissertation topics services to the students. By our academic assist students in can score good grades in their academic career.

By Accounting dissertation topics
4 days ago

Information in the article is very useful to everyone, thanks for the author.
giftcardbalance

By anonvenom
1 week ago

Allassignmenthelp is a web portal where students get assignment help for all the subjects, with the help of our experts. You will get 100% plagiarism free assignment. Expert’s consultation is also available for students. If they have any query they can contact with our experts anytime.
assignment help uk

By james cook
1 week ago

In this digital world, printer became an essential part of the most organizations due to its several attributes. Although, Why Is My Printer Not Printing? Issue is raised by many users. This problem occurs due to several reasons or one of them. You don’t need to worry, if you come across with this issue, simply grab our assistance and see this problem cleared out within a couple of minutes. You don’t need to take tension about time, just make a call at our toll-free helpline number anytime from anyplace and get resolution for your problems. https://www.hpprintersupportpro.com/hp-printer-not-printing

By Why Is My Printer Not Printing
1 week ago

Technical issues are common in electronic devices and same condition with HP printer. Sometimes user face printer offline, paper jam, ghosting and many other issues with the HP printer.
https://www.hpprintersupportpro.us/

By Paul Anderson
1 week ago

You should have clearly define topics which you want to learn and start collecting study material according to those topics. you can feel stuck and could not find ways to approach your assignments, but, you can always seek for assignment help. https://www.allassignmenthelp.com

By Jacob liam
1 week ago

This post is a pool of information. The readers are quite impressed after reading this impressive post. This impressive post certainly encourages to choose Assignment Help Australia Services. You can email us at cs@Myassignmenthelpau.Com or Phone Number: +61-2-8005-8227. For More Details Visit :- https://www.myassignmenthelpau.com/

By Max Willoe
6 days ago

If you are searching Assignment Help. You can suggest them to use different online sources to develop the reading habit in them. Using different online sources can be beneficial for their assignment help for a long run. Organise each topic in a story form to develop their interest in the class.
https://www.allassignmenthelp.com/reviews

By Adam Thomas
4 days ago

Best and qualified writers at Students Assignment Help are providing assignment writing service to the students. We never miss any of the deadlines. Our professional and expert writers are available online always for help the students. For more info visit https://www.studentsassignmenthelp.com/assignment-writing-help/

By Assignment writing service
2 days ago

Hello! This is my first visit to your blog! This is my first comment here, so I just wanted to give a quick shout out and say I genuinely enjoy reading your articles. Your blog provided us useful information. Check the blog to get arrangement additionally you can call us at our with toll no 1-877-301-0214. Hp Printer Customer Support Contact Number

By henry jon
1 day ago

Students assignment help provide assignment helper in new zealand.Our expert helper serve you best quality content.They have very much knowledge about assignment writing.
https://www.studentsassignmenthelp.com/nz/

By Assignment Helper
23 hours ago

You just need is to keep up the printer with Regular adjust and cleaning the parts for adaptable execution. What's more, for that reason we are serving the best hp printer Support Number clients and constantly accessible When ever clients stall out with a few issues which intrude on their work of prints. Our Support for HP Printer support give the clients standard adjusting offers .for more visit site: https://www.hpcustomerhelpnumber.com/

By henry jon
20 hours ago

Add new comment

You must have Javascript enabled to use this form.
icon
What is Amazee Labs?