The discussion on the tips for designing for the SharePoint 2013 Apps on tablets should essentially begin with the concept of minimal viable product. The idea is to enhance the user experience with Office 365 and Microsoft Office. Enterprises seem to be on the lookout for continuously updating the products to gain a strong competitive advantage and engaging in viable business in Office 365.
With the increase in the number of mobile devices and tablet users, it has become necessary for the SP 2013 apps to stay accessible as well as work effectively on these devices. Here is a list of tips on designing excellent SP apps for the tablets.
Always Go For Responsive Design
Whenever it comes to designing SP 2013 applications for tablets, a responsive design is a prerequisite. Now, for those working on a publishing site or planning to render it with a great look and feel, a responsive web design is must. Now, for those not using a custom master page as a basis for compatibility with other apps, a responsive design might not appear to be that suitable.
Maintain the Minimum Possible Width
Although the base resolutions vary depending on the landscape mode, majority of them have a width of 980 pixels. While the meta tags, JavaScript and CSS allow for control over the zoom behaviors and view port to a significant extent, it is always better to ensure that the columns in the tabular layout look impressive. This would also keep the initial investment to be made by the enterprise pretty low.
Make Efficient Use of CSS
The detailed pages for the varying entities in the form of matters and clients comprise a table at the top along with a set of tabs at the bottom, displaying related data. It is the entity as well as the data that work together in determining the number of columns in the header. On the other hand, for the clients, the columns denoting the phone numbers, address and notes are hidden especially, in cases where there is no data.
Now, these tables pose challenge because of the fact that both the width of the browser as well as the one that is required to display particular data within the table vary. The solution lies in using the base of 980 pixels, which renders a lower bound. Also, with a vertical alignment at the top, padding is explicit while word-break is natural.
Derive Benefits Out of the 'Focus on Content' Button
The 'Focus on Content' button appears at the upper right hand corner of the page. This is quite a beneficial feature and using it optimally can actually lead to an effective designing of SP 2013 applications for tabs.
Not Putting any Options in the Quick Launch Section
The pre-dominant belief is that while using a tablet, focus should always be laid on the content. However, it is better not to put any important option in the 'Quick Launch' section for this section can not be viewed by the tablet users and hence, the app will be of little significance for them.
Avoid Adopting the Minimal Download Strategy
The minimal download strategy is fine for those in any app web. However, this feature calls for some serious compatibility issues in certain browsers. The minimal download strategy can be disabled using the CSOM.
Prefer a Dynamic Sizing of Dialogs
While much of the discussions so far have been done with, height is also a matter of concern when it comes to using a dialog framework. It is always essential to go for dynamic alignment and setting the options depending on the natural height of the page.
With the above-mentioned tips and strategies, one can certainly develop suitable SharePoint 2013 apps for tablets. And while looking for SharePoint services India, make sure you are reaching out to companies who have solid credentials and have proven expertise in application development in SharePoint and have equally strong domain expertise as well.
We provide Sharepoint migration services. If you would like to know more about the expertise of our SharePoint site branding experts, please get in touch with us at Mindfire Solutions.
With the increase in the number of mobile devices and tablet users, it has become necessary for the SP 2013 apps to stay accessible as well as work effectively on these devices. Here is a list of tips on designing excellent SP apps for the tablets.Always Go For Responsive Design
Whenever it comes to designing SP 2013 applications for tablets, a responsive design is a prerequisite. Now, for those working on a publishing site or planning to render it with a great look and feel, a responsive web design is must. Now, for those not using a custom master page as a basis for compatibility with other apps, a responsive design might not appear to be that suitable.
Maintain the Minimum Possible Width
Although the base resolutions vary depending on the landscape mode, majority of them have a width of 980 pixels. While the meta tags, JavaScript and CSS allow for control over the zoom behaviors and view port to a significant extent, it is always better to ensure that the columns in the tabular layout look impressive. This would also keep the initial investment to be made by the enterprise pretty low.
Make Efficient Use of CSS
The detailed pages for the varying entities in the form of matters and clients comprise a table at the top along with a set of tabs at the bottom, displaying related data. It is the entity as well as the data that work together in determining the number of columns in the header. On the other hand, for the clients, the columns denoting the phone numbers, address and notes are hidden especially, in cases where there is no data.
Now, these tables pose challenge because of the fact that both the width of the browser as well as the one that is required to display particular data within the table vary. The solution lies in using the base of 980 pixels, which renders a lower bound. Also, with a vertical alignment at the top, padding is explicit while word-break is natural.
Derive Benefits Out of the 'Focus on Content' Button
The 'Focus on Content' button appears at the upper right hand corner of the page. This is quite a beneficial feature and using it optimally can actually lead to an effective designing of SP 2013 applications for tabs.
Not Putting any Options in the Quick Launch Section
The pre-dominant belief is that while using a tablet, focus should always be laid on the content. However, it is better not to put any important option in the 'Quick Launch' section for this section can not be viewed by the tablet users and hence, the app will be of little significance for them.
Avoid Adopting the Minimal Download Strategy
The minimal download strategy is fine for those in any app web. However, this feature calls for some serious compatibility issues in certain browsers. The minimal download strategy can be disabled using the CSOM.
Prefer a Dynamic Sizing of Dialogs
While much of the discussions so far have been done with, height is also a matter of concern when it comes to using a dialog framework. It is always essential to go for dynamic alignment and setting the options depending on the natural height of the page.
With the above-mentioned tips and strategies, one can certainly develop suitable SharePoint 2013 apps for tablets. And while looking for SharePoint services India, make sure you are reaching out to companies who have solid credentials and have proven expertise in application development in SharePoint and have equally strong domain expertise as well.
We provide Sharepoint migration services. If you would like to know more about the expertise of our SharePoint site branding experts, please get in touch with us at Mindfire Solutions.
No comments:
Post a Comment