You want to build a mobile website or PWA that converts visitors into leads or customers. But with Google and consumers alike becoming ever more demanding when it comes to loading speeds, what more can you do? ImageKit, a digital image optimization service, might have the all-in-one hands-off solution you need. Today, Suzanne Scacca will focus on how you can still design with as many images as you want without slowing down your website.
Read more…
PWAs are supposed to provide visitors with a better experience than a mobile website. But just because PWAs will use sticky navigation the way that native apps do, that doesn’t make them as easy to get around. If you’re worried that your PWA is going to be difficult to navigate without some guidance, put breadcrumbs to work. You can use them to improve navigation, readability, conversions, and more. Today, Suzanne Scacca is going to look at how to design breadcrumbs for PWAs and some interesting use cases where they come in handy.
Read more…
Phones are getting bigger, and some parts of the screen are easier to interact with than others. Having the hamburger menu at the top provides too big of an interaction cost, and we have a large number of amazing mobile app designs that utilize the bottom part of the screen. We need to adjust how we build and design our websites. Is there something to learn from app design and tap bars? Can we fix the mobile navigation of our websites to have a lower interaction cost? In this article, Arturas Leonovas will find out.
Read more…
React developers can get the advantages of Ionic to build hybrid mobile apps and progressive web apps. In this tutorial, Ahmed Bouchefra will use both Ionic and React to build a simple mobile application that fetches and displays news data from a third-party API using the Axios client. You will also see how to use hooks in React — namely, the useState() and useEffect() hooks — to create state and perform side effects inside React function components. With Ionic, we’ll see how easy it is to generate a project based on React and how you can theme the application using the color attributes of components.
Read more…
Customers’ loyalty does not come for free. While it would be nice if they were satisfied with a high-quality product with some extra bells-and-whistles thrown in, sometimes what’s needed to seal the deal is a rewards system. But when a client asks you to design the mechanism for their loyalty program, how do you decide which format it should take? In this article, Suzanne Scacca shows you what you need to know about designing mobile loyalty programs.
Read more…
Apps are no small undertaking. Nor are they cheap to build and maintain. So, before you move ahead with creating a new mobile app or SaaS for your client, perhaps you should consider launching a minimum viable product (MVP) instead. With an MVP, you have a low-risk and lower cost way of testing your concept on the market. What’s not to love about that? In this article, Suzanne Scacca will show you what you need to know.
Read more…
Social media communication is unlike any other. It’s abbreviated. It’s personal. And it’s driven by visuals. Doesn’t that sound a lot like what a mobile website or PWA would benefit from? As you look for ways to improve engagement rates with your designs, consider weaving some social media-inspired elements into them. In this article, Suzanne Scacca talks about drawing inspiration from the abbreviated way in which we talk to others there. After all, mobile websites, PWAs, and native apps give us very little space to tell a story and engage an audience with it. Adopting a social media-inspired design would be helpful in quickly getting our message across on mobile screens.
Read more…
Web developers know what they’re doing in terms of optimizing a website for page speed, but is it enough in Google’s eyes? When it comes to mobile loading speeds, your website can always be faster. And if you’ve implemented all of the caching, minification and other optimizations you possibly can, it’s time for the web designer to step in and get creative. As a writer, Suzanne Scacca takes care of the on-page optimizations while the developer she hands content over to does the technical SEO stuff. Web designers and developers can easily tackle the parts of speed optimization that are in each of their wheelhouses.
Read more…
Email is a great tool for, first, acquiring leads from a website and, later, converting and retaining them. But just as you now approach web design with a mobile-first mentality, the same switch should occur as you design email marketing campaigns for your clients. If users are more likely to open email on mobile and we know that opened emails convert at a higher rate than those that go unopened, wouldn’t it make sense for designers to prioritize the mobile experience when designing emails? In this article, Suzanne Scacca brings you some facts and tips you need to know for designing mobile-first emails.
Read more…
Have you noticed that contact forms are disappearing? Have you also noticed that many websites are replacing their forms with chatbots? Whether you put a chatbot on your website or direct visitors to one hosted on Facebook Messenger, is that a better solution for capturing leads and other contact information than with a traditional form? In this article, Suzanne Scacca will explore what is happening to forms on the mobile web and why chatbots may or may not be a suitable replacement for them.
Read more…
