Skip to main content

Mobomo webinars-now on demand! | learn more.

argument-open-source

DRUPAL MIGRATION PREPARATION AUDIT

All good things must come to an end. Drupal 7 will soon meet its end. Does your organization have your migration plan to Drupal 9 in order? Here’s what you need to know to keep your Drupal site running and supported. Talk to Our Drupal Migration Experts Now!

OUR APPROUCH TO DRUPAL MIGRATION.

  • Analyze 
  • Inventory
  • Migration
  • Revision
  • SEO

OVERVIEW

Staying up to date with Drupal versions is vital to maintaining performance to your site:

  • Future-proofing
  • Avoiding the end-of-life cut-off
  • Performance
  • Security

GOALS

  1. Catalog existing community contributed modules necessary to the project
  • Do these modules have a corresponding Drupal 8 version?
  • If the answer to the above question is no, is there an alternative?
  • Is there an opportunity to optimize or upgrade the site’s usage of contributed modules?
  1. Catalog existing custom built modules
  • Do these modules rely on community contributed modules that may not have a migration path to Drupal 8?
  • Do these modules contain deprecated function calls?
  • Are there any newer community contributed modules that may replace the functionality of the custom modules?
  1. Review existing content models.
  • How complex is the content currently—field, taxonomy, media?
  • What specific integrations need to be researched so content will have feature parity?
  1. Catalog and examine 3rd party integrations.
  • Is there any kind of e-commerce involved?
  • Do these 3rd party integrations have any Drupal 8 community modules?
  1. Catalog User roles and permissions
  • Do user accounts use any type of SSO?
  • Is there an opportunity to update permissions and clean up roles?

PRE-AUDIT REQUIREMENTS

  • Access to the codebase
  • Access to the database
  • Access to a live environment (optional)
  • Access to integrations in order to evaluate level of effort

DELIVERABLES

Module Report The module report should contain an outline of the existing Drupal 7 modules with the corresponding path to Drupal 8, whether that’s an upgraded version of the existing module or a similar module. This report should also contain a sheet outlining any deprecated function usage for the custom modules that will need to be ported to Drupal 8.

Content Model Report The Content Model report should contain an overview of the existing site’s content types, users, roles, permissions and taxonomic vocabularies with each field given special consideration. Recommendations should be made in the report to improve the model when migrating to Drupal 8.

Integration Report The integration report contains a catalog of the third party integrations currently in use and marks those with an existing contributed module from the community and those that will require custom work to integrate with the Drupal 8 system.

Our Insights on Drupal Our latest thoughts, musings and successes.

Contact us. We'll help you expand your reach.

Categories
Author

argument-open-source

Vienna, VA - July 13th - Mobomo is thrilled to announce its membership into the Digital Services Coalition (DSC). As a digital services agency, we strive to stay at the forefront when it comes to efficient, innovative technology services. This partnership is a perfect fit with our mission, and we are excited to make an impact in the digital world together.

The Digital Services Coalition is redefining how the government does digital. We are honored to join this community to bring innovation and agility to the commercial digital services provided to the government. The digital transformation that the DSC strives to push forward directly aligns with our company vision for the future in the digital services space.

The Coalition is made up of small-sized and mid-tier businesses that perform digital services work and align with DSC values. The pillars that this community is built on are education, advocacy, partnership, and impact. The design and development firms that make up this community strive to educate the civic tech ecosystem on best practices in digital services, promote policies that remove barriers to innovation in government, cultivate enduring relationships with government partners, and make a meaningful difference in the daily lives of users through improved interactions with government.

We, like the DSC, are laser-focused on the long game of changing government through digital transformation and proven innovative solutions.

About Mobomo

Mobomo is a world-class developer of high-performance applications and websites which we carefully craft to fit the needs of government agencies. We work hand-in-hand with our clients to deliver mobile, web, and cloud solutions using advanced DevOps techniques, which we integrate with our proven agile software development methodology.

About DSC 

The Digital Services Coalition is comprised of companies from across the United States that are equally determined to enhance the world of digital services. The DSC is a collection of agile technology and design firms that strive to provide innovative solutions while serving the government.

Contact us. We'll help you expand your reach.

Categories
Author

argument-open-source

When you first sit down to create your Drupal website, you have plenty of decisions to make. What are your first blog posts going to be? What kinds of marketing materials do you need to help your website convert? What is your SEO strategy to boost your SERP position? These are all important, and we highly recommend that you consider each point before you launch your first website.

But those are details. The most significant decision you're going to make is what theme you'll use. Think of your theme as the building block of your website. It's how users are going to perceive your site, interpret your content, and engage with your products or services. You want a beautiful, interactive, intuitive, and easy-to-browse website that pushes customers to think, engage, and consume your rich creatives.

Here's the problem: there are thousands of Drupal themes. When you first look through the avalanche of bright colors, minimal panes, and unique content configurations, it can be dizzying. How do you pick a theme with that certain something that sets you apart? 

Here are some criteria to help you sift through the tsunami of designs on the market.

How Important is Your Drupal Theme, Really?

At some point, you need to pull the trigger. But how soon should you go with your gut instinct? After all, is picking the "perfect" theme really that important? In today's hyper-redundant theme ecosystem, it's easy to think that website design is a secondary factor in your website build process. Many websites today have eerily similar themes, and you may be looking to copy-paste that minimalist, white-space-heavy style that your competitors probably use.

Don't make the mistake of minimizing the importance of the theme. Your competitors may use cookie-cutter themes, but you shouldn't. Here's why:

In other words, your customers are going to judge the efficacy of your brand based on your website's design. Remember the phrase, "first impressions are everything." Well, 94% of first impressions are based on design—you want something stunning. Obviously, design is still a highly personal experience. Some people like quirky and weird, some like minimal and smooth, and others like aggressive and animation heavy. It depends on your end user and who you are as a brand.

So how do you go about picking the right one? After all, there's a lot at stake. Your theme is going to be the first thing customers see when they click on your website. Here are the three core components of website themes you should consider before you make your choice.

1. Your Brand's Identity

We all know that branding is a big deal. 89% of marketers say that branding is their top goal, and branding is the first thing that 89% of investors look at when deciding whether or not to open their wallets. So, when it comes to your design, brand should be front-of-mind. Who is your company? What does it stand for? And, most all, what does it look like?

Your Drupal theme is a powerful branding tool. Every single component of your website is an opportunity for branding. We could get overly complicated diving into website branding, but we'll stick with the simple stuff. Let's talk about color. Seems simple enough, right? Check this out:

Ok! So color is obviously important. But what about all the other "stuff" on your website? Does the position of content boxes, navigation menu, and blog posts really matter? You bet! Consistent brand representation across content boosts bottom-line profits by 33% on average. And 80% of people think content is what drives them to really engage and build loyalty with brands.

In a nutshell, think about branding when you look at themes. 90% of users expect you to have consistent branding across all channels. If you can't find a theme that screams, "you," that's ok! If you can't find one, build one.

2. Performance

The theme you choose will have a direct impact on your website's performance. Unnecessary components, visual clutter, and poor frontend coding can all increase load times and disrupt website accessibility. Obviously, some of your performance capabilities happen on the backend (e.g., caching, DB Query optimization, MySQL settings, etc.) But your theme still has a sizable effect on how your website performs.

Overly large CSS files, redundant coding for modules, blank spaces, and other issues can all increase time-to-load, create visual issues, and create stop-points for your users. To be clear, performance is a significant component in both lead generation and retention:

Always test out themes for performance. The aesthetic qualities of a website are important, but performance is a necessity.

3. UX

We like to call UX the "hidden performance." It's how your users will engage with and consume content throughout your website. The theme you pick will dictate a significant portion of your UX. Before you choose a theme, build out your information architecture strategy, create mockups for UI (or at least find UI examples that you enjoy), and plot out your broad content strategy. Then, choose a theme that compliments your strategy and information architecture.

Here's the most important thing: always evolve your UX. Consider applying agile to your theme building and choosing practices. Even after you select the right theme, constantly make improvements to your UI/UX to breed consistency and customer-centricity. You can purchase a pre-made theme on the Drupal marketplace, but you still need to customize the theme to fit your brand and conform to your UX framework. You don't want to choose a cookie-cutter theme on the marketplace and fail to maximize its value. Not only will your website look nearly identical to thousands of other Drupal sites, but you also won't truly build an experience-driven website. Give your customers home-cooked steak and potatoes—not a microwaved frozen dinner.

Are You Looking for the Perfect Drupal Theme?

If you want a theme that's hyper-branded, built for performance, and created using brand-specific information architecture, you won't find it on a pre-built theme website. You need to create it. At Mobomo, we help public and private entities create breathtaking Drupal themes specifically for their brand and their users. Let's build your brand something amazing.

Contact us to learn more.

Categories
Tags
Author

argument-open-source

Businesses and governments build websites for one reason: to provide value to their users. But what if your website was incapable of reaching millions of your users? 25% of Americans live with disabilities. For some of them, the simple act of navigating websites, digesting information, and understanding your content is difficult. Yet, despite brands increasing spending on web design and digital marketing, less than 10% of websites actually follow accessibility standards. Businesses are spending significant money to capture an audience, yet they're not ensuring that their audience can engage with their website.

It's a problem—a big one.

You don't want to exclude customers. It's bad for business, and it's bad for your brand. Better yet, accessibility features help improve your SEO, reduce your website complexity, and increase your ability to connect with your loyal audience. But accessibility standards aren't always baked into the architecture of websites.

Luckily, there are some content management systems (CMS) that let you create hyper-accessible websites without even trying. Drupal comes equipped with a variety of accessibility features — each of which helps make your website more accessible for your customers.

Understanding the Importance of Website Accessibility

Creating an accessible website may sound vague, but there's already a worldwide standard you can follow. The Web Content Accessibility Guidelines (WCAG) — which is maintained by The World Wide Web Consortium — is the global standard for web accessibility used by companies, governments, and merchants across the world.

Sure! Following the WCAG standard helps you reach a wider audience. But it also keeps you out of legal hot water. Not only has the ADA made it abundantly clear that compliance requires website accessibility. A United States District Court in Florida ruled that WCAG standards are the de facto standards of web accessibility. And there are already cases of businesses getting sued for failing to adhere to them.

The list goes on. Adhering to WCAG web accessibility standards helps protect your brand against litigation. But, more importantly, it opens doors to millions of customers who need accessibility to navigate and engage with your amazing content.

One-third of individuals over the age of 65 have hearing loss. Around 15% of Americans struggle with vision loss. And millions have issues with mobility. The CDC lists six forms of disability:

Web accessibility touches all of those types of disabilities. For those with trouble seeing, screen readers help them comprehend websites. But, screen readers strip away the CSS layer. Your core content has to be accessible for them to be able to comprehend it. Those with mobility issues may need to use keyboard shortcuts to help them navigate your website. Hearing-impaired individuals may require subtitles and captions. Those with cognitive issues may need your website to be built with focusable elements and good contrasting.

There are many disabilities. WCAG creates a unified guideline that helps government entities and businesses build websites that are hyper-accessible to people with a wide range of these disabilities.

Drupal is WCAG-compliant

WCAG is vast. A great starting point is the Accessibility Principles document. But, creating an accessible website doesn't have to be a time-consuming and expensive process. Drupal has an entire team dedicated to ensuring that their platform is WCAG compliant. In fact, Drupal is both WCAG 2.0 compliant and Authoring Tool Accessibility Guidelines (ATAG 2.0) compliant. The latter deals with the tools developers use to build websites. So, Drupal has accessibility compliance on both ends.

What Accessibility Features Does Drupal Have?

Drupal's accessibility compliance comes in two forms:

Drupal's Built-in Compliance Features

Drupal 7+ comes native with semantic markup. To keep things simple, semantic markup helps clarify the context of content. At Mobomo, we employ some of the best designers and website developers on the planet. So, we could make bad HTML markup nearly invisible to the average user with rich CSS and superb visuals. But when people use screen readers or other assistive technology, that CSS goes out-of-the-window. They're looking at the core HTML markup. And if it's not semantic, they may have a difficult time navigating it. With Drupal, markup is automatically semantic — which breeds comprehension for translation engines, search engines, and screen readers.

Drupal's accessibility page also notes some core changes made to increase accessibility. These include things such as color contrasting. WCAG requires that color contrasting be at least 4.5:1 for normal text and 7:1 for enhanced contrast. Drupal complies with those guidelines. Many other changes are on the developer side, such as drag and drop functions and automated navigation buttons.

Of course, Drupal also provides developer handbooks, theming guides, and instructional PDFs for developers. Some of the accessibility is done on the developer's end, so it's important to work with a developer who leverages accessibility during their design process.

Drupal's Support for the Accessibility Community

In addition to following WCAG guidelines, Drupal supports community-driven modules that add additional accessibility support. Here are a few examples of Drupal modules that focus on accessibility:

There are hundreds. The main thing to remember is that Drupal supports both back-end, front-end, and community-driven accessibility. And they've committed to continuously improving their accessibility capabilities over time. Drupal's most recent update — the heavily anticipated Drupal 9 — carries on this tradition. Drupal has even announced that Drupal 10 will continue to expand upon accessibility.

Do You Want to Build an Accessible Website

Drupal is on the cutting-edge of CMS accessibility. But they can't make you accessible alone. You need to build your website from the ground up to comply with accessibility. A good chunk of the responsibility is in the hands of your developer. Are you looking to build a robust, functional, beautiful, and accessible website? 

Contact us. We'll help you expand your reach.

Categories
Tags
Author

argument-open-source

Back in 2013, when I first joined Mobomo, we migrated NASA.gov from a proprietary content management system (CMS) to Amazon Cloud and Drupal 7. It goes without saying, but there was a lot riding on getting it right. The NASA site had to handle high traffic and page views each day, without service interruptions, and the new content management system had to accommodate a high volume of content updates each day. In addition to having no room for compromise on performance and availability, the site also had to have a high level of security. 

Maybe the biggest challenge, though, was laying the groundwork to achieve NASA’s vision for a website with greater usability and enhanced user experiences. If NASA’s audience all fell into the same demographic, that goal probably wouldn’t have seemed so intimidating, but NASA’s audience includes space fans who range from scientists to elementary school kids. 

Our mission was to create a mobile-first site that stayed true to NASA’s brand and spoke to all of the diverse members of its audience. A few years later, we relaunched a user-centric site that directed visitors from a dynamic home page to microsites designed specifically for them.

Making Space Seem Not So Far Away

NASA.gov includes data on its missions, past and present. To make this massive amount of data more user-friendly, we worked with NASA to design a site that’s easily searchable, navigable, and enhanced through audio, video, social media feeds, and calendars. Users can find updates on events via features such as the countdown clock to the International Space Station’s 20th anniversary. NASA.gov users can also easily find what they need if they want to research space technology, stream NASA TV, or explore image galleries. 

The NASA.gov site directs its younger visitors to a STEM engagement microsite where students can find activities appropriate for their grade level. The site also includes the NASA Kids’ Club where students can have some fun while they’re learning about exploration. For example, they can try their hands at virtually driving a rover on Mars, play games, and download activities. 

Older students with space-related aspirations can learn about internship and career opportunities, and teachers can access lesson plans and STEM resources.

How to Make it Happen

To successfully achieve NASA’s goals and manage a project this complex, we had to choose the right approach. Some website projects are tailor-made for a simple development plan that moves from a concept to design, construction, testing, and implementation in a structured, linear way. The NASA.gov project, however, wasn’t one of them.

For this website and the vast majority of the sites we develop, our team follows DevOps methodology. With DevOps, you don’t silo development from operations. Our DevOps culture brings together all stakeholders to collaborate throughout the process to achieve:

Faster Deployment

If we had to build the entire site then take it live, it would have taken much longer for NASA and its users to have a new resource. We built the site in stages, validating at every stage. By developing in iterations, and involving the entire team, we also have the ability to address small issues rather than waiting until they create major ones. It also gives us more agility to address changes and keep everyone informed. This prevents errors that could put the brakes on the entire project.

Optimized Design

NASA.gov has several Webby Awards, and award-winning web design takes a team that works together and collaborates with the organization to define the audience (or audiences), optimize the site’s navigation and usability, and strike a balance between the site’s primary purpose and its appeal. 

Mobile-First

Because NASA.gov users may be accessing the site from a PC, laptop, tablet, smartphone, or other device, it was also pivotal to use mobile-first design. Mobile-first starts by designing for the smallest screens first, and then work your way up to larger screens. This approach forces you to build a strong foundation first, then enhance it as screen sizes increase. It basically allows you to ensure user experiences are optimized for any size device. 

Scalability

NASA.gov wasn’t only a goliath website when we migrated it to Amazon Cloud and Drupal. We knew it would continue to grow. Designing the site with microsites that organize content, help visitors find the content that is most relevant to their interests, and enhance usability and UX informed a plan for future growth. 

Efficient Development Processes

DevOps Methodology breaks down barriers between developers and other stakeholders, automates processes, makes coding and review processes more efficient, and enables continuous testing. Even though we work in iterations, our team maintains a big-picture view of projects, such as addressing integrations, during the development process. 

Planned Post-Production

DevOps also helps us cover all the bases to prepare for launch and to build in management tools for ongoing site maintenance. 

What Your Business Can Learn from NASA

You probably never thought about it, but your business or organization has a lot in common with NASA, at least when it comes to your website. Just like NASA, you need a website that gives you the ability to handle a growing digital audience, reliably and securely. You’re probably also looking for the best CMS for your website, one that’s cost-effective and gives you the features you need.

Your website should also be designed to be usable and to provide the user experiences your audience wants. And, with the number of mobile phone users in the world topping 5 billion, you want to make sure their UX is optimized with mobile-first design. 

NASA’s project is also an illustration of how building your website in stages, getting input from all stakeholders, and validating and testing each step of the way can lead to great results. You also need a plan for launching the site with minimal disruption and tools that will make ongoing management and maintenance easier. 

You probably want to know you are doing everything you can to make your content appealing, engaging, and interactive. You may think NASA has an advantage in that department since NASA’s content is inherently exciting to its audience.

But so is yours. Create a website that showcases it. Not sure where to begin? Click here and we’ll point you in the right direction.

Categories
Author

Mobile devices make up just over half of all e-commerce traffic … but they’re less than half as likely to convert.

Progressive web applications (PWAs) may change this trend. Notably, several e-commerce giants can thank PWAs for double-digit improvements in conversion rates. Trivago saw a 97% increase in clickouts to hotel offers, George.com (part of ASDA Walmart) enjoyed a 31% increase in mobile conversions, and Alibaba saw a 76% increase in conversions after upgrading their site to a PWA — all improvements that would elicit massive cheers in any e-commerce company’s boardroom.

Wondering if your e-commerce store should get in on the action? In this blog you’ll find the answers to questions like:

  • What is a progressive web application?
  • What are the advantages of PWAs over native apps?
  • Where do PWAs fall short, compared to native apps?
  • Which option is best for your e-commerce business?

Let’s dive in!

What Is a Progressive Web App?

A PWA is a web application (or “app”) that looks and performs like a native app, using the latest and most powerful web capabilities.

First, let’s explore the difference between a web app and a native app:

  • Web apps are any computer program that uses a web browser as its client. Web apps are designed to allow the user to perform specific actions; Google Docs and Trello are two well-known examples. In a web app, the navigation and user experience act more like a native application than a website, but unlike a native app, a web app doesn’t need to be downloaded, installed, or updated – it’s accessed via the user’s web browser.
  • Native apps (or mobile apps) are developed solely for mobile devices, and they live and run on those devices. For this reason, they can take advantage of specific device features and resources, such as the GPS and camera function. In addition, many native apps do not require internet access, making them a great option for things like productivity services or gaming.

PWAs provide the best of both worlds, offering the one-size-fits-all ease of a web app alongside a true native app experience, including capabilities such as the option to appear on a device’s home screen or send push notifications.

The developers at Google have coined an acronym — “FIRE” — to sum up a PWA’s ideal attributes: Fast, Integrated, Reliable, and Engaging. The PWA should load instantly, respond quickly to user interactions, integrate smoothly into the mobile experience, and provide an immersive user experience.

The team at Mozilla has identified 8 ideal characteristics of a PWA:

  • Discoverable, so the contents can be found through search engines.
  • Installable, so it's available on the device's home screen.
  • Linkable, so you can share it by simply sending a URL.
  • Network independent, so it works offline or with a poor network connection.
  • Progressive, so it's still usable on a basic level on older browsers, but fully-functional on the latest ones.
  • Re-engageable, so it's able to send notifications whenever there's new content available.
  • Responsive, so it's usable on any device with a screen and a browser — mobile phones, tablets, laptops, TVs, fridges, etc.
  • Safe, so the connection between you and the app is secured against any third parties trying to get access to your sensitive data.

These characteristics have led to some noteworthy performance for e-commerce businesses. Google’s case studies on progressive web apps reveal a 52% average increase in conversions.

Advantages of Progressive Web Apps

Progressive web apps have an edge over native apps in several important categories:

  • Easy development: PWAs are cheaper, faster and easier to develop than native apps. Businesses balking at the cost and time to build and maintain a website, an Android app, and an iOS app may leap at the chance to only have to manage one PWA.
  • Indexable: They have indexable and shareable URLs, and because everything in the PWA is web-based, it’s all discoverable by search engines. Plus, the fast loading times and high engagement rates are catnip to Google’s search algorithm.
  • Engaging: PWAs offer a native app-like experience and is even accessed in the same way as native apps, making it much easier for consumers to browse and buy.
  • Performance: They load and respond instantly, which is a major advantage considering that 53% of online shoppers would leave a website that fails to load within three seconds. Even with poor network conditions, PWAs work reliably.
  • Better adoption rates: Users don’t need to download anything to use PWAs, greatly reducing friction and improving adoption.
  • Automatic updates: Updates for PWAs are done automatically, negating the need for the end-user to update an app.
  • Independent of app stores: You can launch PWAs on your own, without a third-party review from app stores.

Disadvantages of Progressive Web Apps

While PWAs carry a wide range of advantages, they do lack some important features found on native apps, particularly for iOS devices.

  • No iOS push notifications: Push notifications can be a powerful tool in the battle against cart abandonment. PWA push notifications are available only to Android users, which is unfortunate, as iPhone users spend almost three times as much as Android users when visiting an e-commerce site.
  • No easy iOS install: Installing a PWA for iOS users is one of the biggest challenges, according to jmango360.com. There’s no invitation via a web app banner to the app store. So, the user has to manage to navigate to the PWA URL, then manually press the Share icon and then “Add to Home Screen.”
  • Limited data-storage: When iOS users do install a PWA on their home-screen, offline data is stored for just two weeks. After that, the cache is cleared.
  • Limited features: iOS users miss out on not only push notifications, but also important features for some e-commerce store owners rely on, like Siri integration and geo-fencing. Additionally, if your e-commerce store offers advanced technology like augmented reality, only native apps can truly showcase these features.
  • No consumer data: PWAs typically cannot access consumer data such as contacts and social profiles.

Native App Versus Progressive Web App: What’s Your Best Option?

When choosing between a native app and a progressive web app, the best option is the one that fits your business’s unique needs.

If budget allows, it’s hard to beat the sheer performance and user experience of a native app, especially if the lion’s share of your target market uses iOS.

On the other hand, a PWA can offer a lightning-fast and budget-friendly option that can also help a growing e-commerce business improve its search engine rankings.

In either case, e-commerce businesses can no longer afford to rely solely on a website, no matter how well it performs. To improve conversions and reduce friction, companies must offer consumers a convenient and top-of-mind option that makes it as easy and pleasant as possible for them to browse, add to cart, and buy – not just once, but every time.

Can't decide? Get in touch with Mobomo today. We're here to help!

Categories
Author

Design Thinking

“Design for the user.”

It seems like a common sense approach. After all, if your website or your custom app aren’t designed with the end user in mind, will it get used?

Common sense notwithstanding, there’s a large gulf between the idea of designing for the user and the actual implementation of it. Plans go astray, different stakeholders have different ideas about what the user would want, and of course, there are always practical considerations like timeline and budget to consider.

Fortunately, design thinking can help project teams establish clear markers that keep them on track toward a seamless, positive user experience.

What Is Design Thinking?

Design thinking goes beyond the surface-level “design for the user” philosophy. It involves a highly tangible, iterative process that allows teams to move past their own viewpoints and levels of understanding in order to gain deep insight into the user’s needs and identify new strategies and solutions that might not have been immediately evident.

In short, design thinking is a process that gives teams concrete steps to help them get out of their own heads and into the user’s, to ensure the team is meeting the user’s genuine needs.

How Does Design Thinking Work With UX?

Most models of design thinking involve five steps:

  1. Empathize: Understand your user’s pain points and greatest wishes.
  2. Define: Figure out what problem the user is experiencing.
  3. Ideate: Let creativity run wild and break down assumptions or traditions.
  4. Prototype: Build a model that you can test with real users.
  5. Test: Learn what works, what doesn’t, and then adjust.

Let’s explore these in more detail, in the context of UX design:

Empathize

The most successful apps and websites are those that were designed with the user firmly in mind. The folks at Interaction Design Foundation agree, saying that UX tasks “can vary greatly from one organization to the next, but they always demand designers to be the users’ advocate and keep the users’ needs at the center of all design and development efforts.”

But to do that, it’s necessary to understand who the user is and what they want and need. It’s also important to recognize if more than one user persona is in the picture.

Here’s an example: Let’s say we want to create a video app for children ages 6 to 12, with kid-friendly content.

In this situation, there are two main users that we need to understand: the children, and their parents.

  • The children want intuitive (intuitive for them, not us) navigation, an easy way to binge-watch content from specific creators, and a fun way to interact with the creators and other viewers.
  • The parents? They’re concerned about online predators and inappropriate content and want to make sure they have a way to keep an eye on things without having to constantly watch over their child’s shoulder.

These are fairly basic descriptions of user needs – and to really get a good handle on what each end-user wants from the UX, there’s only one foolproof method: talk to them. There is simply no replacement for sitting down with users and getting a first-hand account of what they need, like, hate, fear, enjoy, and find frustrating.

Define

The main challenge in this step is to clearly articulate the problem that needs to be solved, or the need that must be met.

Ideally, near the end of the Define process, there should be a clear answer to the blanks in the statement, “The user needs to _____________ because ________________.”

From there should arise a problem statement for the team to drive towards, such as “Create an easy and accurate way for both users and parents to filter and find video content.”

To get to this point, it’s vital for teams to take the data they gathered during the Empathize stage and process it in an organized, systematic fashion, unpacking the findings and discussing what they mean. A good practice is to keep asking “why,” digging down past surface-level problems and into the deeper, emotion-driven issues. From there, the data can be used to map out a User Journey, breaking down precisely how the user might interact with the app or site and what they’re looking for.

Ideate

In the ideate stage of design thinking, assumptions and constraints are thrown out the window. This can be much harder than it sounds – as we become more experienced, we often fall into certain patterns or draw on our existing knowledge, making it difficult to look at things from a completely different perspective.

In the ideate stage, “stupid” questions are often the key to unlocking new avenues, because those types of questions tend to disrupt long-accepted, “obvious” practices that should have gone challenged long before.

In the context of UX, the Ideate stage is crucial – it is too easy for teams to fall back into best practices or standard ways of designing the user experience. By applying design thinking, a team opens itself up for those “eureka!” moments that are only possible when the mind is open to every possibility, and it’s those moments that lead to groundbreaking design.

Prototype

This is where the rubber meets the road. Once a team has come up with what they think is the best possible way to design the UX for an app or website, they need to test the feasibility of that idea. And they need to test it with real users.

The prototype step can have multiple stages, from initial sketches, to wireframes, to actual working prototypes, all the way to beta versions that are available for a limited number of public downloads. The team may even create multiple prototypes if they’re not certain which idea will fly with users.

Test

Once the prototype is created, the team must learn — from real users — what works, what doesn’t, and then focus on iteration. To make the most of the testing stage, it’s absolutely crucial for the team to have in place mechanisms to gather and assess feedback. The more detailed the feedback is, the better the chances of fine-tuning any little UX issues that could harm the success of the finished product.

During the testing phase, it’s important that the testers not be coached or steered toward a certain type of feedback. Ideally, the team should refrain from telling testers what the purpose of the site or app is, or how it works. If testers can figure it out easily and accurately without any guidance, the UX is definitely on the right track. On the other hand, if the testers are confused about what the app or site is for, or how to use it, then both the messaging and the UX need some work.

The principles of design thinking can be applied to a multitude of challenges, and these principles truly shine when they’re applied toward the UX design of a website or application. By following a proven process that involves, above all, listening to the user, teams can create a finished product that will be enthusiastically embraced, adopted, and used for years.

Contact us now and find out how Mobomo's approach to design can benefit you.

Categories
Author

A chef can make a great meal with a few basic ingredients. But when offered a massive pantry full of options, the result can be a work of art.

The same principle applies when it comes to website CMS software. A basic template-style CMS can result in something that hits the spot. But Drupal’s staggering degree of flexibility and modular options has allowed the developers of some of the world’s most prominent websites to create gorgeous and highly functional sites that inspire, inform, and elevate.

Here are our top 10 picks for Drupal websites that we think have raised the bar:

  • Tesla
  • PGAL
  • The University of Texas at Austin
  • Children’s Hospital of Los Angeles
  • Mint
  • National Baseball Hall of Fame
  • The Australian Government
  • Rethinking Picasso’s Guernica
  • The Emmy Awards
  • NASA

Let’s examine these in more detail:

10. TeslaTesla

A rare day passes by without Tesla making headlines. The brand and its founder, Elon Musk, are renowned for big, audacious ideas that have potential to change the world. The beautiful photography and design make every section look like a high-end editorial page in a magazine, while the simple, intuitive navigation and call-to-action features are clean and unobtrusive. It all combines to create a website that’s aspirational yet attainable.

9. PGALPGAL

PGAL is an international design firm focusing on interiors, architecture, planning, and engineering. Their challenge is to show and tell, so that potential clients are dazzled by the site’s visuals while still being able to find enough solid information to want to take the next step. The site, which uses imagery as the gateway to project stories, is a delightful rabbit-hole that we could spend hours exploring. Make sure to check out their Projects page, as it is an excellent example of how to show off a portfolio in a clean but comprehensive way.

8. The University of Texas at AustinUniversity of Texas at Austin 

University websites can often be an overstuffed nightmare to navigate, but the team behind UT Austin’s website got it right: Their menu navigation is clean, well-organized, and enticing. Add to it a home page that evokes the fresh excitement of starting the post-secondary journey, while peppering in well-organized data that invites the reader to learn more, and you have a website that gets students and their families off to the perfect start.

7. Children’s Hospital of Los AngelesChildren’s Hospital of Los Angeles

160,000 visitors go to CHLA.org every month, making it vital for the site to present clear, accurate, easily navigated information in a way that builds and maintains trust. It’s a tall order, but CHLA.org delivers. The design is clean but far from cold, while the most frequently searched information is put front and center instead of being hidden in the navigation bars, making it easy for frazzled parents to find out what they need to know. The sheer volume of information on the “Patients and Families” page could easily be overwhelming but is organized beautifully and intuitively.

6. Mint

Mint’s value statement: “We help you effortlessly manage your finances in one place.” They offer clean and simple financial management, using a clean and simple sentence to describe what they do. A cluttered or complicated website would completely undermine their brand. Fortunately, Mint.com is anything but cluttered or complicated. The simple and soothing colors and minimalist text are reassuring to visitors who want straightforward information, while the navigation and iconography make navigation a breeze.

5. National Baseball Hall of FameNational Baseball Hall of Fame

For any website to be successful, it has to give the end-users what they’re looking for, and the BHoF delivers. After extensive user research, the site was designed to showcase the incredible stories and artifacts in BHoF’s collection, bringing it all to life for the site’s visitors. Fortunately, it also does so in a way that’s easy to navigate, inviting visitors to spend plenty of time exploring.

4. The Australian GovernmentThe Australian Government

As with universities and colleges, government websites can often be an impenetrable labyrinth to navigate. Australia.gov.au does things differently, living up to their header, “Helping you find government information and services.” The site is incredibly well-organized, with virtually no clutter. And even though it has not one photo to speak of, it still manages to be attractive, through a judicious use of color and minimalistic icons.

3. Rethinking Picasso’s GuernicaRethinking Picasso’s Guernica

The Museo Nacional Centro de Arte Reina Sofía created an ambitious project around one of Picasso's most famous works of art, and the results were groundbreaking: The project has been recognized with a Webby as the best 2018 Cultural Institutions Website. The storytelling and imagery on this site are captivating, while the user experience is smooth and unobtrusive.

2.  The Emmy AwardsThe Emmy Awards

The Emmy Awards are splashy and glamorous on the outside, while requiring meticulous planning and organization behind the scenes. Their website is no different. With a plethora of content, rich color choices, and high-quality images, the site is as immersive an experience as the awards show is. But thoughtful, intuitive navigation, exciting features, and well-curated content demonstrate expertise.

1. NASANASA

NASA.gov is a massive resource on space, astronomy, and the universe, offering detailed information on present and past missions, gorgeous photography, educational resources, and information about the organization in general, to name but a few features. Organizing such a wealth of information in a coherent and clear way shows what is possible with Drupal.

Full disclosure: We’re the team behind NASA.gov, so it’s understandable that we might have a soft spot for this site. However, we’re far from alone in loving the finished product. Our friends at Vardot.com call it “a shining example of Drupal CMS used to present stunning information, and elevate the user’s experience,” and NASA.gov has made the top of more than one “Best Drupal Websites” list.

Want to see the possibilities that Drupal can hold for your organization’s website?
Contact us today!

Categories
Tags
Author

Drupal 9 is scheduled for release on June 3, 2020. And as with any highly anticipated release, questions abound: “What will change from Drupal 8 to Drupal 9?” “What do I need to do to prepare before upgrading?” And top-of-mind is the big question: “What will Drupal 9 be like to work with?”

Read on as we share what you’ll need to know … and what might surprise you.

Anybody who’s upgraded from Drupal 7 to Drupal 8 recalls the giant chasm between the two systems. Almost 200 new features were launched including an entirely new page editor, a new theme engine, a new text editor, and new field types, to name but a few.

This gap doesn’t exist between Drupal 8 and Drupal 9. In fact, on the surface, there IS no difference: Drupal 9 has the same code, functions, and feature set as Drupal 8.9.

So why release it then? As it turns out, there are differences — they’re just not front-and-center on the interface.

Time to Clean House

Throughout its development cycle, Drupal 8 has wound up with a lot of code debt: functions that were created programmatically and used for some time but have been rendered redundant by more efficient functions.

These bits of code clutter up Drupal 8 like your old CDs and DVDs clutter up your bookshelf: There’s nothing wrong with them, but you probably don’t need them anymore now that you have something more efficient.

The result of all this extra code is that programmatically, there might be 10 different ways to do one single thing.

What Drupal has done is marked all of those code items in the backend code base as being “deprecated”. When Drupal 9 comes out, the plan is to remove all the deprecated code on this list, leaving only the latest version of whatever that code’s API is. They’ll also be updating third-party dependencies, such as Symfony and Twig. From Drupal’s site:

Will Drupal 9 Be Better?

Yes, but not without some minor risks.

Jettisoning all this deprecated code will result in a much faster, cleaner, and better-operating version of Drupal. However, if you have legacy programs whose modules use some of that deprecated code, you could find yourself with some broken processes.

How to Prepare for Drupal 9

In general, upgrading to Drupal 9 is not an onerous process – it can literally be done via a single command. What will take more time is monitoring and auditing code bases to ensure that none of your functionality is dependent upon deprecated code.

Fortunately, Drupal is well prepared for this, and has indicated that the Drupal 8 branch of the Upgrade Status module can be used  to identify and report on any deprecated code:

In addition, we anticipate that when downloading or updating modules, Drupal will likely advise whether there are compatibility issues due to bad functions. However, that notification system isn’t currently in place (if it indeed happens at all), so your best bet is to work with your development partner, who can audit your code to identify any trouble spots.

Marie Kondo-ing Your Infrastructure

Drupal 9 will be a much faster and more streamlined platform, but it doesn’t exist in a vacuum. If the rest of your operational architecture is similarly full of code debt and redundant processes, updating Drupal 9 will be akin to sending a Lamborghini down a pothole-rutted road: That powerful engine is wasted if the route is slowing it down.

So, going to Drupal 9 is an excellent opportunity to look at your legacy systems, audit them as well, and make sure your entire infrastructure is clean, fast, and free of roadblocks.

The Bottom Line

In general, upgrading to Drupal 9 should not be a complex or lengthy process. By cleaning out the clutter and performing some common dependencies, Drupal is practicing good development hygiene and providing its customers with a more streamlined system that will be faster … but still familiar.

Want to know more? Contact us today!

 

Categories
Author

Mobomo Top 1000 2019

For the second time in a row, Mobomo has been awarded the Clutch Top 1000 Companies in the world! This award highlights only 1% of the companies on the platform and is the most exclusive award offered by Clutch. Companies are ranked based on the quality and recency of verified client reviews, as well as the companies’ market presence and industry leadership.

With passion and expertise in creating cutting-edge, functional, and successful experiences, Mobomo has become one of the top mobile app development companies in the Washington, D.C. area.

In a recent project reviewed on Clutch, Mobomo received 5 stars for developing a custom web portal and Android and iOS apps.

It has been an honor to receive this recognition as 2019 comes to an end. Mobomo is grateful for the support we have from our amazing clients, who have taken the time to provide detailed reviews on Clutch. We are excited to see what 2020 will bring for our team and clients!

About Clutch
Clutch (clutch.co) is a business to business research firm located in Washington, D.C. They are best known for connecting agencies and software solution companies in order to enhance business goals across businesses. Their ratings and reviews platform publishes the most extensive and referenced client reviews in the B2B services market.

Categories
Author
Subscribe to Web