Articles

There were mixed reactions on Thursday morning when Adobe announced it had acquired Figma.

Excited press releases extolling the benefits of the “collaboration” followed the news. Dylan Field, founder and CEO of Figma, said: “There is a huge opportunity for us to accelerate the growth and innovation of the Figma platform with access to Adobe’s technology…”

The reaction from the design community has been a little less enthusiastic.

The problem for the design industry is that we’ve been here before. The acquisition of Macromedia followed a period in which Adobe tried to compete, failed to update its legacy code, lost the battle, and purchased the victor. You only need to look at the number of former Macromedia products in Adobe’s stable (zero) to see where Figma’s heading.

Figma has grown faster than any of its rivals in the last eight years. It is, of course, easier to grow when you start at zero. But there’s no denying Figma is a well-managed business and probably a good investment — if not worth the $20bn that Adobe reportedly paid.

Figma’s technology will give Adobe a leg-up in the collaborative design stakes, where it is clearly lacking. And Adobe’s resources will iron out some of the kinks in Figma, especially around typography, which is, if we’re honest, a bit hacky in places.

Adobe will provide a good home (we hope) for the Figma team, who will have the opportunity for career advancement in a much wider pool of development teams.

And, of course, Figma’s annual revenue will begin to trickle into Adobe’s vault — although it may be some time before it makes a dent in that $20bn hole.

But Adobe didn’t buy Figma for its business model, collaborative technology, team, or revenue stream. Adobe bought Figma’s users, all four million of them.

Adobe‘s approach to design software is upselling. It lures you in with free apps, and when you’re engaged, it integrates them with other parts of its ecosystem until suddenly, without meaning to, you’ve agreed to a Creative Cloud subscription.

Adobe was losing customers to a competitor. And more importantly, due to Figma’s free-use approach for individuals, it was losing young customers to a competitor. If it hadn’t bought Figma, Adobe would have needed to invest heavily in its own products while providing them to freelancers for free; that isn’t viable for a company with as many commitments as Adobe.

Yes, it is entirely accurate to say that competition drives innovation, and with fewer competing apps, there is less need for companies like Adobe to build high-quality, reliable products. However, it is also true to say that a lack of competition creates opportunities for new apps.

Somewhere out there, in a dorm room, or a basement, or on a kitchen table, someone is working on Adobe’s next big acquisition. It’s probably an AR design app; we need a few more of those.

For Figma, the next 12 months will be bright as Adobe works to retain the customers it’s bought. Within five years, you’ll probably need an Adobe Fonts subscription and a Photoshop plugin to use Figma. In ten years, it will be stored in a code archive next to Freehand.

Some designers will turn to Sketch; others will turn to Affinity; some will shrug and keep using Figma; others will shrug and keep using XD.

If an app is intrinsic to your design work, it’s probably time to switch apps. Your skills are transferable. I’ve switched apps many times; some I loved, some I just needed. I’ve never encountered an app that improved my work, although plenty have improved my mood while working.

Figma took a great approach and will continue to be great until it isn’t. Tools come and go, Adobe’s acquisitions team, it appears, is eternal.

 

 

Featured image uses photos by Afrika ufundi, Andrea Piacquadio, Andrea Piacquadio, Anna Tarazevich, cottonbro, fauxels, Ketut Subiyanto, Mikhail Nilov, Moose Photos, Pavel Danilyuk, Pavel Danilyuk, Polina Tankilevitch, Tima Miroshnichenko.

Source

The post Adobe Has Acquired You first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Many Spring Boot web applications require you to go beyond the usual REST endpoints and start accepting WebSocket connections. Meanwhile, plain JUnit tests have fallen out of fashion, and suddenly everyone is talking about the potential of Spock.

All these changes sound thrilling, and you’d like to try the novel approach.

Source de l’article sur DZONE

The purpose of a website is to reach new customers and keep current ones engaged. Therefore, customer-first should be at the top of your list for design features. After all, without your clients, your business won’t grow or succeed.

Customer-first has been a buzzword for a few years now. In a nutshell, it’s easy to imagine what customer-first design means. The needs of consumers come before anything else. However, the concept isn’t quite as simple in practice. A lot of nuances enter the equation.

Just what does it mean to have a customer-first web design? What are the must-haves to reach users on their level and keep their attention for the long haul?

Embracing quality customer experiences has driven loyalty for as long as anyone can remember. However, we now live in a time of uncertainty, and when people leave companies on a dime if they’re dissatisfied with any aspect. So you must hit the high notes on every song – your website is your purest online persona and must engage users and keep them entertained.

Whether you embrace causes that matter to your customers and share information on them or tweak your design to meet accessibility guidelines, many factors come into play with a customer-centric design.

In a recent report, researchers found that about 88% of company leaders feel customer engagement impacts revenue. You can’t control every variable, but you can ensure your website hits all the strong points for a customer-first web design that grabs them and keeps them on your page.

Here are our favorite tips to create a customer-first approach. You may already be doing some of these things. Pick and choose what makes the most sense for your business model. Even small changes can have a big impact.

1. Know Your Customers

Before creating a website centered around your customers’ needs, you must know who they are. What are the demographics of your typical clients? Survey them and find out what their needs and expectations are. How can you best help them?

You may also want to survey them about your website. What’s missing that might help them? Is there anything they love? What do they hate? The more you know, the better your design can match their expectations. Create buyer personas based on their preferences.

At the same time, buyers will sometimes say one thing but actually feel another way. No one is quite sure why people do this when being surveyed. One way around that issue is to do some A/B testing to see how they actually feel about various changes. Do they respond the way you thought? What other adjustments need to be made?

2. Find the Right Color Palette

Different industries trend toward various hues. For example, businesses in the banking industry trend toward blues and occasionally reds. Blue elicits trust from users and has a calming effect. On the other hand, the fashion industry might tap into brighter shades, such as lime green. Think about what colors people expect in your industry, and then find your color palette.

Each hue has its emotional impact. For example, red is a color of power and can elicit excitement in the viewer. Choose your shades accordingly to get the most emotional punch possible.

3. Accept Feedback

One of the best ways to improve your site over time to match the needs and preferences of your audience is by allowing feedback. Add reviews, place a feedback form in your footer, and even send out requests for feedback to your mailing list.

It’s also a good idea to find a mentor who has been successful at running a business. Ask them to look at your site and give you advice. You might also enlist the help of a marketing professional.

4. Stick With the Familiar

Have you heard of Jakob’s Law? The rule of thumb states that people prefer common design patterns they’re most familiar with. So when they see a pattern they know, such as a navigation bar layout, it boosts their mood and improves their memory of the site.

When making edits, don’t make significant changes. Instead, implement minor adjustments over time to give your followers a chance to acclimate to the shift.

5. Cut the Clutter

If you want users to feel wowed by your page and engage, you have to limit their choices. Add in too many options, and they may not know where to go first.

Start by choosing an objective for the page. Cut anything that doesn’t point the user toward the goal. Ideally, you’d have a little info, an image, and a call to action (CTA) button. However, this may vary, depending on where your buyer is in the sales funnel and how much information they need to decide to go from browser to customer.

6. Choose Mobile Friendliness

Recent reports indicate about 90% of people use mobile devices to go online at times. With phones gaining greater capabilities and 5G bringing faster speeds to communities, expect people to use their mobile devices even more frequently for internet browsing.

Making sure your site translates well on smaller screens makes sense for your company and for your customers. Be sure to test everything. Click through all links. Fill in forms. Ensure images and text auto-adjust to the correct size, so people don’t have to scroll endlessly.

7. Make Multiple Landing Pages

Like most businesses, you probably have several buyer personas as you segment your audience. Don’t just create a single home page and expect it to fulfill the purpose of every reader. Instead, create unique pages for each persona to best meet their needs.

Make sure each landing page speaks in the natural language patterns of your specific audience. Think about the unique needs of each group. How do their pain points differ? How can you best meet their needs?

8. Keep Important Info Above the Fold

People are busy. They work, have families, and might visit your site on the 15-minute break they get in the afternoon. Most consumers want the information they need to decide and don’t want to dilly-dally around with other things.

Place the essential headlines and info they need above the fold, so they see it first. Make it as readable as possible by using headings and subheadings. Add in a few bullet points. People also absorb information easier in video format, so add a video highlighting your product’s or service’s main benefits.

You should also place a CTA button above the fold if it makes sense for your overall design. Keep in mind people may have visited and already read some of the information. Some users return just to sign up and want to find the CTA quickly.

Step Into Your Customers’ Shoes

Look at your site through the eyes of your audience. What works well? What needs to be adjusted? Over time, you’ll develop a customer-first web design that speaks to those most likely to buy from you. Then, keep making changes and tweaking your site until it hits the perfect balance for your customers.

 

Featured image via Freepik.

Source

The post What Customer-First Web Design Looks Like first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

A data pipeline, at its base, is a series of data processing measures that are used to automate the transport and transformation of data between systems or data stores. Data pipelines can be used for a wide range of use cases in a business, including aggregating data on customers for recommendation purposes or customer relationship management, combining and transforming data from multiple sources, as well as collating/streaming real-time data from sensors or transactions.

For example, a company like Airbnb could have data pipelines that go back and forth between their application and their platform of choice to improve customer service. Netflix utilizes a recommendation data pipeline that automates the data science steps for generating movie and series recommendations. Also, depending on the rate at which it updates, a batch or streaming data pipeline can be used to generate and update the data used in an analytics dashboard for stakeholders.

Source de l’article sur DZONE

Learning how to design an MVP webpage or website could be one of the best things you can do as a site creator in today’s digital world.

In a fast-paced landscape, where customer preferences and technology are constantly changing, most companies don’t have time to dedicate months or years to each web project. The longer you take to complete your website, the more likely your creation will be outdated by the time you hit “publish.” That’s why countless creators are beginning to take a different approach.

To avoid wasting time, money, and effort on something that doesn’t deliver a significant return on investment, designers are now building “Minimum Viable Products,” or “MVPs.”

Here’s what you need to know about creating your MVP webpage.

What is MVP Web Design?

Typically, the “MVP” development process is most common in the app or software creation world. It refers to when a developer builds the simplest version of a technology capable of achieving specific goals. For instance, if a company wanted to create an ecommerce app, they would design a simple tool capable of listing products, enabling payments, and tracking orders.

After launching the MVP product, the company or developer would check to ensure it had the right impact on the target market and generated positive results. Using feedback and analytics, the developer would then begin to add new features one at a time.

MVP design aims to ensure you’re developing the best, most valuable product for your audience while getting your solution to market as quickly as possible.

The same strategy in MVP app and software design can also apply to website creation. Rather than building a highly complicated website with multiple features straightaway, the designer would focus on creating a single page equipped with the essential elements.

For instance, instead of building an entire site for your online course, you may develop a single-page website where customers can learn about the system, sign up, and pay for their membership. The great thing about an MVP web page is it allows companies to start advertising their solution, product, or service quickly, with the minimum initial investment.

How to Create an MVP Web Page

Creating an MVP web page is similar to designing any Minimum Viable Product. Throughout the project, the focus will be on keeping the development process simple while collecting as much feedback as possible.

Here’s how you’d get started with an MVP web page.

Step 1: Planning

Planning is an important stage in any web design project. It’s particularly crucial in the MVP landscape, where you need to define the most critical features of your webpage or website to ensure it’s “viable” for your needs. The initial planning stage can sometimes be the lengthiest part of the process, depending on the amount of research you need to do.

For the most part, web designers and companies will begin by conducting market research. This means examining crucial concepts intended to drive your strategy, such as:

  • Your target audience: Who are you trying to target with this web page, and what will they need from your site? A user persona can be helpful if you don’t already have one.
  • Competitors: Who are your main competitors in this space, and what do their web pages offer? Which features do you need to replicate or avoid?
  • Goal setting: What is the main objective of this web page? What do you need it to do, and what might it need to accomplish in the future?

The key to MVP web page planning is ensuring you look holistically at your project without thinking too far ahead. The site you create should be capable of scaling and expanding in the future, but it shouldn’t have too many features from day one.

Step 2: Creating Your Feature List

Once you’ve done your research and formed the foundations of your plan, it’s time to list all the features your MVP web page needs to have. Unfortunately, this is where the process can get a little complicated. It’s easy to start adding capabilities and components that aren’t necessary to make your site more exciting or competitive.

As worrying as it can feel to release a very basic web page, remember your focus is on rapid growth and development. With this in mind, concentrate on narrowing your feature lists down into:

  • Initial must-have capabilities: First, decide what your web page can’t thrive without. If the primary goal of your page is to sell software subscriptions, then you’ll need to implement tools for collecting member information and payments.
  • Next stage functionality: Consider the features you might add once you’ve confirmed your webpage is effective. This will allow you to ensure you’re creating a platform that can expand to suit future needs.
  • Possible future requirements: You can also list features that might be helpful in the future but don’t necessarily need to be implemented immediately. For instance, if you’re selling an online course, you might create a separate page where people can sign up to learn about future lessons.

Step 3: Finding the Right Software

Next, you’ll need to decide how to build your web page. There are several options available to today’s designers. An open-source solution is usually the best route for designers who need to create something specific from scratch. However, if the factor that makes your solution “viable” is unique, you may need access to code to bring your idea to life.

Alternatively, if you’re building a basic webpage capable of something like collecting customer email addresses or facilitating transactions, you might be able to use an off-the-shelf tool. CMS services for web designers can reduce the work and expense involved in creating a minimum viable product.

For instance, you might use a tool like Wix or Squarespace to edit a pre-existing template and simply drag-and-drop the features you need into the right places. On the other hand, if you’re planning on adding more functionality to your site down the line, it’s worth checking if any builder you will use has the right level of flexibility. Many tools will allow you access to code, advanced features, and essential module-based building functions.

Step 4: Implement Your Analytics

One of the essential parts of an MVP workflow is feedback. When you roll out your MVP, you’ll be looking for insights, guidance, and analytics to help you decide what your next steps are going to be. As a result, MVP workflows are based heavily on experimentation.

This means you’re going to need the right analytical tools in place to track crucial information. You can implement tools for collecting customer feedback directly. It’s also worth having a system in place for tracking metrics like:

  • Conversion rate;
  • Traffic numbers;
  • User behavior;
  • Most used/least used features;
  • Technical site performance;
  • Bounce rate;
  • Average time spent on the page.

While Google Analytics is one of the most popular tools for collecting insights in the MVP website design world, various other options are available. You can even find tools with in-built heatmaps to see how people navigate your site more effectively.

It’s also worth having A/B testing components in place. This will allow you to test the different “new” features you add to your web pages over time and examine how they influence your conversions and support your goals. For example, you can use A/B testing to explore the impact of everything from CTA button colors to webpage copy and offers.

Creating Your MVP Web Page

In the fast-paced web development and design world, the old-fashioned and slow approach to designing web pages is growing increasingly less common. Instead, an MVP strategy may be the best bet for companies looking to go to market faster, collect insights from their target audience, and accelerate growth.

Though getting used to this design strategy initially can be challenging, it can save you significant time, resources, and money in the long term.

 

HTML vector created by vectorjuice – www.freepik.com

Source

The post How to Design an MVP Web Page first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Continuing from part 2, let’s start this article with a bit of context first (and if you don’t like reading text, you can skip this introduction, and go directly to the section below where I discuss pieces of code).

Context

  • When we start an application program, the operating system creates a process.
  • Each process has a unique id (we call it a PID) and a memory boundary.
  • A process allocates its required memory from the main memory, and it manipulates data within a boundary.
  • No other process can access the allocated memory that is already acquired by a process.
  • It works like a sandbox, and in that way, avoids processes stepping on one another’s feet.
  • Ideally, we can have many small processes to run multiple things simultaneously on our computers and let the operating system’s scheduler schedule them as it sees fit.
  • In fact, this is how it was done before the development of threads. However, when we want to do large pieces of work, breaking them into smaller pieces, we need to accumulate them once they are finished.
  • And not all tiny pieces can be independent, some of them must rely on each other, so we need to share information amongst them.
  • To do that, we use inter-process communication. The problem with this idea is that having too many processes on a computer and then communicating with each other isn’t cheap. And precisely that is where the notion of threads comes into the picture.

The idea of the thread is that a process can have many tiny processes within itself. These small processes can share the memory space that a process acquires. These little processes are called « threads. » So the bottom line is that threads are independent execution environments in the CPU and share the same memory space. That allows them faster memory access and better performance.

Source de l’article sur DZONE

Web design is often stagnant because designers look at the same work and follow the same trends. Unfortunately, algorithms promote work that is liked, and designers produce content to get likes, which leads to a self-feeding cycle.

We’ve been talking about the dribbblization of design for years, but Behance is just as guilty of promoting and encouraging homogenous design.

It’s not that Dribbble and Behance don’t have value; they are both excellent resources for designers. But they’re victims of their own success, and it’s healthier for them, designers, and the industry if we broaden our sources of design inspiration.

And so, today, we’re presenting this list of the best places to find design inspiration for web designers that aren’t Dribbble or Behance. (OK, you can check them out too, if you really want to!)

Awwwards

Awwwards is the top site for web design inspiration. The best agencies in the world post here, and a ‘Site of the Day’ award is a coveted accolade. So if you’re looking for design inspiration, this should be your first stop.

Admire The Web

Admire The Web is an excellent collection of curated sites. It’s more selective than sites like Awwwards, so you don’t have to dig through so much to find the best web design.

One Page Love

One Page Love is one of the best resources for designers seeking inspiring new ideas. It’s devoted to one-pagers, which means it leans towards apps, tech start-ups, and smaller independent projects.

Godly

Godly is another excellent collection of web design inspiration. Godley uses animated thumbnails, so you can get a sense of a site before you look at it in detail. As such, it’s perfect for animated landing pages.

Hoverstat.es

Hoverstat.es is a collection of curated websites that often finds little gems other sites miss. Unlike most roundups, it doesn’t go into much detail on each site, and new sites are infrequent, but it’s always worth a browse.

Siteinspire

Siteinspire is one of the most established design inspiration sites. The collection is carefully divided into different styles; if you find your own site listed, you can add your contact details.

Land-book

Land-book is a curated collection of the best sites on the web. The site does a great job of presenting screenshots clearly, and the similar sites feature is great for browsing a particular mood.

Savee

Savee is a fantastic site for browsing all kinds of design inspiration. It’s like Pinterest for designers as it leans towards art direction and photography. It’s easy to scan for mood boards.

UIJar

UIJar is a nicely designed collection of hand-picked websites. Unlike most other sites on this list, UIJar also features a collection of branding that’s great for identity designers.

Brutalist Websites

Brutalist Websites is the perfect inspiration site if you’re a fan of the Brutalist design trend. There are plenty of designs that show why Brutalism is so popular right now, but the site itself is probably short-lived.

Minimal Gallery

Minimal Gallery is a collection of sites that embrace minimalism. Like Brutalist Websites, the quality of the collection is very high, but the site’s lifespan is probably short-lived thanks to being tied to one trend.

Ello

Ello is a platform for showcasing excellent design work. It’s solid on illustration and artwork. There’s also a great deal of photography on show. You’ll also find regular opportunities tied to creative briefs.

DeviantArt

DeviantArt is still the largest, and arguably the best, showcase for illustration, with dozens of styles from Anime to classicism. It’s easy to lose a few hours browsing DeviantArt.

Figma Community

Figma Community is a collection of the best work from the Figma community. But you don’t need to be a Figma user to grab some inspiration from the UI work on show.

Lapa

Lapa is a collection of 5000+ landing pages. The collection is headhunted from around the web, so if you only have time to check out one site, Lapa could be a good choice.

Source

The post 15 Inspiring Alternatives to Dribbble & Behance first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Last year we saw the launch of a new Web programming language Dart – Structured Web Programming from Google. A very interesting approach to support web application development. Not so long after Go, Groovy, Ruby, Scala, << Name your DSL here >>; we see Dart. Is it a good thing to have at least one programming language to solve one problem? The answer is, like we already know, it depends.

Stay Away From “Do it Yourself”

It is your choice as to if you will try to do things yourself or allow the truly seasoned professionals to help out. Some decide that they are going to try to go it alone when they are programming something new, but this often ends up in a less than desirable place. It may even be more expensive than just hiring an expert who can help you get it programmed for you in the first place.

Source de l’article sur DZONE