{"id":7099,"date":"2020-03-30T12:07:37","date_gmt":"2020-03-30T16:07:37","guid":{"rendered":"https:\/\/blogs.mathworks.com\/community\/?p=7099"},"modified":"2020-03-30T12:07:37","modified_gmt":"2020-03-30T16:07:37","slug":"new-decade-new-matlab-mobile","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/community\/2020\/03\/30\/new-decade-new-matlab-mobile\/","title":{"rendered":"New Decade, New MATLAB Mobile"},"content":{"rendered":"

You may have noticed that MATLAB Mobile now sports a different UI. For this post, I\u2019d like to welcome Geeta Sonigra, our User Experience designer to talk about what\u2019s changed. <\/em><\/p>\n

We released a new version of the app in 2020, featuring a UI refresh. The new UI unifies the app\u2019s look and feel across different devices and platforms, is intuitive to use, and is scalable for new features and functionality.<\/p>\n

These are my 5 favorite design elements from the UI refresh.<\/p>\n

1. Three Panel Design on the iPad<\/strong><\/p>\n

The previous UI did not fully utilize the space on the iPad for the most common workflows like open –> create a file –> edit –> view result –> tweak script. Additionally, it also did not take advantage of the real estate afforded by larger devices like the iPad Pro. To resolve this, we came up with a 3-panel design pattern which supports all the core workflows of MATLAB Mobile.<\/p>\n

\"\"<\/a><\/p>\n

2. Flexibility to Adjust Screen Size<\/strong><\/p>\n

It has always felt intuitive to us to have a draggable screen divider to customize screen size between the Editor and the Command screens. You can long press on the divider and drag it left or right to adjust window sizes as per your preference.<\/p>\n

\"\"<\/a><\/p>\n

3. Hamburger Menu<\/strong><\/p>\n

A navigation drawer with a hamburger menu now houses all MATLAB Mobile features. It is generally well-recognizable, is consistent across both iOS and Android, and is scalable as we continue to add more capabilities.<\/p>\n

4. Recent Files in Hamburger Menu<\/strong><\/p>\n

Working between multiple MATLAB scripts is a common workflow. We wanted to provide an easy way for you to navigate between files. Bringing up recent files to the top is a common industry trend and we wanted to bring it to MATLAB Mobile. After some design iterations, the team decided to put the 5 most recent files in the top area of the hamburger menu.<\/p>\n

5. Sensors<\/strong><\/p>\n

We redesigned the sensors UI to better align with your goals and primary workflows. Set up steps are placed at the top, followed by available Sensors and then the Start\/Stop button. The card view of sensors on the iPad follows responsive design standards.<\/p>\n

\"\"<\/a><\/p>\n

Bonus Capability: Multi-tasking<\/strong><\/p>\n

With iPadOS, you can use Split View to troubleshoot\/learn MATLAB while working in the app. This video shows how you can multi-task between MATLAB Mobile and MathWorks documentation:<\/p>\n

\"\"<\/a><\/p>\n

Go ahead\u00a0\u2013 play with the app.\u00a0Download on the App Store<\/a>\u00a0or\u00a0Get it on Google Play<\/a>. And let us know how you are leveraging the new UI in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"

<\/div>\n

You may have noticed that MATLAB Mobile now sports a different UI. For this post, I\u2019d like to welcome Geeta Sonigra, our User Experience designer to talk about what\u2019s changed.
\nWe released a new… read more >><\/a><\/p>\n","protected":false},"author":74,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[54],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/posts\/7099"}],"collection":[{"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/comments?post=7099"}],"version-history":[{"count":6,"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/posts\/7099\/revisions"}],"predecessor-version":[{"id":7127,"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/posts\/7099\/revisions\/7127"}],"wp:attachment":[{"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/media?parent=7099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/categories?post=7099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/community\/wp-json\/wp\/v2\/tags?post=7099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}