PROJECT OVERVIEW:

In response to the open sourced of Apple Swift language, the IBM Mobile Innovation team created the IBM Swift Sandbox. IBM Swift Sandbox, a large scale “Apple-IBM partnership project, is an interactive website that lets you write Swift code and execute it in a server environment on top of Linux for the first time.

 

 

ROLE:

Lead designer (UX/UI)

RESULT:

Developers from 183 countries ran 1.5 mil codes within 6 months since beta launch

combined-shapecombined-shape
macbook-space-grey-dark-group-bitmap-group-8-dark-group-33-group-32-mask-mask-maskmacbook-space-grey-dark-group-bitmap-group-8-dark-group-33-group-32-mask-mask-mask

IBM is the first cloud provider to enable the development of applications in native Swift – a powerful and intuitive programming language – unlocking its full potential in simplifying the development of end-to-end apps on the IBM Cloud.

It’s a key next step in IBM and Apple’s shared journey to help enterprises advance their mobile strategy with innovative app design, analytics, process transformation and integration required for a mobile first experience. As one of the largest users of Swift for mobile app development, IBM has a deep understanding of the advantages of Swift and the knowledge to assist enterprises in maximizing the true potential that server-side Swift will provide

THE INTERFACE

FEATURES & WORKSPACE

group-13group-13

NUMBERS TALK

Within just 6 months since the beta version was launched, developers from 183 countries ran over 1.5 millions code. We work closely with the research team to conduct user testing, user research and are always listening to user feedback and watching our stats.

(DATA FROM JULY 2016 - 30 DAYS)

BOUNCE RATE:  As a rule of thumb, a bounce rate in the range of 26 to 40 percent is excellent. For a new product like Swift Sandbox, a bounce rate of 35% is considered a success.

AVG SESSION DURATION: In the month of January, our average session duration was around 3 mins, with minor design changes and bug fixes we were able to almost tripple (~9mins) user session duration. That was a big surprise to us. 

DEVICE CATEGORY: Based on our data from Google Analytics and users resesarch, we found out that almost 10% of our users actually used Sandbox to run quick sample codes on their phones while they were on the train or over lunch. So we later made it fully responsive for iPad and mobile. 

FULLY RESPONSIVE WEB APP

CODE ON THE GO

We were excited to discover that people were actually trying to use Sandbox on their phones, so we have made the Sandbox completely responsive. The feedback was positive—developers are not only coding on their desktops but also on their phones from wherever they may be.

Now they can conveneintly and quickly run sample codes on the train or over lunch right on their phone.  

CUSTOMIZATION

DARK VS LIGHT UI

We initially desgined the Sandbox to match with IBM developer’s cloud platform site, Bluemix. We deceided to go dark because we believe that most developers prefer to code in a dark UI enviroment. However we realized that some do prefer light UI, especially Swift developers who use Xcode as their main coding platform. So we decided to add a feature where developers can now choose a color theme.

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
[unex_ce_button id="content_wyx9fep1p,column_content_fgqj9d49d" button_text_color="#ffffff" button_font="regular" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="3px" button_bg_color="transparent" button_padding="15px 60px 15px 60px" button_border_width="1" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#bfbfbf" button_text_spacing_hover="5px" button_bg_hover_color="transparent" button_border_hover_color="#bfbfbf" button_link="http://www.semplicelabs.com" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]DOWNLOAD[/ce_button]