Articles

Many people believe that UX design is all about creating slick, engaging images and top-notch user flows. While those things have their merits, UX designers do much more than that.

UX writing is an essential skill in developing an app or solving a UX problem for a client. UX writing is when we craft UI text to communicate with a product/service user. UX writing includes valuable text like instructions, buttons, menus, just-in-time warnings, etc.

This article will analyze what you need to look out for even before you start writing. After that, we will explore ten crucial tips for UX writing that every UX designer should know.

Practical Tips and Tricks to Improve Your UX Writing

As with UX design in general, UX writing is about achieving a goal. Think of a wireframe you have created: The first thing you do when designing is to identify the real problem and set out to find the right solution. The same goes for UX writing.

Accordingly, before you start writing, make sure that you:

  • Have identified the UX problem;
  • Understand the goals of the client’s digital product;
  • Are familiar with the target audience;
  • Know the style and tone of voice you should use.

Once you are familiar with all of the above, you are ready to start writing. Let us explore all the tips and tricks you can follow to improve your UX writing.

1. Be Concise

This is one of the most important tips concerning UX writing. UX designers should always seek the shortest path from point A to point B. This is not only true for UX writing.

So conciseness is all about shortening your sentences and writing only what is necessary. This way, you’ll achieve a better user experience. Remember that most people tend to quickly scan instead of actually reading.

2. Be Clear and Helpful

If you are concise, the text you write will be clear and valuable. Since our goal is a compelling user experience, you should avoid being wordy. Our text needs to be helpful to the reader. What does a user need to know about the product or service?

All you need to do is anticipate what users need and what they are concerned about. Then, by analyzing your target audience, you can easily remove unnecessary text and make your UX text clear and useful.

3. Be Positive

You want the user to have a positive feeling when they first engage with your digital product. Well, for the target audience to be positive, your writing needs to be positive as well. To achieve that, you should avoid negative statements.

Of course, this is not a rule that you must always follow. For example, using “don’t” is not always bad because you can use it for emphasis. Nevertheless, try to avoid such words when describing your product or service.

4. Be Consistent 

Consistency has everything to do with sticking to the guidelines you (or a client) set at the beginning of the UX project. Your UX text must always match the style and tone you have chosen.

Try to pay attention to details. For example, when it comes to numbers, you can write 2,000 follows, 2.000 follows, and 2000 follows. It does not matter which you choose, as long as you remain consistent throughout the project.

5. Use Active Voice

Although it is not always wrong to write in the passive voice, the active voice is generally more helpful for UX writing. Your text will be more precise, tailored to your audience, and more potent with the active voice. And when your written text is clear and powerful, it is also more engaging.

6. Don’t Get Wordy

In most cases, when you are done writing, you believe that your text is clear and valuable. And that’s reasonable. However, it is wise to reread your text and delete all the filler words.

Adjectives and adverbs are usually unnecessary, and you can remove them from your UX text.

7. Choose Strong Verbs

But if you have no adjectives and adverbs, how can you emphasize and strengthen your text? All you need to do is use the correct persuasive verb. Strong verbs help you formulate compelling CTAs without being wordy.

8. Use “You” Words

Now that we have mentioned CTAs, there is nothing more convincing than the word “you.” Words and phrases like “you,” “you will,” “you are,” “you have,” “your,” “yours,” etc., are the best way to connect with your target audience and let them be the leading character on your UX Journey Map.

9. Avoid Articles and Exclamation Points

Although it may sound bizarre, the use of articles is not necessary for people to understand what you are saying. The same goes for exclamation points. Of course, you can use exclamation points for emphasis, but not always. Save them for the most exciting aspects of your project.

10. Don’t Use UX Writing to Point Out UI

This is a widespread mistake made by us UX designers. If you have to point out an interface element of your design with text, there is probably something wrong with the design.

Remember, UX text is not about explaining your user interface; it’s about providing valuable and transparent information about your digital product.

Wrap Up

You should keep in mind that the above tips are only guidelines and not strict rules. For example, there are occasions when the passive voice or an exclamation point should be used in UX writing. In any case, you will be one step closer to your goal if you make sure that your UX text is concise, clear, valuable, and consistent.

 

Featured image via Unsplash.

Source

The post 10 Tips for Effective UX Writing first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

It’s finally here, the end of season 1 of the podcast is upon us! To celebrate, Santa is bringing something special – entrepreneurship advice for all the would-be founders of the world, ages 1 to 92.

Brian Singer, co-founder & CPO of Nobl9, sits down with Dev Interrupted to help us close out season 1 with a conversation on what it takes to found your own company. Having founded a pair of companies, one of which he sold to Google, Brian has a deep understanding of what it takes to successfully found and scale a startup. More than that, he knows what VCs are looking for. 

Source de l’article sur DZONE

From intrusion detection to threat analysis to endpoint security, the effectiveness of cybersecurity efforts often boils down to how much data can be processed in real-time with the most advanced algorithms and models.

Many factors are obviously involved in stopping cybersecurity threats effectively. However, the databases responsible for processing the billions or trillions of events per day (from millions of endpoints) play a particularly crucial role. High throughput and low latency directly correlate with better insights as well as more threats discovered and mitigated in near real-time. Cybersecurity data-intensive systems are incredibly complex: many span 4+ data centers with database clusters exceeding 1000 nodes and petabytes of heterogeneous data under active management.

Source de l’article sur DZONE

Maps are a fascinating method for delivering content. At their best, they can create an intuitive way of presenting information and interacting with it. This is the advantage that digital maps, through mobile apps and websites, have over print maps and images where no interactivity is possible.

But it’s important to understand that more data ≠ better experiences. We all now have so much data available to us through multiple services that, arguably, the greatest challenge isn’t sourcing information but filtering it out. We can only handle so much information input before we become overloaded. This issue risks being omnipresent with maps. There are so many potential points of interest on a map that it’s essential to be clear about what needs to be exposed to users.

Also, UX design, map design, and user interface are all critical. While maps can be a powerful way of drawing people in, if end-users feel that you didn’t even consider the visual design, they’ll ‘bounce off’ your site or app in moments.

Common Use Cases

When are maps useful, and what problems do they solve? Let’s dive right into the most common use cases for maps used in web design.

Navigation and Direction

Like Google Maps shows, navigation and direction are arguably the classic case study for interactive maps. You are in one place and need to get to another. You can enter your destination, your current location, and the map will present suggestions for getting there. You can select the method of travel and adjust desired departure or arrival times. But you need to understand first what functionality your users need. How these options are exposed to users is a critical piece of UX design.

Also, if users are searching for options such as somewhere to eat, it’s not so straightforward. Then, how your map handles panning in real-time as users swipe around a city is going to be a big issue.

Showing Relationships and Trends Geographically

This is something that you’ll see in every election in any western country. We’re all used to seeing maps that give us a state-of-play for which state or seat is held by which party. Then, we might see projections based on voter intentions and projected voting swings deriving from that. Then, exit poll data can be projected with the map updated on an ongoing basis until the final result is confirmed.

The capability to do this is essential because if a static map were used, it’d be out of date any time a new poll was released. Also, voting intentions can change over a campaign, so such maps need to be dynamic. Of course, such maps are only as accurate as the available data, as the US 2016 election map showed.

Show Points of Interest

As mentioned previously, there’s a lot of data that can be exposed to map users. However, that doesn’t automatically mean that it should be. Usability is key. For example, when you look at a map, you’ll typically first see key points of interest. Which points of interest are going to be presented to you can vary.

One variant is zoom level. If your map is currently showing an entire city, the level of detail the map presents is deliberately limited. You’ll see districts, large roads, or geographic features such as rivers. If more detailed information were presented, users on mobile devices, in particular, would be overwhelmed. Even at this level, you’ll notice typography differences. These can include the city name being in bold or the names of different areas in capital letters. So the level of detail is coupled with the scale of the map. Zooming in a few notches will expose significant points of interest, such as museums. Zooming in to specific districts will reveal restaurants, coffee shops, and universities. This visual hierarchy is a critical way of managing the exposed level of information.

But information is still being abstracted away. It’s not until you tap on the museum that you’ll see information on opening hours and busy times. This is also typically presented with user photos and reviews. Context is also taken into account, so you’ll start to see local hotels and restaurants. So it’s not just individual points of interest that are important, but the connections between them.

6 Tips For Improving Interactive Maps

What are the challenges of creating effective maps, and how do people address the data overload problem? We’ll answer this question and go over the must-know aspects of map creation.

1. Ensure Security and Brand Trust

GDPR or General Data Protection Regulation. This is a critically important European law that extends a wide range of legal protection to European citizens regarding personal data. It’s not possible here to cover the full extent of the law, but here are some quick key points:

  • Consent is required for the processing of personal data; it cannot be assumed
  • You need to have a retention policy for information that’s capable of identifying people

Be aware that the latter doesn’t just cover commercial purposes. Research students have to submit GDPR forms that address what kind of data they’re sourcing and how they’ll be retaining it.

But the most crucial context is commercial. If a business suffers a data breach, it can be fined up to 20 million euros or 4% of annual worldwide turnover in the preceding financial year, whichever is greater. Therefore, any business storing data that could identify their customers will need to assess risk and compliance. Remember: it’s 4% of worldwide turnover, not EU turnover.

Also, anything of your business that you expose to your customers or users is an extension of your brand. Therefore, you need to assess your maps for brand compliance too. If you have primary brand colors and your map doesn’t abide by them, that’s a very poor look. Source the color hex codes directly from your brand team and involve them in design.

2. Use the Appropriate Type of Map

It’s also important to consider what type of map is most appropriate for your use case. Think carefully about what your users need, what you’re trying to communicate, what information you need to present, and how best to present it.

For example, points of interest style maps in a tourist app will be way more helpful than heat maps: people want to know where something is, key data like opening hours, and how to get there. A heat map showing the number of visitors to each attraction or area of a city is unlikely to be useful to tourists. However, it could be useful to the attractions themselves to map their visitors by heat map over time. This could help larger museums chart which exhibits are most popular.

Transport for London is charting passenger movement on the London Underground by detecting when a device with Wi-Fi comes into range and then passes out of range. They’re using this to understand overall user journeys and movements within individual stations to better manage disruptions.

3. Avoid Pop-Ups

It should go without saying by now that auto pop-ups are despised. It doesn’t matter what they’re doing or what they’re offering; an unwanted pop-up can only get in the way. The level of impact is even greater on a phone where pop-ups take up even more screen space.

Given this, many users close them without even reading them. So if you’re using pop-ups, don’t kid yourself. You’re likely just irritating users and increasing the likelihood that they’ll ‘bounce off’ or uninstall.

4. Avoid Auto-Geolocation

Auto-geolocation sounds incredibly convenient but can result in some real problems. For example, if there are any bugs with auto-geolocation, you could get false results. If someone connects through public building Wi-Fi, you could get false results. If they’re connecting through a VPN then, unless you get the user’s IP address and check if it’s the exit portal of a VPN, you could get false results.

The problem is most significant with mobile maps. If a map user is looking at a points of interest map, they likely have a specific and immediate use. This means it’s in their best to get the most accurate results possible. So why not just ask them?

Precision and Accuracy

These terms have specific meanings in geolocation. ‘Precision’ is the exactness of the data. ‘Accuracy’ is how closely the information on a map matches the real world. So you want precision and accuracy to be spot on, or data risks losing value. This applies not just to the gathering of data but to the representation of it. For example, if you have street-level data but your maps don’t present individual streets, then any representation of data on that map is likely to have poor accuracy. That map might succeed in abstracting irrelevant information but presenting an imprecise and inaccurate view.

5. Avoid Map Legends as Much as Possible

In many cases, primarily points-of-interest maps, they’re just not needed anymore. An essential part of user experience design isn’t just visual hierarchy but information hierarchy. You can mouse over on a desktop or laptop to get the essentials of a location, e.g., the museum’s name and its opening hours. On a mobile device, you can tap on that location to get the essentials, and you can tap on another location to move on; you don’t even have to press back. Given that, a legend would get in the way. So this simple piece of information design solves information overload issues.

As with all rules, there are exceptions. A good one is a heat map where a density of what’s being measured needs to be communicated. It doesn’t matter what the data is; it just needs to be something where mapping provides greater insight, especially if it informs decision-making. Sales is an excellent example for a national or multinational company. Of course, weather forecasting can make use of literal heat maps.

6. Accessibility Compliance

Not everyone has perfect eyesight. Even if someone has excellent vision, they could still be colorblind (8% of men and 0.5% of women are). Given that, take the W3C’s accessibility standards into account and treat them as a baseline or minimum barrier to entry for compliance. You shouldn’t feel good about the possibility of excluding 8% of your potential audience or customers. Ensure you keep your UX designers involved and don’t shy away from creating senior-friendly web designs.

Put simply: imagine if you could appeal to a new demographic that’s not catered to. If your competitors ignore them, you could give them a real reason to choose you instead by taking some straightforward steps. If your competitors are catering to them, you also need to. If you don’t, you’re just giving potential customers a big reason to ignore you.

Conclusions

The key takeaway is that there’s far more to creating good maps than just good cartography. That can be critical, too, though this may vary depending on the use case.

This will be a team effort because your map will involve data sets, design decisions, and, yes, cartography. You’re going to need to involve brand and IT too. So think about design principles and development methodologies.

First and foremost, what are your users’ needs? If you haven’t done any user research or taken the time to understand the customer journey, are you adding anything or getting in the way? It’s easy to see the department that requested the map as stakeholders, but you should probably view your users as stakeholders too.

This sounds complex, but as you hopefully now appreciate, a map is probably more complicated than you thought.

 

Featured image via Pexels.

Source

The post The UX of Maps in Web Design first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Modern data-driven applications are based on various data sources and complex data stacks that require well-designed frameworks to deliver operational efficiency and business insights. Data pipelines allow organizations to automate information extraction from distributed sources while consolidating data into high-performance storage for centralized access. In this Refcard, we delve into the fundamentals of a data pipeline and the problems it solves for modern enterprises, along with its benefits and challenges.
Source de l’article sur DZONE

AngularJS is one of the most trusted frontend frameworks by enterprises. The frontend framework has multiple features that work the best for developers. In this section, we will learn about the use of expressions in AngularJS.

Definition:

Expressions in AngularJS are used to bind data with HTML. The AngularJS expressions are code snippets like that in JavaScript, which are usually placed in the interpolation bindings. However, you can directly make use of expressions in directive attributes.

Source de l’article sur DZONE

With a new year here, it’s time to try out some new fonts.

Whether you’re designing a brand new website or redesigning an existing one, the following list of fonts has you covered. In addition to the dependable serifs and sans serifs we use to create attractive and readable content, this roundup also has some fun additions, including one you can use for websites advertising Valentine’s Day deals next month.

Antona

Antona is a geometric sans serif font family with 16 different styles. The solid structures and ample white space within the characters give off a safe and friendly vibe.

Aromanis

Aromanis is a small font family with just two variations: Regular and Shadow. This new font supports nearly 70 languages and has an extensive Latin character set with localized forms. This font works best in branding for youthful companies with a playful vibe — from logos to posters and everything in between.

Black Coopy

Black Coopy is an edgy display typeface that would work well for sporty brands. In addition to the standard alpha, numeric, and punctuation sets, the font also comes with a variety of “swash” characters that can be used to frame your bold headlines.

Cimory Love

Don’t wait until February to start thinking about how to infuse a little romance into your designs. Cimory Love is a script font that comes in two styles: Regular and Italic. In addition to using it to promote Valentine’s Day sales, this could also be a cute font to use on websites for small gift shops, bakeries, and so on.

Cotford

Cotford is a contemporary serif font with a ton of flexibility built into it. It comes with eight variations — three text and five display weights. Designers can use one of the many pre-designed styles or they can modify this dynamic font set to make it suit their specific needs.

Digno

Digno is a beautiful, informal serif font that’s easy on the eyes. The font family comes with 14 weights covering a wide spectrum — lights, mediums, heavies, and even a couple of “Book” weights are thrown in if you want to add some personality to those text-dense pages of yours.

Dogly Comika

Dogly Comika is a rounded display font with two styles: Regular and outline. While it’s promoted as a font for animals and pets, you could use it for any type of website hero image, mobile app splash screen, video game, or social media graphic for brands with a fun vibe.

Guzzo

Guzzo is a nostalgic typeface inspired by mid-century grotesques. With 24 styles ranging from Condensed Thin to Extended Black and unexpected character variations (like the random cursives in the italics), you could realistically create interesting font pairings right from within this family.

Idem

Idem is a contemporary serif with nine wide-ranging styles that would work well for headers and text alike. Inspired by literary publications and commercial artists from the earlier part of the 20th century, this font family has a highly legible structure with a bold flare.

Jantur Type

Jantur Type is a geometric sans font that supports over 200 Latin-based languages. While you could use one of the Thin or Regular weights for editorial content, this font will be most effective in shorter headers and paragraphs where it can make a greater impact on messaging.

Loretta

Loretta is an elegant serif designed specifically for the body of your web pages. Because of its calligraphic roots, this particular font would work great for high-end digital publications or blogs that promote luxury lifestyles and goods.

Rebrand

Rebrand is an exciting take on geometric sans. There are two sub-families in Rebrand: Display comes with nine weights as well as alternative characters and dingbats; Text comes with seven weights that cover a broad spectrum of styles. Because of the size and variety of this font family, you could easily make this the go-to font for a company’s branding, headers, and body type.

Royal Grotesque

Royal Grotesque is a resurrection of a 1914 sans serif font called Wotan. Only one version of this font is available (Regular) and it would work great pretty much anywhere on the web with its clean and neutral design.

Selva

Selva is an attractive Scotch typeface that has a traditional Roman serif family, an italicized version of each Roman, as well as a script family. If you’re considering using a script font for branding or headlines, the classic and delicate details of this particular font would make for an interesting choice.

Sunset Gothic

Sunset Gothic is a sans serif inspired by signage found near and around Los Angeles. Because this signage was often painted directly onto shop windows and building facades, the letterforms had to be extremely legible for passersby and drivers alike. This font draws upon the hand-painted, vector-based styling of those painted promotions.

Source

The post 15 Best New Fonts, January 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

Logo Design Trends 2022: The Future of Logos

Paperback – Simpler and Tidier Alternative to Wiki Pages

10 Captivating Examples of the Liquid Metal Effect in Web Design

Micro Digital Tools

Master Typography for Free with Google Fonts Knowledge

Windows 11 Officially Shuts Down Firefox’s Default Browser Workaround

40+ Most Notable Big Name Brands That are Using WordPress

Pixel Patterns

Top Web Design and UI Trends for 2022

WordPress 5.9 Delayed Until January 2022

Source

The post Popular Design News of the Week: December 20, 2021 – December 26, 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

The global artificial intelligence market is expected to reach over $200 billion by 2027. The big data market segment is anticipated to grow up to US$103 billion by 2027 with a share of 45% from the software segment. Similarly, the projected size of the global deep learning market will reach over $40 billion by 2027 at a CAGR of 39.2%.

Indeed, the implementation of technologies like data science, artificial intelligence, and machine learning in organizations has increased exponentially. In the last two years, during the pandemic outbreak, the technologies played a crucial role in saving lives and fostering economic resilience, showing many surprising trends. 

Source de l’article sur DZONE

Much of the software development world has adopted new methodologies, such as agile, that enable them to deliver changes and updates to critical systems more quickly and efficiently.

In this 2-part blog series, I explain what agile development is and how it helps deliver software faster and then explore how you can implement this approach in SAP.

Source de l’article sur DZONE