Smashing Magazine

OCTOBER 24, 2023

Writing a hand-spun analytics tracking dashboard isn’t what my clients really want to pay me for, so I’ll drop in the ol’ Google Analytics script and maybe never think of it again. A measly front-end designer like me can be blissfully ignorant of all this mumbo-jumbo. There are self-hosted alternatives to Google Analytics, after all.

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

MARCH 19, 2021

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. Designing The Perfect Navigation. UX, Design.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

MARCH 7, 2022

That’s not to say the extraneous content is pointless — enhanced design and user interfaces can have an important impact on the brand of a website, and delightful little extras can really impact your users’ relationship with your site. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used?

Website 103

Website Media Mobile Network 103

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. It was only in 2020, though, that Google shared its concept of Core Web Vitals and how it impacts SEO efforts. Bookaway site search.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Let’s figure it all out. Get the eBook.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

NOVEMBER 8, 2021

At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. Enabling dynamic commerce requires close integration between server and client, an optimized streaming and data fetch strategy, and a production platform that operates at scale. More after jump!

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Designed by Espen Brunborg and Nadia Snopek.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

SEPTEMBER 20, 2021

If you are just starting out wondering if someone might be re-publishing your web content, the easiest thing to do is a Google search. Copy a ten or twelve-word sentence from a page of interest on your site into the Google search bar, put it inside double-quotes, and click on Search. How To Track Suspicious Activity. More after jump!

Website 89

Website Analytics Google Cache 89

Smashing Magazine

MARCH 2, 2021

While many of us, designers and developers, are likely to have a relatively new mobile phone in our pockets, a vast majority of our customers isn’t quite like us. For a while, Flipkart adopted an app-only strategy and temporarily shut down its mobile website altogether. Testing the Smashing Magazine website on different devices.

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

JUNE 1, 2022

You’ve spent months putting together a great website design, crowd-pleasing content, and a business plan to bring it all together. You’ve focused on making the web design responsive to ensure that the widest audience of visitors can access your content. You’ve agonized over design patterns and usability. Ken Harker.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 11, 2021

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. Establish a performance culture.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

AUGUST 30, 2018

It should be useful if you are new to product design, UX, interaction or digital design, or if you have experience in these fields but have not performed a competitive analysis before. Competitive Analysis, Service Design Cycle, Five-Stages Design Process. The five-stages design process. Large preview ).

Google 59

Google Design Strategy Website 59

Smashing Magazine

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Before those studies, web pages were designed as printed media, with columns and big blocks of text. Eye-Tracking Evolution. Source: Oculid) ( Large preview ).

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

JANUARY 6, 2020

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. thanks, Guy Podjarny! ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. At first glance, it seems like a simple task, but in the background, browsers do a tedious job of calculating the size of these images in different scenarios: For images that are resized in responsive design. The change of design. Large preview ).

Media 105

Media Cache Website Mobile 105

Smashing Magazine

OCTOBER 22, 2019

Plus, now that Google has made mobile-first indexing the default, you really can’t afford to let any performance optimizations fall by the wayside what with how difficult it can be to get your mobile site as speedy as your desktop. The Necessity Of An Image Optimization Strategy For Mobile. Here is what this strategy should entail: 1.

Mobile 62

Mobile Media Website Storage 62

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. A big JavaScript bundle might seem out of place on a magazine that merely publishes articles, but actually, there is plenty of scripting happening behind the scenes. Image source: Lighthouse Metrics ) ( Large preview ).

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JANUARY 7, 2019

Performance isn’t just a technical concern: it matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term. when web fonts aren’t loaded yet).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Hence, they can’t be promoted separately or found by users who’ve input a search query in Google.

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

JULY 29, 2019

I hope to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. Google Homepage — DOM. This isn’t useless JavaScript; Google has to have some in order to display suggestions as you type. Google Dev Docs. Large preview ).

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JUNE 25, 2020

Instead, like the other articles in the Django Highlights series (see below), it’s intended as a guide for front-end developers and designers to understand other parts of the process of creating a web application. These strategies often involve spinning up and down numerous servers and using tools like load balancers and managed databases.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

DECEMBER 22, 2021

You’ll find psychology heuristics just like tips for building a winning UX strategy , dive deep into user research and UX writing , and explore real-world examples — good and bad — from which you can learn to create experiences that truly matter. The right tools at the right time, help streamline the design process.

Airlines 128

Airlines Mobile Design Strategy 128

Smashing Magazine

AUGUST 9, 2021

Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Design for Safety from A Book Apart. Drew McLellan.

Design 98

Design Education Network Google 98

Smashing Magazine

NOVEMBER 22, 2021

A website’s performance can make or break its success, yet in August 2020, despite many improvements we had previously made, such as implementing Server-Side Rendering (SSR), the ratio of Wix websites with good Google Core Web Vitals (CWV) scores was only 4%. Source: HTTP Archive's Core Web Vitals Technology Report. Large preview ).

Website 126

Website Performance Google Media 126

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. But for me, I don’t have design sense. A little bit, but I’m not a designer by any means. Drew: It’s an off the shelf design system that you can drop in to build the UI for your project.

Website 62

Website Design Open Source Software 62

Smashing Magazine

AUGUST 30, 2021

In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. In this article, we’re going to cover CSS optimization strategies that can optimize CSS file size, loading times, and render performance. On design systems, CSS/JS and UX.

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

JULY 9, 2021

The case for accessibility is this; we as stakeholders, managers, teams, designers and developers need to do better in not only practicing accessibility but advocating for it as well. without the need for special adaptation or specialized design.”. without the need for special adaptation or specialized design.”.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

AUGUST 19, 2021

Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. As UX practitioners, we know empathy is an important part of the design process. Interaction Design Foundation. Here are some great examples to get you started: American Psychological Association.

Code 137

Code Design Education Government 137

Smashing Magazine

JULY 23, 2021

You will need a way of reaching the specific kind of client you would like to work with, and that needs a strategy that word of mouth cannot supply. Unfortunately, it is just as easy to get that strategy wrong, and doing so can prove a waste of time and money. The Problem With Traditional Approaches. More after jump!

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

OCTOBER 19, 2021

Bridging The Gap Between Designers And Developers written by Matthew Talebi. Tips And Tricks For Evaluating UX/UI Designers written by Nataliya Sambir. But the other thing is to be able to take operational concerns into account during your design development and implementation of any technology. Not everyone is Google.

DevOps 83

DevOps Metrics Systems Design 83

Smashing Magazine

JULY 20, 2021

Rethink Your Content Strategy For A Headless CMS ”. “ Constantly improving the user experience (UX) and design (UI) for you, so that content creators and developers feel comfortable creating new fields, components or pages. It’s an architecture designed to make the web faster, more secure and easier to scale.

Website 141

Website Architecture Technology Technology 141