Your web app’s user interface (UI) is the first thing that users will see and interact with, so it’s important to make a good impression. A well-designed web app UI design can help you attract and retain users, and even increase conversions. Here are 10 things to consider when designing a high-converting web app UI...
After a good few hours trying to debug a web app in Mobile Safari here at kc web design kent we finally worked out that having private browsing turned on in the Safari settings was causing javascript and local storage to not work. Safari mobile seems to deal with private browsing differently to other browsers and it actually stops any kind of local storage from being set where as Chrome still allows a certain amount of storage to be accessed.
To warn users that they have private browsing on we can do a little check with javascript…
var testKey = 'qeTest', storage = window.sessionStorage;
try {
// Try and catch quota exceeded errors
storage.setItem(testKey, '1');
storage.removeItem(testKey);
} catch (error) {
if (error.code === DOMException.QUOTA_EXCEEDED_ERR && storage.length === 0)
alert('Please make sure you have private browsing turned off in your Safari settings to use this website');
else throw error;
}
This will check whether local storage can be set and if not warn the user that they have private browsing turned on. Hopefully this will help anyone else that comes up against this problem.
Owner and Director at kc web design ltd
With over 20 years of experience in web design and development I've successfully led teams at both global tech companies, including Fujitsu, and my own ventures, such as kc web design ltd and music startup Go To Hear. As the Founder/Director
of kc web design ltd and Founder and CDO of Go To Hear, I have spearheaded the design and development of top-class website designs all over the world.
of kc web design ltd and Founder and CDO of Go To Hear, I have spearheaded the design and development of top-class website designs all over the world.
Latest posts by Paul Ledbrook (see all)
- Music Streaming UI/UX design version 2 - December 4, 2023
- 10 Things to Consider When Designing a High-Converting web app UI design - September 20, 2023
- How to Use Web Design to Improve User Experience - September 6, 2023
