Web Design

Design trends

Thursday, February 14th, 2008 Brandon Gregory
Here are some of the latest design trends in the graphic design industry (backed by a little research and my own biased opinions). Dark grey is the new brown (which was, until recently, the new black). For a while, black was the dirty, grungy, cutting-edge color to use—and I'm not just talking about black text. Black backgrounds usually meant "cool site" (or at least, "I'm trying to look like a cool site"). As the market got saturated with cool sites with black backgrounds, brown and earthy, natural tones started taking over as the edgy, grungy colors. They were dirtier, more organic. Now, dark grey (and, by proxy, a little bit of black) is creeping into the market, with some of the more trendy sites choosing a less-harsh-than-black shade of grey as their main design element. The result is a background that makes colors and white pop as much as black did, but isn't as harsh to look at. Orange is out. Pink is in. Orange used to be the quintessential high-tech color. (I think before that, it was bright green.) It's been that way since the turn of the millennium. Orange is finally on its way out, after years of market saturation. That isn't to say that it's completely gone, though—it's still being used sparingly, but not to denote forward-thinking philosophies. Pink began to take on a less-feminine denotation a few years back, with some t-shirts half-jokingly suggesting that pink is actually the new black. Well, the t-shirts were wrong—pink is the new orange. Bold shades of pink, magenta, and fuchsia are showing up in newer designs more and more, and usually in a cutting-edge, artistic context. Primaries are in, too. Bold, primary colors—specifically, blue and red—have been getting a lot of use lately too, and not for patriotic reasons. Red has been used in combination with black for some time, but it's now seeing widespread use with all sorts of other colors. Yellow is sneaking onto the scene too, but has yet to see widespread use. Yellow has been shown to be the most eye-catching color, but also the most agitating color and the hardest for the eye to take in. So I don't think we'll see very many overwhelmingly-yellow designs (or, at least, I hope we don't); but I think we'll start seeing more of it in logos and ads, at the very least. Whitespace is good. This is more prevalent in Web design than traditional graphic design (where white space has always been more prevalent), but we're seeing more and more whitespace surrounding elements. Gaps between elements are getting bigger, and more and more sites are adopting the very eye-catching concept of surrounding a bold element with a lot of whitespace. In the last couple of years, even the space between lines of text has been slowly increasing, going up from the standard 1.25 em to somewhere around 1.5 em to aid in readability. (This is equivalent to the 1.5 line-spacing in Microsoft Word, for reference.) Part of this could have to do with the realization that online users will now scroll down a page, whereas twelve years ago, they wouldn't. The freedom to take up more space has allowed for greater readability and aesthetic design than previously thought possible. The swoosh needs to go. Seriously, someone needs to shoot that swoosh. The market is saturated. The once dynamic shape has lost its flair. And yet, corporations still choose to make it a part of their logos. Word on the street is that a major credit card company will soon be changing their logo to incorporate the swoosh . That's the equivalent of playing the Macarena in your car commercial in the year 2008. I can't say that the swoosh is out; only that it needs to be. Don't worry if a logo you've had for years has a swoosh—brand recognition trumps swoosh saturation any day—but please don't request to have your logo re-designed to incorporate the swoosh. Serif logos are dying off. More and more logos are being updated to sans-serif fonts, and I'm not talking about the tech- and art-related companies—brands like Excedrin, the LPGA, Business Week magazine, and Reader's Digest are making the plunge. Now, this is by no means a new phenomenon—sans-serif fonts have been more modern-looking ever since they came about—but older, more traditional companies are starting to give in to the trend. Serif fonts will never disappear—they've proven to be more readable in print, and even on screen at larger sizes—but they just don't have the modern look that sans-serif fonts provide. Brands or companies wishing to update the look of their companies' logos usually start there.

Ode to JavaScript

Monday, December 10th, 2007 Brandon Gregory
If you've worked on the Web at all, you've probably heard about JavaScript. JavaScript is a scaled-down programming language based on Java and streamlined for the Web. But in a sea of Web programming languages, does JavaScript really stand out? Actually, yes. JavaScript does something that none of the other major languages can do. The big difference between JavaScript and other Web programming languages is that JavaScript is a client-side Web language, meaning that it runs after it loads on the user's computer rather than on the server before it gets sent to the user. PHP, Visual Basic (ASP or ASP.NET), and C# (ASP.NET) are server-side languages, meaning the code is run on the server before the web page is even sent to the user. Because it runs after the page is loaded, JavaScript allows us to make changes to a page without reloading it—making JavaScript the key element to interactive web pages. Still not a believer? Go to a web page with a lot of images and then paste this into your address bar and press enter: javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0); It's magic! If you don't understand all that stuff I said above about a client-side programming language, I'll tell you that JavaScript is magic and those who can write it are powerful wizards. The truly sad news is that some JavaScript wizards can use their powers for evil rather than good. You know those alert boxes that make you click OK before you can continue? That's JavaScript. Pop-ups and pop-unders? Re-sizing your browser window? Rick Astley? All JavaScript. For this reason, some people disable JavaScript entirely in their browsers. The last global estimate was that somewhere around 6% of Internet users have JavaScript disabled. But JavaScript can do useful things too. JavaScript can make changes to an HTML form so that you don't have to load three pages just to fill out a single form. JavaScript also gives web designers a way to make links in a web page that will send you back to whatever page you came from, send the page to a printer, or add a web page to your favorites list automatically. Dynamic Drive has some crazy JavaScripts for menus, calendars, text scrollers, and tons of other things. Also, check out this page to see the true power of JavaScript. So before you discount JavaScript as a means of cheap tricks and cyber hi-jinks, remember that it has many valid (and valuable) uses! JavaScript is a designer's friend, and it allows us to make the Web a more dynamic place. So here's to you, JavaScript! May you live long and grow in features, and may we find ways to block your more annoying uses.

New things in innovation

Monday, October 8th, 2007 Brandon Gregory
Here at PlattForm, it's not all about innovation. It's now about Ninjavation. (Not a real word… yet.) A while back, we started a Ninjavation Committee to come up with new ideas and ways for us to get leads for our schools. The idea caught on so much that we soon broke our entire Interactive department up into multiple Ninjavation Committees. We're allowing the teams to come up with projects to carry out. Teams are given budgets to carry out their plans, and each team contains a good cross-section of employees that should be sufficient to get a project done. One of our Ninjavation teams has convinced I.T. to set up another web server and give web space to PlattForm employees, essentially enabling them to be Internet entrepreneurs. We're coupling this with an eight-week crash course on the technical aspects of web design (taught by yours truly). We'll organize later classes on the aesthetic issues of design, SEO, marketing, programming, and more. We've got a bright and talented bunch over here, so the potential is exciting. Another idea was to craft a career aptitude test. The user would fill out a somewhat lengthy survey (long enough to give really good results, anyway) and we would give him or her a score sheet at the end with aptitudes for career areas. At the end, though, the user would have the option entering a zip code and finding schools that offer programs in their areas of aptitude. At PlattForm, we really see what we do (connecting students with schools) as helping people. Creating a tool like that is just a natural extension of that ideal. One team had the idea to connect students who sign up for information from schools with information on student loans (from an external site). Another wanted to start on an education portal in Spanish that would reach a new audience. Ideas are flying around, and we have self-sufficient little cells of people backing each one of them. None of these ideas are guaranteed to be carried through to fruition; but the ideas are there, and we do have people working on them. Exciting things should be coming from PlattForm, and it's all thanks to Ninjavation. Let us know if you have any ideas, and we'll see what we can do about implementing them!

Quantcast: intelligent web reporting for the masses

Monday, September 10th, 2007 Brandon Gregory
In affiliate marketing, it's important to know how many people visit a site. This helps us figure out which sites to work with – sites that get 10,000 or more unique visits per month usually make much better affiliates than sites that get less than 2,000. The problem lies in actually getting accurate reports on that data. There are a few online web reporting tools that can help us determine these numbers; but there are some fundamental flaws in these tools. The numbers that these tools give are slightly skewed because of the demographic that they're gathering their data from – webmaster-related sites score much, much higher than they should, and many sites are misrepresented. Also, scripts have been written to spoof these tools, making it look like tens of thousands of extra visitors are coming to these sites. These tools can be good for getting rough estimates, but for examining web sites that make their owners a living by convincing others that a ton of people are visiting their sites, the margin for error is just too significant. Enter Quantcast, a new web reporting and web analytics tool available to web site owners for free. Like these other tools, Quantcast extrapolates data from a panel representing a random sampling of the American Internet-using public. If web site owners are upset because their numbers seem off, though, they can install a tracking pixel to get 100% accurate data on their web site made available to the masses. Quantcast's tracking pixel is placed using JavaScript, which is a key difference from other web reporting tools—bots and scripts can't activate JavaScript. Quantcast will only track real, live visitors to a web site. In addition, Konrad Feldman, CEO and co-founder of Quantcast, has a strong background in online fraud detection: his previous company made software for 60% of the world's top banks to detect fraud, money laundering, and terrorist financing. Also, Paul Sutter, the President and other co-founder, is no slouch in detecting sneaky web sites either –he was once the Vice President of Engineering for the search engine giant Altavista. Quantcast does not take spoofing lightly. Even more fun, though, is Quantcast's web analytics feature, comparable to Google Analytics. In addition to providing basic data to the masses, Quantcast's tracking pixel can provide you with more detailed information on where in the country your visitors are coming from, what keywords they use to get there, and how many of them are repeat visitors. This marketing data can help web site owners determine what marketing is actually getting users to the site and what their biggest draws are. Quantcast is relatively new on the market, but a great many sites are already choosing to quantify their traffic (by installing the tracking pixel), and it's emerging as an invaluable tool to investigate the reach and demographic of a web site. If you're into that sort of thing and you haven't checked it out yet, you really need to. We did, and we feel smarter already.

User-Generated Content and You

Monday, August 20th, 2007 Brandon Gregory
User-generated content (UGC) has been getting a lot of buzz lately, and for good reason; when used correctly, it is an incredibly effective marketing tool (and it's generally a lot of fun, too). UGC is so effective because consumers are sick of sales pitches – they trust other consumers, not salesmen. UGC is real. Using it can give you the kind of credibility you won't achieve through advertising alone. One of the most brilliant (and entertaining) uses of UGC is found on www.willitblend.com. The site chronicles the sheer power of a blender like no other. Users can suggest things to blend, and the suggestions are actually taken. There are videos on the site of the blender blending everything from an iPhone to cubic zirconium. There's also a video of them sticking a video camera in the blender and filming the ensuing carnage from a first-person perspective. (There was even a video of them trying to return the blended camera to the store where they bought it, but it has since been removed for legal reasons. I can't tell you the name of the store, but it rhymes with Rest Rye. You can still find the video on YouTube, though.) But I digress. Amazon.com has made great use of UGC with its user reviews on virtually every product that they sell. Before buying a product, users can read what other people who have used the product say about it. In some cases, they can even see comparisons of similar products to get an idea of what the product is like. Amazon.com has an edge over physical store locations because users can get opinions from people who aren't trying to sell them something. The simplest way to implement user-generated content is to start blogging. "But that's not written by users, Brandon, how could that be UGC?" you ask. Well, people can leave comments on blogs. This also gives you a great deal of control over your UGC, as you control the topics of conversation and you can choose whether or not to display a comment. The element of interaction draws an audience, and positive comments from users carry a lot more weight than positive statements from employees. You can take blogs a step further by asking students to blog, and then linking to those blogs from your site. (For quality control, you can host the blog on your site and have students send you their blog posts for you to post yours.) By some miracle of sociology, every college student loves to blog, so it shouldn't be too hard to find volunteers. It might help to hand out assignments or make requests of the student bloggers – but make sure not to pull the reins too tightly, or the content will seem forced. A much more immersive and usable example of UGC is forums. With forums, users can interact with each other freely and in whatever way they choose. Classes can collaborate on private boards (imagine the potential for a creative writing class), and online clubs and organizations can make use of the forums to create a tighter community. The big downside to forums is the upkeep. You have to have moderators that frequent the boards, and you have to have dedicated posters or else the boards just seem dead. Done correctly, forums are an incredible community-builder; but done incorrectly, they just die off slowly. A more classic example of UGC would be some sort of advertisement contest. If you have a video program, you could have a contest to produce a television spot or promo video for your web site (that would probably find some success on YouTube as well). If you have a web design program, you could hold a contest to come up with art or a new section for your web site, or even to come up with a site for entertainment that only loosely ties back in to your school. Find out what your students are good at, and give them avenues to express themselves. These are just a few ways that schools could incorporate UGC. Really, the possibilities are as plentiful as your users. Just make sure that your UGC shines through as genuine, or else users won't be very excited to see it.