Envato https://envato.com Design & creative inspiration Thu, 14 Dec 2017 01:03:54 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.1 https://assets.wordpress.envato-static.com/uploads/2016/08/cropped-favicon-32x32.png Envato https://envato.com 32 32 Designing a Form? Avoid These 6 Common Mistakes https://envato.com/blog/designing-form-avoid-6-common-mistakes/ https://envato.com/blog/designing-form-avoid-6-common-mistakes/#respond Fri, 03 Mar 2017 10:00:08 +0000 https://envato.com/?p=52445 Forms function at a crucial part of a user’s journey—sign ups, registration and check out. User friendly form designs are efficient and easy to work with to speed your user to their end goal. It’s all about creating forms that flow well through timely and succinct messaging to create a conversation with your user rather […]

The post Designing a Form? Avoid These 6 Common Mistakes appeared first on Envato.

]]>

Forms function at a crucial part of a user’s journey—sign ups, registration and check out. User friendly form designs are efficient and easy to work with to speed your user to their end goal. It’s all about creating forms that flow well through timely and succinct messaging to create a conversation with your user rather than the feeling of completing boring paperwork.

To avoid building forms that leave your users frustrated and confused, remember to avoid these six common mistakes in form design:

1. Lack of guidance for mistakes

Provide guidance information to clarify why a form entry isn’t correct. If possible, provide feedback in real time so the user does not have to complete a form and hit submit before being informed of a mistake.

Great forms specify any details about an entry that may cause confusion. They provide in-context, specific and actionable feedback to ease the process for a correct entry. Avoid only using color to indicate error. Rather provide contextual guidance to correct the error by the form field where it occurs.

2. Ambiguous spacing

Follow Gestalt’s principle of proximity—when elements are placed close together. They tend to be perceived as a group. Likewise, the proximity between labels and form entries should be close so they can be perceived as groups. Placement of the label depends on length of the full form.

You want to make sure your fields are quick to scan to appear less overwhelming. Both top aligned and infield labels are faster to scan than left aligned labels. Consider adding white space to create chunks of information in a longer form.

3. Lack of sequencing

Apply a logical sequence when asking for information in a form. Having questions in an intuitive sequence allows users to predict what they may be asked next. For example, contact information should flow from a user’s name and address and a checkout form should flow from the details, order summary, payment and confirmation.

For longer forms, break up logical sections and show progress on the form to give more context for the user.

4. Multiple columns

Creating multiple columns disrupts a user’s flow of reading from top to bottom, left to right. Avoid having multiple columns in forms unless the entries are logically related.

5. Disappearing labels

While infield labels may be quick to scan, they leave the user having to struggle to remember what the entry captures in the first place.

Don’t hide important labels for the sake of space and don’t make assumptions that the user will remember your prompt. By spelling out what’s expected in each field (and keeping it there), you can reduce mistakes caused by poor form design.

6. Overcomplicating

Only ask for crucial details in your form. Most users don’t have patience for a long form and may find it easy to drop off if their registration or checkout process is lengthy. Depending on the device being used to (ex. Mobile keyboard vs. Desktop)—consider reducing the user’s manual input to aid the process and reduce mistakes. Make sure elements of your form is convenient and touch friendly for the variety of devices that may be used during form entry.

Conclusion

Sometimes having too much information on one form may be overwhelming or just distracting for a user. Consider reducing the visual clutter on the page but treating each form entry as a question/answer, or separating the form into several pages if needed. That way, the user can focus on each question/set of questions and complete the form in an efficient manner.

Design your form in a way so that it is easy to read and understand through proper spacing, formatting and messaging to guide users toward completion.

 

Featured image: Sign in/sign up form

The post Designing a Form? Avoid These 6 Common Mistakes appeared first on Envato.

]]>
https://envato.com/blog/designing-form-avoid-6-common-mistakes/feed/ 0
Monoline, Geometry, & Animation: Logo Design Trends for 2017 https://envato.com/blog/monoline-geometry-animation-6-logo-design-trends-2017/ https://envato.com/blog/monoline-geometry-animation-6-logo-design-trends-2017/#respond Tue, 31 Jan 2017 00:30:20 +0000 https://envato.com/?p=51524 Logos remain a crucial part of a brand’s identity—one that helps to show differentiation, improve customer engagement and increase recognition. Whether existing as a wordmark, a symbol, or combination of the two, the world of logos continues to expand each day. Ultimately, these visual identifiers must respond to the design problem at hand, serving the […]

The post Monoline, Geometry, & Animation: Logo Design Trends for 2017 appeared first on Envato.

]]>
Logos remain a crucial part of a brand’s identity—one that helps to show differentiation, improve customer engagement and increase recognition.

Whether existing as a wordmark, a symbol, or combination of the two, the world of logos continues to expand each day. Ultimately, these visual identifiers must respond to the design problem at hand, serving the application need while also conveying the brand’s attributes and meaning.

While there are no absolute rules to design a successful logo, it can be helpful to gauge current logo design trends in order to keep you informed about your competitors or gain inspiration. It is up to the work of a designer to design a clear picture of the possibilities of the logo as well various applications that fit the needs of a client. Here are the six rising logo design trends to watch out for in the new year to help you stay inspired.

1. Minimalism

Minimal is an overarching trend. Companies turn to friendly, straightforward san serif fonts and also opt for flat colors in recent logo design changes. Gone are the days of bevels, extra gradients and little details. Other design changes stemming from this key trend include the use of monoline designs or simple geometric shapes used as part of the visual language of the logo.

While flat design has been a trend in the past, it continues to extend into upcoming logo designs to mute colors and remove superfluous details.

Image: Mastercard logo

One example of the minimalism trend in 2016 is the Mastercard logo redesign by Pentagram. The new logo incorporates an all lowercase typeface with two bold geometric symbols, replacing the previous logo’s intersecting circles and sans serif with a drop shadow. The crisp solid look of this redesigned logo shows the benefits of using minimalism the right way—resulting in an open and modern logo that can be used for the many different applications needed.

2. Hand-drawn

Logos that have a hand-drawn or sketched-out aesthetic are another growing design trend. There is definitely something authentic, human and friendly about seeing hand drawn type or illustration in digital media which is why this trend is here to stay. Hand-drawn logos can give a handmade, homegrown or indie feel which may be what a brand wants to convey to attract its customers.

Hand-drawn Vintage Logos bundle pack.

Hand drawn style logos give a one of a kind, unique look that makes for a logo with a lot of personality.

3. Monoline

Monoline logos are logos that are made from a single line that doesn’t change in weight – it looks like it could be created from a single strand of string. The monoline provides a stripped down, minimal look which can be crafted into an intricate or simple symbol. Examples of monoline logos include Airbnb or Instagram. The benefits of monoline logo design can be its versatility and flexibility to be adapted to a variety of mediums.

Airbnb’s old logo (top) and new monoline design (bottom).

4. Geometric shapes

Geometric shapes such as circles, squares, triangles or other strong shapes have made their appearance in recent logo redesigns as well. Benefits of geometrics shapes can be a bold, simple and timeless appearance that is simple to reproduce. While simple shapes may seem a little dry on their own, with the added element of motion in many branding systems today, brands can differentiate through animating such shapes easily and help infuse more fun and life into their identity. Geometric shapes can also help simplify previous complicated visuals and help achieve a flatter look and feel with a reduced color palette.

Examples for geometrics shapes in logo design include Zendesk and Deliveroo.

5. Animation

Fubiz logo animations, from Mattrunks Studio.

As web technologies continue to improve, designers have the opportunity to explore motion graphics as a part of logo design. While this trend has less to do with aesthetics, it still gains popularity as companies use motion graphics to tell the story of their brand. This trend helps to explain why minimalism continues to play an important role in logo redesigns—minimal logos are not only perceived to be more modern but are also have more potential to be used in a variety of ways to build the brand (such as through video advertisements and other motion mediums.

6. Sans-Serif

The trend toward sans-serif fonts in logos brings to mind the example of Google’s major logo change a few years ago. Sans-Serif fonts remain popular to this day as they bring a younger, friendly and more contemporary look to a logo. They are also wonderfully legible and have a strong presence on the web. Such characteristics are valued qualities for companies trying to align their brand with a modern and relevant look, in a world that is increasingly using digital mediums to communicate and reach users.

Conclusion

While trends may come and go, it is important to note that the most important thing to keep in mind as designers is the needs of your client and the design problems at hand. Hopefully, seeing these upcoming trends will help you gain inspiration and know what to keep an eye out for.

The post Monoline, Geometry, & Animation: Logo Design Trends for 2017 appeared first on Envato.

]]>
https://envato.com/blog/monoline-geometry-animation-6-logo-design-trends-2017/feed/ 0