Category Archives: Design

Blogs vs. Online Magazines: Differences in Design and User Experience

You’re reading Blogs vs. Online Magazines: Differences in Design and User Experience, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Blogs vs. Online Magazines: Differences in Design and User Experience

The design world is abuzz with the rise of online magazines. But the vast majority of these sites run on blogging platforms like WordPress, and they operate almost exactly like traditional weblogs. So where does someone draw the line between a traditional blog and an online magazine? And if you’re thinking of launching a new blog/magazine […]



Source: Designmodo

Taming Advanced Color Palettes In Photoshop, Sketch And Affinity Designer




 


 

Creating large, harmonious and uniform color palettes can be a challenge. Good intentions and confident plans can be abandoned when things get a little unwieldy.


Taming Advanced Color Palettes In Photoshop, Sketch And Affinity Designer

But you can equip yourself with some tools to manage the complexity. With the right techniques, large color palettes can be created, refined and refactored at will. Large color palettes can be tamed.

The post Taming Advanced Color Palettes In Photoshop, Sketch And Affinity Designer appeared first on Smashing Magazine.


Source: Smashing Magazine

How To Apply Consistency in Web Design

You’re reading How To Apply Consistency in Web Design, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

How To Apply Consistency in Web Design

There’s tremendous value in consistency of digital interfaces. People browsing the web encounter dozens of websites that all have different styles, yet most feature very similar page elements. Most designers don’t even think about these features. Page headers, navigation menus, body copy, CTA buttons, the list seems endless. By designing with consistency you’ll learn how […]



Source: Designmodo

How Your Work Environment Influences Your Design Work

Sometimes, as web and digital designers, we can get trapped in our little world of computers and software, attempting to work out the solution to our clients’ design problems, but failing to make any real breakthroughs.

If you often find yourself stuck in a rut of technology, sometimes the best solution is just to get up from your desk and go experience the world outside. But what should a designer pay attention to specifically that will help get them past creative block?

Today, we’ll explore some options and discuss possible solutions.

Co-Opting The Outside World

Product and environmental designers often preach that designers need to use the world around them to create their own design solutions to problems. But what about web designers, or brand managers, or creative directors?

I think the same principle still applies no matter what kind of design you do. Design, in general, is about going beneath the surface of a problem to find out the best approach. Even if it’s on a computer screen, the user experience of a design is highly customizable and subjective.

Giving The Design To The People

As much as we designers might wish otherwise, we have no control over how people choose to interact with our work. But even though that’s true, sometimes the most interesting and innovative public phenomena can come from it.

Sweater bombing, street art, geocaching – all of these are unorthodox uses of things in the world that nonetheless provide a completely new and compelling experience.

Design Leaders And Setting Precedents

People make their own ‘tools’ and solutions based on what’s around them. When you’re walking in the park and you see a tree that someone has used as a resting place for their bike, that’s design in action. Some brilliant ‘designer’ has decided that this tree is the perfect size and shape for a bike rest, and it’s very likely that other cyclists will see that and think ‘hmm, that’s a great idea – I think I’ll park my bike on a tree as well.’

Think about how you can use this same concept in your own design. Is there another ‘use’ for your design that a user might see but you don’t?

Using Others As Peripheral Vision

The opportunities for improving your designs all around you. If you’re too close to your own work (and who isn’t from time to time?) ask a friend or even a stranger to give you a quick evaluation.

Observe how they interact with your design. If they point out something that you missed – say, a more efficient way to contact other users, or a better use for some feature you’ve been working on – don’t take those observations lightly. This is design fitting itself within real people’s lives, and you’d be ill-advised to ignore it.

Tiny Changes

Sometimes, even the smallest adjustments to a design can make the hugest difference in how easy and enjoyable it is for people to use. Putting a call to action button at the top of the screen rather than in the sidebar. Making the navigation icons a contrasting color so they will ‘pop’ more. Increasing the font size just a bit more than what you think most people can see (this is a big one for me).

Tiny, seemingly insignificant changes like these can take your design from ignored to overwhelmingly popular in a flash.

Human Influence

Many times, people don’t even realize that they’ve created a design solution with their simple, everyday actions. If people are using your business card to write notes on the back, or to scribble down a relevant email address or extra phone number, this is gold you can mine for your next redesign.

How are people reacting to the things you design? Feedback is immensely helpful here. Once your design goes live, it is part of the world, and people will use it however they see fit to get the most efficient result.

The post How Your Work Environment Influences Your Design Work appeared first on Speckyboy Design Magazine.


Source: Speckyboy

Check Out 9 Unique Be Pre-Built Websites and Their New Installer


Be’s New Pre-Built Installer

The old Be pre-installer had a lot going for it. For one thing, you could install a pre-built website with a single click, and immediately begin editing. That’s still the case of course. Up to that point, however, the installer has some shortcomings. Selecting and previewing pre-built websites was not an efficient process, nor were you given any indication whether you had the right plugins in place to get the performance you expected.

                                    The old installer’s UX left something to be desired.

To find a pre-built website that would work for you, required scrolling through a large (and every increasing) selection of themes. If what you found wasn’t exactly the right choice, you had to repeat the process. You also had to guess whether you had the right plugins at the time of installment.

Fixes were made to create an intuitive, more pleasant to work with, UX.

  • Fix #1No more scrolling. Thumbnails of all 250+ pre-built websites can be viewed in the admin area. To get a live preview of a theme, simply click on its thumbnail. It’s no longer necessary to switch to and fro between Be’s presentation page and the admin area.

                          The new Be pre-built website installer. Scrolling issue solved.

  • Fix #2. A live search and filter option makes selecting a pre-built website even faster and easier. You’ll come to appreciate this feature even more as the number of pre-built websites continues to grow at a clip of several per month. The filter option lets you check out several potential candidates, and select the best fit without having to repeat the process several times.
  • Fix #3. This one can save you some time and trouble. When you’ve selected a pre-built website, and are ready to preview and install it, the new installer will show you which plugins are needed for it to perform just as in the preview. It will also show which of the necessary plugins are already installed, and give you the option to install missing ones.

                        See the plugins each pre-built website needs for it to work properly.

  • Fix #4. You no longer have to import the entire pre-built website. This new feature enables you to import the page options, the content, or both, and you can select only those pages you need.

                         You install what you need, and only what you need, from a pre-built website.

This video shows how the new installer operates:

 

A Review of the 9 Latest Pre-Built Websites

Be Sports Club

Health and fitness centers, sports centers, and gyms like to advertise themselves as being current in terms of facilities and training services. This modern Be Sports Club design, with its cool special effects, provides a sound basis for a website that will serve this purpose.

Be Productions

It’s dark background and smooth parallax scroll effect makes this pre-built website suitable for many purposes. It will serve nicely as a foundation on which to build an advertising agency’s or motion graphics studio’s website. Note how the page’s colors and message stand out against the dark background.

Be Diet

To be effective, a food-related website should feature large, high-quality images that are almost good enough to eat. The Muffin Builder designers went to considerable lengths to make that happen in the case of Be Diet. The images are backed up by a cool selection of special effects.

Be Boutique

If you’re not sure how to make a background video work effectively in your website designs, let Be Boutique show you the way. This pre-built website is also a great starting point to build an engaging, but not overly showy, portfolio.

Be Stone

The Be Stone pre-built website conveys a special message. There’s no reason to have to put up with a company website that is dull, uninteresting, or downright awful looking. Give Be Stone a try the next time you’re commissioned to build a modern, slick looking website for a business.

Be Guest House

Real estate agents go to great lengths to make their properties as fabulous looking as possible. The same is true for individuals who have a guest house or cabin to rent. Be Guest House provides a great starting point for building a website for either customer type.

Be Wildlife

Although Be Wildlife may be destined for a wildlife photographer’s website, it can be put to good use for any professional photographer or photographic studio. This pre-built website makes great use of fixed layouts, in combination with a clever slider and parallax effects.

Be Restaurant

This is a good example of a website that will make visitors want to reach for the phone to make a reservation. As is the case with Be Wildlife, Be Restaurant puts slider effects to very good use. Including people in the hero image is also a good approach.

Be Furniture

Images play a key role in every one of this selection of latest pre-built websites. Be Furniture is no different, and the concept it presents can make it easier for you to build a website any furniture store client will love.

 

An Overview of Be Theme’s Features

  • For starters – Over 250 Pre-Built Websites You’ll seldom have any difficulty in finding a pre-built website that matches what you envision; plus, you can build virtually any website from almost any theme you select.
  • Muffin Builder – Working in conjunction with the options panel, this page builder makes customizing a theme and editing a page, easy – without any need for coding.
  • Layout Configuration – Building a website page when starting with a blank canvas has never been easier; no more need for cookie cutter-looking websites with this feature at your fingertips.
  • 200+ Shortcodes – Add cool features and functionality to your web pages, without having to write a line a code.
  • Advanced Typography – Use Google fonts, or upload your own special fonts; Use any style, weight, or size you want.
  • Parallax Effect/ Video Background – These are just two of the many special effects that come with the Be Theme package.
  • Lifetime Updates – With your Be license, you can look forward to receiving the latest pre-built website releases each month.

And More:

Be’s customer support is first class in every respect, plus you’ll have video tutorials and other useful information to help you along the way. You’ll also be joining 62,000+ satisfied Be users when you purchase a license to use this Themeforest best seller.

Click here to discover even more about Be Theme.

Read More at Check Out 9 Unique Be Pre-Built Websites and Their New Installer


Source: Web Design Ledger

The Personal Process of Choosing the Right Design Tool

Every chef has their favorite tool. Mine happens to be a wooden spoon I’ve had since forever. I call it “Suzie” (because I’m a weirdo). Some people actually keep their wooden spoons in the family for generations – talk about a collector’s item!

Today, I’m going to share some tips on how the tools you select as a designer can help improve your creative process, and aid you in creating work you can really stand behind.

You’ve Gotta Have Standards

Do you know why so many chefs and cooks prefer wood over other materials? Well, it’s much the same reason many designers prefer Macs and software by Adobe: it’s the industry standard and using it makes your life easier in more ways than one.

Now before you say it, I know there are plenty of professional designers who are perfectly happy running Gimp or other non-standard software on a PC or Linux computer. And their work is just as awesome and up to par as any “Mac person’s.” But, for many designers, the benefits of having a standardized way to communicate with clients, other designers, and/or other departments outweigh the little idiosyncratic advantages of marching to your own drum.

wooden cutlery selection

Something else to remember – which might seem insignificant at first, but bear with me – is that you have to consider the technological “culture” into which you’ll be entering as a designer. This applies a bit more to in-house designers than freelancers, although freelancers working for a long-term client may experience the same thing.

My last in-house job was in a PC environment, and there was quite a strong anti-Mac sentiment among my peers. They “tolerated” me propping up my MacBook Pro on my desk alongside the office PC, but they definitely made their feelings clear. I thought it was funny, but a more sensitive person might have gotten their feelings hurt.

People can get mighty serious about their tools. And, as many of you out there have probably noticed, it can get ugly if you’re not careful. If you are totally in love with your tools and wouldn’t consider changing them for the world, by all means stick with them.

But if your peers or clients have a different opinion, be prepared to put up with a lot of their ranting and raving. And preaching and lecturing. And complaining and… yeah. You get the idea.

The Forest For the Trees

Nothing makes you feel like a “Real Chef” like gripping the handle of a huge, weighty, wooden spoon. It may seem a bit cliché, but I encourage you to try it the next time you’re in the kitchen. You can thank me later. Cooking enthusiasts, like designers, can get pretty hardcore about their wooden spoon choices.

Some people look for spoons that can handle stirring all the ingredients in the pot with ease. Others look for good scraping ability – the ability to remove food off the bottom of the pot so it doesn’t get stuck. And of course, you have to have a spoon you can use to taste your food while it’s cooking.

wooden cutlery selection

The debate on which wooden spoons handle all three of these tasks the best is endless, fierce, and sometimes a little scary. But enough about that. Consider your own tools as a designer. If you’re a pro, or aspiring to be, odds are decent that you use Photoshop, Illustrator, InDesign, or a combination of all three. Why do you use these programs? Well, like I said, they are the industry standard. Being able to communicate ideas in a standard format across different people’s systems is an extremely valuable asset.

But there are other factors to consider as well. Believe it or not, some professional designers get by just fine using software that competes with Adobe on factors like price, interface preferences, and software size and speed. As powerful as a program like Photoshop or Illustrator may be, a lot of times you just don’t need all that power.

Some designers might actually be better off trimming down to something sleeker and less clunky. I’m an Adobe user myself, but, well…sometimes, for certain projects, Sketch does the job just fine. I’m totally serious.

Beyond The Pale

Alternatives to Adobe software are plentiful, and they are used every day by pro designers. Some are free and open-source, others are web-based, and others may have a simpler or more familiar interface. Again, there are many reasons a designer might choose a non-standard tool, many of which may not be immediately obvious.

Web-based software might be perfect for frequent travelers, for example, while a more familiar interface might increase a designer’s speed tenfold. If you happen to be in the market for alternative software, do your research and figure out what your number one priorities are.

Now Leaving Digitopolis

But wait! Computers may be the fastest and most efficient tool to use, especially in the world of web design, but you know what? Sometimes you don’t want to be fast and efficient. Sometimes you want to let a design simmer slowly over a low fire, stirring it occasionally with your spoon until all the flavors meld together in an exploding cacophony of deliciousness.

What I mean with all the food metaphors (besides the fact that I might just be really hungry) is, perhaps you’re one of those designers who think better off the computer than on it. Computer screens are made up of billions of little glowing pixels, and staring at one for hours on end can be draining on not just your eyes, but your creativity as well. Paper and other non-digital surfaces don’t have that problem.

There are plenty of designers – yes, even web designers – who take the hand-crafted approach to assembling their work. Paper, cloth, yarn, and yes, even food, can be used as tools in your design arsenal. Canadian designer Marian Bantjes, for example, continues to create a stir with her unique designs that feature sugar, tinfoil, fake fur, glitter, flowers, and other unconventional materials.

wooden cutlery selection

Choose Your Weapon

Remember, choosing the right tools, just like choosing the right wooden spoon in the kitchen, is a completely personal process. You can listen to someone else rave about the wonders of one tool versus another, but at the end of the day, it’s just a tool.

The decision is yours and yours alone, and a tool can only go so far in helping you with your working process. It can’t create the work for you, nor can it improve any weaknesses you have in terms of technical skill or design sensibility.

There’s absolutely nothing wrong with eschewing the computer, even if it’s only for a little while, in favor of a more experimental approach. The great thing about experimenting is that you can take bits and pieces of the stuff that worked and add it to your regular design process to put a new spin on things.

So, if you really want to play around with paper and scissors and glue for your next project, go for it. As long as you solve the problem put in front of you by your client, it won’t matter how you got there. Your client will most likely be impressed by your individuality and willingness to take risks, which, if you play your cards right, could lead to more challenging and higher-paying work in the future.

So dig around in the toolbox. Try them all. See what works best for you, and what will become your own personal “wooden spoon” standard for finding solutions to design problems.

For the record, though, a heavy, olive-wood spoon with a long handle and a rounded bowl (not too large) is as close to cooking tool heaven as you can get. According to this cook, that is. Bon appétit!

What Do You Think?

Do you have an opinion on tools and which work best for you? Or, y’know, which wooden spoon you like? Either way…

The post The Personal Process of Choosing the Right Design Tool appeared first on Speckyboy Design Magazine.


Source: Speckyboy

When It Comes to Ideas, It’s All About Presentation

When I was a student in design school, I once did an assignment for a teacher who made us stand up and present our projects to the entire class. Now I’m not the best public presenter, and as a teenager in college, I was even worse. After I fumbled through my presentation, my teacher pulled me aside and said that I’d had the best ideas out of everyone in the class, but gave the worst presentation.

I was too shy, and I didn’t inspire any confidence in my audience. My presentation had no “pop,” and thus it was boring and forgettable. I earned a disappointing grade as a result. As a professional designer, I’ve since had it reinforced again and again that, when it comes to ideas, it’s all about how you present them. A good presentation can force people to take your ideas more seriously and assign more value to them.

Dress Your Ideas For Success

Here’s a sad but true fact: people are much more likely to be interested in your work if you “dress it up” nicely. If something is presented poorly, it will be perceived that way, regardless of its actual value. If you’re uncomfortable presenting your ideas and selling a client on them, take classes and read books on presentation and public speaking.

It might be awkward, but the effort you put into presenting your ideas and making a genuine connection with people is going to make the difference between an obscure designer and a breakout superstar.

Technical craftsmanship counts as well. Don’t cut corners. Spend the extra time to make your design as crisp and perfect as possible. I know people say that the perfect is the enemy of the good. But I say that the sloppy is the enemy of the great. When you were younger, your parents probably told you to “dress for success.” That’s true not just for your appearance, but for anything you create which represents you professionally.

Anything that has your name attached to it also carries the strength of your reputation on its back. Don’t unknowingly develop a reputation for shoddy, third-rate work.

Gotta Have A Gimmick

There’s a classic musical number in the 1962 film Gypsy, about burlesque dancer Gypsy Rose Lee, in which young Rose is educated about the key to burlesque success by her fellow strippers. It’s obviously meant to be funny (and it is), but there’s a powerful marketing tactic embedded in the song: whatever you do, make sure it gets people’s attention, because if it doesn’t, you’ll never make the sale.

Theatrics and flair count for a lot. We are visual creatures and we respond to the pretty, the flashy, and the attention grabbing. For example, a color photograph is going to get more attention than a black and white one (unless the black and white photo is the only one among a bunch of color photos), and a video is always going to get more attention than a still image.

This is even more true nowadays, when we’ve all been inundated with showy, blinking ads and fast-moving media offerings. It takes even more to catch people’s attention these days, but that’s where your problem-solving design skills come in handy.

Using Your Sixth Sense

The more senses you can engage for your viewers, the better your response will be. Visual, sound, motion, color – whatever you can incorporate that will create a holistic experience and engages your audience as much as possible.

Obviously, this needs to be calibrated according to the specific niche you’re designing for, but basic human psychology doesn’t change. People will certainly retain more information about your content the more experiential and interactive it is.

Make It Count

Everything – and I mean everything – about your design project should tell a story, from the colors to the photography to every single word in your copy. If there’s anything that isn’t contributing to the story you want to tell, take it out immediately.

Again, it’s important to make sure your clients understand why a design choice is the right one or the wrong one. The closer you are to the money, the easier this will be. It’s quite easy to convince a client that your solution will help them get more customers, and thus make more money.

Customer Service Counts

Excellent customer service can take a restaurant from mediocre to amazing. In the culinary world, they say that presentation is three-quarters of a meal. That means that you are 75% more likely to enjoy a plate of food if it looks nice.

That sounds like a lot, but think about it: would you walk into a restaurant that had greasy, spoiled looking food sitting out on its counters, and be filled with confidence about whatever they were about to serve you? Or maybe the food looks fine, but the waitstaff is surly and inattentive, ignoring your questions or calls for service. Would that whet your appetite? I didn’t think so.

As a designer, “service” should be at the forefront of your mind at all times, even if you don’t think it’s part of your job description. You’re performing a service for your clients, and that includes the little details that make you stand out from your competition.

Thank you notes, extras and freebies, offers to help out whenever you’re needed and add value to your client will all help keep you at the top of your client’s mind when they’re thinking about hiring or referring someone.

What Do You Think?

How has your presentation and packaging of your ideas and designs helped your freelance business? Tell us below.

The post When It Comes to Ideas, It’s All About Presentation appeared first on Speckyboy Design Magazine.


Source: Speckyboy

Creating a Design System Language

It seems like Design System Language is the current buzz word in the design industry and everyone wants one.

But how exactly can a product benefit from having a living, breathing design language? I’m going to try break down the very basics so you can understand why it’s needed.

“Creating an underlaying language will unite our design philosophies and methodologies across our platform.”

So, Why Do We Need a Design Language?

There are two ways of looking at it, from an internal and an external perspective.

Internal:
It creates a holistic perspective to ensure we’re all adhering to the same methodologies and patterns as a team. Every team member should be inline with the concept that we’re promoting and should be able to reference the design principles against any project they are currently working on.

The main goal of a design language is to create focus and clarity for designers. A design language is like any language. If there is any confusion it will cause a breakdown in communication.

External:
Having a cohesive Design Language creates harmony within a platform. For onlookers, standardised colours, interactions and patterns creates a sense of familiarity and security. A well planned and well executed Design Language is the key to a gratifying experience.

For instance, if you walk into a Starbucks in Iceland, you will recognise a lot of similar touches to your local Starbucks down the road. Familiarity brings a sense of comfort and security to the user. Introducing design constraints on individual elements within a platform creates consistency at a higher level.

A successful Design Language will:

  • Focus: allow the designer to focus clearly on the project at hand rather then to be diverted by other distractions.
  • Clarity: allow the designer to think clearly about our design beliefs as well as the design constraints in place across the platform.
  • Confidence: allow the designer to have complete confidence in what they are designing and that it is inline with others in the team.
  • Consistency: create consistency across the product which in turn will create a secure, familiar experience across the platform.
  • Efficiency: create understanding across the teams, meaning less time consumed concentrating on the less important details.

Basically, if your designers are focused and understand the design language, it will give them confidence, which in turn will help the business at a higher level as it will create consistency and efficiency.

Building the Foundations…

Design Principles

Having solid design principles in place, that the whole team has contributed to, ensures that we’re all adhering to the same methodologies and patterns as a team. Every team member should be inline with the concept that we’re promoting and should be able to reference the design principles against any project they are currently working on.

Tone of Voice

Its important to create a consistent voice for our product. Each designer (or whoever is involved) should be aware of the approach needed when writing content. Having consistent content is a very large part of creating a consistent user experience and all designers should try to align all content accordingly.

Team Values

How do we work together as a team? It’s important that everyone pulls in the same direction and everyone agrees that the chosen values are important to creating a happy working environment.

There are obviously a whole lot more elements you can establish to create a core foundation for your design identity. The above is just the tip of the iceberg. Every company is different so feel free to expand on it as much as you feel is right to explain the methodologies of your approach.

Visual Identity…

Creating the visual identity isn’t something that will be created overnight. It takes time. Sometimes it’s as clear as day as to what is needed, other times it takes time for the building blocks to fall into place.

Once in place, it’s important that the fundamentals are captured and documented at a high level. The likes of use of colour, typography and style of iconography is key to creating consistency across a platform.

  • Colours: What is the colour palette used on the platform? Explain how, where and why we use certain colours.
  • Typography: What typeface is used on the platform? Summarises rules around weighting, sizing, vertical alignment etc?
  • Iconography: What is the generic style for icons? It will explain the rational as to why we have specific styles for different icon families.
  • Grid/Layouts: What grid system is used across the platform? Explain the use of the grid and the high level idealism of our layouts.
  • Interactions: What do people expect to see when they interact with our site? Give an overview of our standard interactions.
  • Animations: How do we approach animations? Explain the reason for animations on the platform and our constraints around using them.
  • Design Resources: A central point for assets to be easily downloaded for external partners. Colour swatches, logo’s, icon sets etc.

The Next Steps…

You probably are fully aware of how important a design language is within your platform but saying to yourself ‘where do I start?. This article is pretty high level. Creating a design language goes far, far deeper then what I have identified above. The creation of the styleguide and in turn the development of a component library is the evolution of a design system.

So here is a process that I’ve put together that should help you focus on exactly what is needed to get the ball rolling:

Do a UI Inventory Audit

Before you start anything, its best to identify how inconsistent the current build is. This works in two ways. It helps identify the reason as to why you’re doing it, to identify how inconsistent everything is but it should help you get the backing of the business as to why exactly you’re creating the design system; to create consistency across the platform. Brad Frost has put together a great article around how you go about doing a UI audit.

Prioritise Your UI Elements

Im sure every design team has different priorities with regards what they feel is crucial to creating consistency but there are generally some elements that are critical to creating the basics. The likes of colours, typography and iconography is a great place to start.

Work closely with the design and development team to create a list of priorities based on your UI audit, this should guide your roadmap for the foreseeable future. I’ve found using a Trello board as a way to keep a priority list up to date is a great way of working.

It allows you to 1) create your list and set them in a line of priority i.e what are you going to tackle first and 2) allows you to track exactly how far along you are with each component.

Start Discussions with the Design Team

So now that you’ve identified exactly what you’re going to be tackling first in the priority list, its time to sit down with the design team to get all ideas and opinions out around the first components needed.

There are various approaches as to who owns the design system project, but for this instance I’m going to take the instance that there is one sole designer who is in charge of control of the project.

This means it’s up to you to discuss every aspect of the component with the designers who will, in time, be using the design language. This is extremely important to ensure that the designers all feel as if they have had an input into what is being created.

Document all Instances

Its time to start making some decisions. Document what you are creating, ensuring that you’re catering for all instances needed. Its vital that what you are creating is not a subjective decision.

You have to have rationale as to why you are making these decisions as it will allow you to explain your decisions to the design team down the line.

See if it Works

The next step is to try out your decisions. Its very easy to make decisions on paper but when you are putting them into practice it might turn out that some decisions just don’t work. Try out some examples of the new style using current designs.

Lock it Down

One you are happy with the outcome, and you have buyin from all parties, its time to lock it down and educate the rest of the team as to how and why these elements are to be used. It’s important to remember that although you are locking down the styling, that if you feel certain elements aren’t working, that you can change it if needs be.

Move to the Next Element

Once you have educated the team and are comfortable in the knowledge that the designers are respecting your decisions, its time to move onto the next set of elements. Its up to you as to how many elements you take at a time, but you should never bite off too much.

It will just distract you from really focusing on the smaller details. My starting preference would be – Colours, typography // Icons, input fields // Tables, Lists // etc.

Once everyone is educated as to what the new style is, its important that all designer and developers are implementing the styles properly.
Weekly checkins are vital to monitor the style choices to ensure that everyone is working off the same design decisions. Using products such as Craft by Invision really help bring consistency when moving forward.

How to Gauge Success…

“The Design Language is not a success until the company starts using it and finding value in it.”

Examples of Design Languages…

Also, here is a case study that I created for a recent design overhaul that I was involved in: Ryanair Design Centre.

“The biggest existential threat to any system is neglect” – Alex Schleifer, VP of Design at Airbnb

The post Creating a Design System Language appeared first on Speckyboy Design Magazine.


Source: Speckyboy

The Underestimated Power Of Color In Mobile App Design




 


 

Color is arguably the second most important aspect of your app, after functionality. The human to computer interaction is heavily based on interacting with graphical UI elements, and color plays a critical role in this interaction.


The Underestimated Power Of Color In Mobile App Design

It helps users see and interpret your app’s content, interact with the correct elements, and understand actions. Every app has a color scheme, and it uses the primary colors for its main areas.

The post The Underestimated Power Of Color In Mobile App Design appeared first on Smashing Magazine.


Source: Smashing Magazine

5 Tips on Hiring the Best Web Designer

You’re reading 5 Tips on Hiring the Best Web Designer, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

5 Tips on Hiring the Best Web Designer

Hiring a web design can be an exciting process. When I talk about hiring a web design in this post, the advice can be applied in a variety of ways. First, it could mean hiring a single, usually freelance, designer for a job you need to be done. It could also refer to a web […]



Source: Designmodo