Facebook? I Don’t Care! – via @NoupeMag / noupe.com


By 

idontcarebuttonfacebook-teaser-w550

The Maple Kind is a website with a distinct claim that reads “Where infographics meet comics and bullshit!” What urges its creators is to make you chuckle. This sure does sound much simpler than it is, but it definitely implies, how the following infoographic shall be read. Therein, the Maple Kind argues, why we need a new button on Facebook (a few more than one more, in fact). This new button shall be named ” I Don’t Care” and is bound to be the most widely used expression on Facebook, once it has been instated. Though the infographic in fact made me chuckle, The Maple Kind does not follow a far-fetched approach. Take a look at your own use of Facebook. What would you use more often? Like or I Don’t Care? I know what I would do, but I don’t see Facebook as anything of value for modern society anyway…

 

Read more

 

Anuncios

What One Thing About Web Design Would You Change Today?

As Web designers and developers, much of our time is spent carving out little corners for ourselves: setting up stops along the information superhighway, creating hangouts to populate the virtual landscape. We shape areas of the Web as we choose to or as our clients command—like Neo altering the Matrix. Unlike Neo, though, we have rules to follow, standards to meet. Web development and design exist in a framework that dictates what we can and cannot do. With this idea of molding the Matrix in mind, we once again turned to our followers on Twitter.

In a recent poll, we asked: if you could make one thing about Web design different today, what would it be? To avoid repetition, we included a caveat: other than making IE disappear? With that, a wide range of answers flooded in on hash tags.

As always, we appreciate everyone who took the time to respond to the poll. Having a strong connection with our readers is rewarding—that’s one thing about the Web design and development community that we hope never changes. Below is a peek at what Web development and design would be like if our Twitter followers and Facebook fans had their say in shaping the industry.
Better Browsers…


http://www.noupe.com/design/what-one-thing-about-web-design-would-you-change-today.html
(…)

Better Browsers…

Even with the proviso in our question, most responses dealt with browsers—just not Internet Explorer. They also brought up how we build for the Web and how our work is interacted with, but browsers seemed to be the topic of the day. Judging by the amount of noise about it, the most frustrating problem is cross-compatibility between vendors. A number of different makers build browsers, and each browser has a unique way of rendering code; in this environment, designing and developing can be a burdensome task, and our readers would change it if they could.

Browsers in What One Thing About Web Design Would You Change Today?

Below are selected responses from our followers that offer a number of approaches to bettering the browser experience, and most of them deal with rendering code. There was variety in the responses, but making all browsers adhere to one set of enforced standards is an extremely popular solution. Compatibility was the focus.

  • I’d make every browser standards-compliant… and every website look amazing!
  • I would make every browser render the same code the same way.
  • Kill vendor-specific codes. No more of this -webkit crap.
  • Make all browsers be in sync. They are out of sync now. That’s the big difference between being a Web and graphic designer.
  • As many have said, cross-browser standards. So much time is wasted creating cross-browser compatibility. I’d also like to see better methods for separating content and navigation forms.
  • I’d ask all developers and companies to create one standard all-in-one Web browser. Need competition anyway? Here: plug-ins!
  • All browsers should have a unified rendering engine.
  • Standardize form elements across platforms and browsers.
  • Force standards. The W3C should have to “allow” browsers to browse the Web—and if -webkit, -moz or 90% of IE’s browser-specific bullshit were there, they’d block the browser. In a week, we’d have development heaven for all.
  • Make every browser read visual elements mathematically the same way so that developers wouldn’t have to care about cross-browsing.
  • We need a single open-source rendering engine (i.e. WebKit) that every browser could use and contribute to—and then we can scrap all other engines.
  • Fix font rendering. Leer más “What One Thing About Web Design Would You Change Today?”

The Ultimate Adobe Fireworks Toolbox

Full article
http://www.noupe.com/how-tos/the-ultimate-adobe-fireworks-toolbox.html

By Robert Bowen

Today we are here to help with the whole getting to know Adobe Fireworks a bit, as we dive deep into the internet to find the most useful sites, resources, tutorials and more to expand your Fireworks knowledge base and skillsets, and we deliver them all right into your readers.

Below is an assortment of various links that will help you assemble the ultimate Fireworks toolbox, so you can get the most out of this under used member of the Adobe Creative Suite family of design tools. So if you are a Fireworks enthusiast, or looking to become one, take a peek through the gathered resources below so that when you dive in to the works, you can dive in with style and preparedness.

Header1 in The Ultimate Adobe Fireworks Toolbox
General Websites

So the first section of our resource gathering finds us with a broad view opened up across the vast network of cyberspace to find you some dedicated sites based around this useful, oft overlooked, graphical and wireframing application. Below are a handful of places that anyone looking to beef up their FW toolbox should be heading first and foremost. Naturally our view will narrow in the sections ahead, but for now, these websites have loads of resources and tutorials for you to expand both your skill and your toolsets.

Adobe Fireworks Team is the FW focused blog from the folks over at Adobe. If you are looking for Fireworks info and insights, then what better place to start than at the source itself. This blog is loaded with all sorts of related tips and talk to help you get more out of the application than you first thought.


Full article
http://www.noupe.com/how-tos/the-ultimate-adobe-fireworks-toolbox.html

By Robert Bowen

Today we are here to help with the whole getting to know Adobe Fireworks a bit, as we dive deep into the internet to find the most useful sites, resources, tutorials and more to expand your Fireworks knowledge base and skillsets, and we deliver them all right into your readers.

Below is an assortment of various links that will help you assemble the ultimate Fireworks toolbox, so you can get the most out of this under used member of the Adobe Creative Suite family of design tools. So if you are a Fireworks enthusiast, or looking to become one, take a peek through the gathered resources below so that when you dive in to the works, you can dive in with style and preparedness.

Header1 in The Ultimate Adobe Fireworks Toolbox

General Websites

So the first section of our resource gathering finds us with a broad view opened up across the vast network of cyberspace to find you some dedicated sites based around this useful, oft overlooked, graphical and wireframing application. Below are a handful of places that anyone looking to beef up their FW toolbox should be heading first and foremost. Naturally our view will narrow in the sections ahead, but for now, these websites have loads of resources and tutorials for you to expand both your skill and your toolsets.

Adobe Fireworks Team is the FW focused blog from the folks over at Adobe. If you are looking for Fireworks info and insights, then what better place to start than at the source itself. This blog is loaded with all sorts of related tips and talk to help you get more out of the application than you first thought. Leer más “The Ultimate Adobe Fireworks Toolbox”

40+ Useful Online Generators For Web Designers

By Cameron Chapman

Generators can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Below are some useful generators to help you speed up your web design process. There’s everything from color scheme tools to complete layout generators included. If you know of other useful generators out there, please share in the comments!

Color Schemes

A good color scheme is the cornerstone of a good website design. Coming up with unique and appropriate color schemes isn’t always easy. That’s where these color scheme generators come in handy.


Full article
http://www.noupe.com/tools/40-useful-online-generators.html

By Cameron Chapman

Generators can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Below are some useful generators to help you speed up your web design process. There’s everything from color scheme tools to complete layout generators included. If you know of other useful generators out there, please share in the comments!

Color Schemes

A good color scheme is the cornerstone of a good website design. Coming up with unique and appropriate color schemes isn’t always easy. That’s where these color scheme generators come in handy. Leer más “40+ Useful Online Generators For Web Designers”

35 Excellent Wireframing Resources

By Cameron Chapman

Wireframing is an important part of the design process, one that shouldn’t be overlooked by even the most experienced designers. Wireframes can save development time by outlining exactly how a site should look and function, in a manner that can be shown to and approved by your clients.

But wireframing can be confusing, especially to new designers. What’s the right way to create a wireframe? Is there even a right way? Should I use pen and paper or software? Which software? How long should it take? All these questions and more are answered in the resources below.


By Cameron Chapman

Wireframing is an important part of the design process, one that shouldn’t be overlooked by even the most experienced designers. Wireframes can save development time by outlining exactly how a site should look and function, in a manner that can be shown to and approved by your clients.

But wireframing can be confusing, especially to new designers. What’s the right way to create a wireframe? Is there even a right way? Should I use pen and paper or software? Which software? How long should it take? All these questions and more are answered in the resources below.

Wireframing Articles

The articles featured here discuss wireframing and prototyping both from a theoretical and a practical point of view. If you have questions about how to wireframe or why you should, one of the links below will likely answer your questions.

My Five Commandments for Wireframing
A podcast and article from Boagworld on good practices for wireframing, including why you should wireframe and the benefits of paper wireframing.

Fivecommandments in 35 Excellent Wireframing Resources

Wireframes for the Wicked
Here’s a slideshow that talks about the purpose of wireframes and the different types of wireframes.

Wireframesforthewicked in 35 Excellent Wireframing Resources

Sometimes, the Best Wireframing Tool is a Pencil
A brief post on why wireframing with paper and a pencil sometimes works better than using computer-based tools.

Wireframingpencil in 35 Excellent Wireframing Resources

Why Sketching and Wireframing Ideas Strengthens Designs
This post from SpyreStudios covers why sketching and wireframing your ideas leads to the evolution of good designs.

Wireframingstrengthensdesigns in 35 Excellent Wireframing Resources Leer más “35 Excellent Wireframing Resources”

Stunningly Creative Infographics


http://www.noupe.com/how-tos/creative-examples-of-infographics.html

The Most Dangerous Cities for Walking

Infographics76 in Creative Examples Of Infographics

What People are Doing Online

Infographics74 in Creative Examples Of Infographics

Glass Half Empty: The Coming Water Wars

Infographics21 in Creative Examples Of Infographics Leer más “Stunningly Creative Infographics”

What is the worst mistake you see other designers make all the time?

It is always a powerfully intoxicating moment when our design work impresses our peers and garners their attention and praise. We all like to feel as though we are innovators, and so some of us set out to push the envelope to new places. Forgetting all the while that we have no proverbial trail of breadcrumbs to lead any lay person along so they can find their way as well. UI and UX should never be sacrificed for style or presentation.

Yes, we want to strive for originality, but we still need to find ways for our design to remain accessible to all those journeying through the design world. It is not just for the experienced and the worldly wizened that we are creating our design for, it is for everyone. Something that we should never allow ourselves to lose sight of.

* Designing for other designers instead of designing for lay users
* I see many designers focus on making websites look great, without focusing the UX on their primary conversion goal.
* not planning an interface to follow the user’s “train of thought”.
* Forgetting to consider the users.

Not Making Choices

There is a rule of thumb that a lot of writers take on as truth when seeking out a lasting story that will resonate among the masses, and to some extent, designers have this same rule of thumb even if they do not know it. That rule, is that in order for your work to remain effective, we have to make creative choices. These are not necessarily going to be easy to do, in fact, some choices that you face making during the creative process are going to be down right onerous.

But regardless of how difficult they may seem as we approach this crossroads of imagination, these decisions have to be made in order to keep your design as fresh and communicative as it can be. Our imagination is what is supposed to separate us, and make us stand out from the rest of the designers in our field, but only if we employ it.

Now we know that some design choices ultimately end up out of our hands when we are working with a client, no matter how vehemently we object, we may have to make some compromises for the sake of the project. And we sacrifice innovation for mass appeal to reach a more general audience.


By Robert Bowen | http://bit.ly/bjdjAQ

We recently published a post was aimed at learning from the mistakes of others, and we turned to our friends and followers online and asked them to come clean about the biggest mistake they had made so far in their careers. You might have seen it, What is the Worst Design or Programming Mistake You’ve Ever Made?, was received quite well, and not only did we get some great responses initially from which to build the post, but we have got some more revealing replies from our readers. Now we are at it once again, trying to help out the community, one bad experience at a time, with a little more help from our friends, of course.

Just as before, it can be beneficial to learn from mistakes made by someone else who is kind enough to share their experiences with us, only their experience in this case, is more from a critiquing eye, than from their own path. This time out, we asked our social media masses to look outward for the post, rather than looking within, to find a mistake that they see others in the design world making time and again.

This way, we can help each other correct these errors, and without the critique being focused on any one individual. Rather a general observation that only we can know if it applies to us or not. If we are guilty of committing the design sin, now we know to look for it and fix it. Leer más “What is the worst mistake you see other designers make all the time?”