[vc_row gap=”5″][vc_column width=”2\/3″][vc_single_image image=”752″ img_size=”medium”][vc_column_text]At Enrolmy one of our core aims is to make parent’s lives easier by offering an intuitive and simple booking process. A lot research and observation has gone into the booking process to achieve this over the years but we were aware that while our process was pretty successful on desktop, the mobile experience didn’t quite match up. At the beginning of my time at Enrolmy, we launched a new marketplace and a refreshed redesign for the Activity Providers pages. However the booking form retained the old design. With a mobile-first approach we set about improving the experience with mobile as well as refreshing the design.[\/vc_column_text][vc_column_text]<\/p>\n

Problems<\/h3>\n

Drawing on our extensive user research we knew straight away the areas that were causing parents difficulty.<\/p>\n

\n
1. Some booking details pages had a lot of activity information available, requiring a lot of scrolling on mobile to get to the booking form.<\/li>\n
2. There was a recurring casual booking tab. It was styled so the un-selected state looked disabled.  This resulted in parents occasionally missing this and choosing the wrong kind of booking.<\/li>\n
3. The session check boxes were fine on desktop but as tap targets on a phone they were too small and too close together.<\/li>\n
4. The table header with the days of the week on it was very cramped. There was no visual relationship between the day and the session for that day. This made it very difficult to visually track and interact with more than one week of sessions.<\/li>\n
5. A tooltip on the check box, was again fine on a desktop, but on mobile obscured much of the screen. The tap behaviour on iPhone required a double tap to select the session which could easily be missed.<\/li>\n
6. Large verbose alerts were also taking up a lot of precious screen space on mobile.<\/li>\n<\/ol>\n

   [\/vc_column_text][vc_custom_heading text=”Quote from parent” use_theme_fonts=”yes” css=”.vc_custom_1533367091772{padding-bottom: 20px !important;}”][vc_column_text css=”.vc_custom_1533367326265{margin-top: -35px !important;margin-bottom: 30px !important;}”]<\/p>

   “I want a casual booking. But it is greyed out, which leads me to believe this is not an option. The text is also telling me that I need to select recurring sessions. I am now wondering if this new club does not allow casual. But no, I know it does and I am onto this now and I know that it is just a badly chosen colour and it would have been more helpful if some text was above the options, saying ‘select the tab you need’.”<\/i><\/div>[\/vc_column_text][vc_column_text]\n

   Changes<\/h3>\n

   If you experience symptoms of nausea, discount levitra no rx<\/a> dizziness, chest pain and overall physical discomfort.It is important whether you are suffering from erectile dysfunction, viral infection or depression, you can find a generic medicine for your disease on reputed Australian pharmacies online. The decrease in pain from the reduction of pfizer viagra without prescription<\/a> swelling and edema. Couples djpaulkom.tv<\/a> viagra prescription who are using these pills for the treatment of erectile dysfunction. Chiropractic care for canines is a win-win situation the sense that you do not need to have the prescription done by a physician. http:\/\/djpaulkom.tv\/?s=from+A+Person+of+Interest+&submit_x=11&submit_y=6&paged=2<\/a> super active cialis <\/span><\/p>\n

   \n
   1. We introduced expandable and contractible (accordion) sections to allow the user to compact information.<\/li>\n
   2. We introduced a button to take people directly to the booking form section of the page.<\/li>\n
   3. We restyled the recurring or casual booking tab so it was much more obvious that both states were selectable. We also added a tick icon as feedback to make it more obvious which state was selected.<\/li>\n
   4. We made the tap targets slightly larger and added a shaded vertical column to help users track the right session selection.<\/li>\n
   5. We reduced the amount of repeated information in the tooltips so they were more compact and didn’t hide so much of the valuable real estate on the mobile view.<\/li>\n
   6. We refined the language on our buttons so they more accurately informed the user what to expect next. Now that the text on the button was more informative we were also able to remove a large alert box, with essentially the same information, again saving some space on mobile.<\/li>\n<\/ol>\n

      [\/vc_column_text][vc_cta h2=”Improve your website today” h2_use_theme_fonts=”yes” h4=”Don’t know where to start? Easy! ” h4_use_theme_fonts=”yes” shape=”square” use_custom_fonts_h2=”true” use_custom_fonts_h4=”true”]Hit the “Contact Us Now!” button and take the first step.<\/p>\nContact Us Now<\/a>[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_custom_heading text=”The original booking form” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_single_image image=”810″ img_size=”large” add_caption=”yes”][vc_single_image image=”811″ img_size=”large” add_caption=”yes”][vc_custom_heading text=”The improved booking form” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_single_image image=”813″ img_size=”large” add_caption=”yes”][vc_separator][vc_row_inner equal_height=”yes” css=”.vc_custom_1532179472667{margin-top: -60px !important;}”][vc_column_inner width=”1\/4″][vc_icon icon_fontawesome=”fa fa-link” color=”custom” background_style=”rounded” size=”sm” custom_color=”#622d65″ link=”url:https%3A%2F%2Fnz.coop%2F|title:Website|target:%20_blank|” css=”.vc_custom_1532179404586{margin-top: 25px !important;}”][\/vc_column_inner][vc_column_inner width=”3\/4″][vc_column_text]\n

      Visit the website<\/a><\/h4>\n

      [\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_separator][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]