Our thoughts from our unique blend of philosophers, artists, educators, musicians, scientists and poets

@SandstormDesign

Drupal Basics: An introduction to Drupal for the non-developer

So, you're going with Drupal, eh? Let me be the first to pat you on the back! You're joining the likes of The White House, National Association of Realtors, Forrester Research and Harvard, all of whom have websites built in Drupal. This open source content management system is a developer favorite because of its robust and flexible capabilities for managing large amounts of content.

As with all things, the first step you probably took was a Google search to learn the basics of Drupal. But that quick search may bring up some overwhelming results as a lot of the information out there is actually for the thousands and thousands of Drupal developers who have made this content management system what it is today.

But you're not a developer, and no one expects you to be! (That's what we're here for.) You're what we call a content administrator. And we've put together some of the Drupal basics you'll need, without all that developer mumbo jumbo.

CONTENT TYPES

There are three main types of content on a Drupal site - Basic Pages, Articles, and Webforms. Each type has its own set of fields and purposes:

• Basic page - Just what it sounds like, a basic page. This content type will usually have fields like a main header, sub header and body content and is used for most of the pages on your site (like About Us, Products, or Services).
• Articles - These can be used for blog entries or news items. They have fewer fields than a basic page and include special fields like author and date.
• Webforms - This content type is for the forms on your site, like Contact Us.

MENUS

Every site needs some form of navigation. The menus let you take the different pieces of content on your website and organize them in an outline. The main menu, for example could be made up of a few basic pages like About Us, Products, and Services, and a webform for your Contact Us page.

BLOCKS

Blocks are smaller chunks of content that might show on a page but wouldn't be part of the content type. For example, you might have a callout on all the pages of your site. If this callout is a block, you can edit it once and the changes will show on every page.

CONTENT + MENUS + BLOCKS = YOUR WEBSITE!

When you take these different pieces and add them together, they make up your website! Look at the example Drupal website below and see if you can identify the different elements:

 

BASIC PAGE CONTENT

Although we call it a basic page, not everything on the page is part of the basic page content. Notice in the image below that the basic page content only takes up the center of the page...

 

MENUS

That's because the rest of the information on the page is either a menu or a block. There are three menus on this page—the main menu on the top left, the secondary menu below that and a utility menu in the upper right corner.

 

BLOCKS

Finally, the callout on the right is a block. It would be edited separately from the basic page content in the center, and the changes would be carried over to any other pages on the site that include the block.

There you have it, now you understand content types, menus and blocks! The basics of Drupal are easy to grasp, and once you log in and start updating, you'll love the ease and flexibility of it. Of course, if you ever need more than content updates, our Drupal developers would love to work on your website!

@SandstormDesign

Is Flash still an option for interactive web design?

When Adobe announced their decision to stop Flash development for mobile devices, we certainly weren't surprised. It's been a year since we've had any requests for Flash of any kind. But if you've been hearing that this is the end of Flash altogether, don't think that means it's time to toss it if you've got it.

If it ain't broke, don't fix it

When styling practices started moving away from tables-based layouts (way back when) there was a rush to convert anything and everything to tableless layouts with CSS. While many sites really did need to overcome some huge inefficiencies, others that were working perfectly fine in tables underwent redesigns just to be able to say they were now up-to-date. In reality, they could have waited until the need to change arose.

While mobile is growing and eventually we'll all want to have our sites accessible from any device, that doesn’t mean we all need it immediately.

Analytics

Check your analytics. If you don't have a very large mobile audience yet, and you're already using Flash effectively—then keep it! There's no reason to get rid of a perfectly wonderful experience built in Flash if your audience is accessing it just fine.

HTML5 for Mobile

If after checking your analytics you find that you do have a growing mobile audience, then HTML5 is the way to go. Along with Adobe's Flash statement, they also said they would be contributing to HTML5 for mobile. It’s universally compatible with mobile devices (iPhone, Android and beyond). The downside is that it isn’t completely functional in all desktop browsers yet.

Beyond the web site

Let's not forget, Flash isn't just for web sites. It's been used to create some amazing applications for use at tradeshows and conferences. And the great news is that these applications aren't affected by the mobile barrier, so Flash is still a great option for creating them.

 

At Sandstorm, we love the beautiful interactive work that has come from Flash. The Johnny Cash Project is one of our favorites. We even built an interactive conversation for a large insurance company. And while we'll always have a soft spot for Flash, we’re also extremely excited about the opportunities HTML5 creates. Regardless of the technology, we're just happy to be building powerful interactive experiences.

@SandstormDesign

Thank you, Steve

@SandstormDesign

Patrick McNeil on Typography, Social Media and Responsive Web Design – Part 2

During Part 1 of this two-part interview series, Patrick McNeil talked with Sandstorm Design about design trends, industry standards and the future. This time around McNeil shares his thoughts on typography, social media integration and responsive web design. McNeil is a web developer with an eye for design, and the author of the Web Designer’s Idea Book series. His next book, The Designer’s Web Handbook, will be coming in the summer of 2012. Be sure to also look for his recently released Web Designer’s Idea App, which compiles his first two books into an iPad app.

SD: What are your thoughts on the advancement of typography on the web?

PM: I definitely think it’s exciting because it brings a lot of basic options and beauty to the web. Typography can really enhance or kill a design and so its nice that we have a growing range of options to implement cool type and even better control over how it looks in general...The more control designers have, the better off the end result is.

SD: On the same topic of control, what do you think of the social media APIs and widgets that designers might not have as much design control over?

PM: Yeah, like the standard Facebook box that just looks like total poo...You can add a Facebook “Like” button in any way you want. It can look any way you want. But if you want to put that flow of what people are saying, then you’re a little stuck because it’s just ugly. I think sometimes it’s about tradeoffs. And sometimes it’s about how far you go to program something to make it just look awesome.

SD: What is an issue the web design industry has yet to solve, that you would like to see web designers tackle?

PM: The biggest shift, even as a result of the whole responsive design movement, is just fully accepting that the web is not print. For how many years have we worked our butts off to make a web site render the exact same across all browsers? And responsive design blows this up because all of the sudden you’ve got tablets, you’re thinking about netbooks different, and you’ve got smartphones, and you’re even thinking about people seeing it on their TV. All of the sudden, by the basic definition of it, you’re required to not think that it’s going to look the same everywhere.

In that sense, it’s not print. You print a brochure or a business card—you can print 10,000 copies—it doesn’t matter what you do, where you go, its going to look the same. I think that’s probably the biggest thing I see people moving past in this time in the web, really forcing that issue.

So I’ll be glad if everybody else gets on board and just accepts that things look different in different interfaces or devices. We just have to embrace each of them for the opportunity that they create.

SD: Would you say that’s the web design industry’s biggest success recently?

PM: I think that combined with some of the advancements in typography. They have really been potent. Because when you think about displaying the same site in multiple ways and then you combine that with better techniques for controlling typography and less need for images, or even for sIFR where you’re replacing it with Flash. The more that happens in the browser it just means that you can cater those things to individual devices better…I think we’re seeing pretty powerful results.

-----------

We really enjoyed talking with Patrick McNeil, and are looking forward to the release of the Designer’s Web Handbook. At Sandstorm Design, we work as a team to create powerful brand experiences supported by user research and a strategic marketing approach. We'll help you stay ahead of the curve with custom web solutions that are one step ahead of your competition.

@SandstormDesign

What’s this Google +1 all about? — The social search engine

Google has been rolling out changes one after another, with a new (but not that different) homepage design, the +1 button, and a social network in the trial phase. Here’s a quick, easy-to-digest breakdown of what these search engine and social media updates are all about: +1 Button This little button is yet another factor in search engine optimization, bringing more recommended sites higher in the search results. If someone you are connected to in your Google account recommends a site with the +1 button, you’ll see that they did. This is simply a tool to tally recommendations, and that’s it. The social aspect is just that you can see which of your friends have recommended a site. You should definitely be leveraging the +1 button in your search engine optimization and online marketing strategy. Google+ In plain English, Google+ is Google’s new social network (although they're not saying that). It’s in a trial phase right now, and isn’t open to everyone just yet. Here are its key features:

• Circles: Similar to Facebook Groups, Circles let you put different people in different circles, allowing you to interact and share with each circle separately.
• Sparks: This is a feed of content based on specific interests you have selected. From Sparks, it's easy to share with Circles, and create a thread of conversation around a piece of content.
• Hangouts: Video chat with multiple friends at a time.
• Mobile: There are a couple features that will be available for what Google calls a “pocket computer,” or mobile. Instant uploads let you instantly upload photos from your phone, and Huddles creates a chat-room style text conversation with friends.

What people are saying They’re saying a lot...Facebook already meets these needs...If Buzz didn’t have great success, why would Google+?...And while it’s nice to have our world tailored to our interests, don’t we need something to balance us? Something to remind us that there are alternative viewpoints we should consider, and our world isn’t the only world that matters? Eli Pariser raised some of these concerns this past February in a talk about The Filter Bubble. The gates through which we enter the Internet are changing. It will be exciting to see what happens in the not so far off future. And of course, we'll keep you up-to-date on how it will effect your search engine optimization and social media strategy.

@SandstormDesign

Consider Your Copy: Going Beyond the Logo to Create a Brand Identity

Your logo is not your brand. This is a common refrain from designers that combats the common misconception that all you need for a brand is a logo. Our Creative Director, Janna Fiester, shared an article with the rest of the team recently that talked about building an unforgettable brand outside of the logo. It makes a great point that we wholeheartedly agree with. Now this doesn’t mean the logo isn’t important (it is!), but there are definitely other factors to consider when it comes to your brand identity—copy being one of them.

A recognizable voice and tone is as important to the brand identity as the logo. Think about Allstate, for example. You always know an ad is theirs long before you see their logo. That’s the brand in the copy. On your web site, blog, brochure and other marketing materials, the copywriting should capture your differentiator in the marketplace. Your content should reflect any marketing objectives and initiatives currently in place. (Are you reaching out to new audiences or offering new services? Is your voice changing to speak more directly to these new objectives?) And, of course, the voice and tone should be consistent.

To insure we build a complete brand, our copywriters are vital members of the marketing and creative teams here at Sandstorm Design. They work directly with designers during the branding phases, giving each company’s unique identity a unified presence—in the visual elements, the marketing copywriting, and everything in between.

@SandstormDesign

Top Usability Improvements for LinkedIn Ads

I’m not here to report how a particular ad campaign went. I want LinkedIn to view this as free user research – they need to improve the user experience and usability of LinkedIn Ads.

The ad campaign setup consists of what seems to be three simple steps. But as the user moves through the experience, what initially felt simple becomes rigid and constrictive when trying to make changes, update, or delete.

The top three key items LinkedIn Ads could fix to improve usability and the user experience:

1. No delete? You’ve got to be kidding me. I’ve heard this complaint within other areas of LinkedIn before, so I wasn't surprised to find it in LinkedIn Ads. Once created, there is no way to delete an ad campaign or ad variation. You can hide them, but not delete them. Users should always be allowed to delete anything they create (just make them confirm it's really what they want to do).
2. No “Save” option. If you leave the ad campaign setup process at any time, LinkedIn saves everything you started. This is great, except they don’t tell you they’re going to do that. So if you leave before finalizing a campaign, you would assume you're losing what you started. Upon coming back to find it's still there—you might be surprised, and also annoyed you didn't know it would be saved in the first place. If the functionality is there, tell the users upfront so they can plan for it.
3. Cannot add new ad variations. I love that LinkedIn gives users 15 ad variations per campaign. But after you go through the initial three steps, there’s no way to come back and simply “Add a new variation.” You have to use a workaround where you duplicate an existing variation and just make changes to that. Users should never have to use a workaround for something that should be basic functionality. In fact, they should never have to use a workaround, period.

Despite my rant here, I love LinkedIn, and am very pleased to see it growing so much (100 million members as of March 2011!). As they grow, usability and the user experience is definitely something they'll want to put more focus on. For now though, these few items would make a nice improvement.

Don't forget to follow our usability and user experience design agency on LinkedIn!

@SandstormDesign

Drupal 7 Developers Share Lessons from Conference in Chicago

This time a month ago, Sandstorm Design attended DrupalCon Chicago. Since then, our team of Drupal developers have been sharing with the rest of the company the key takeaways from the conference.

Over sandwiches and soda, our Technology and Usability Director Michael Hartman talked to the team about new possibilities Drupal 7 features open up and how we can use them to continue to provide exceptional content management solutions. We were inspired enough to keep discussing Drupal long after the last bite had been eaten. In fact, we're still talking Drupal this and Drupal that. And the conversation isn't likely to end anytime soon!