Posts filed under Design
Drupal for Journalism Educators: Poynter's News University Goes Live
Last week, Poynter’s NewsU.org, the world’s leading journalism education website, went live with a complete redesign. The website was designed and developed by Aten and built entirely in Drupal. It is the result of almost a year of strategy, design, and development, in collaboration with the incredible team of web producers and content experts at NewsU.
It’s an exciting step forward for NewsU, and an exciting case study in using Drupal as a learning platform. The website features hundreds of courses spread across several course types, each with its own needs for design, behavior, reporting, and 3rd-party integration.
A few of challenges we tackled with NewsU included:
- Creating an effective UI for allowing NewsU to promote — and end users to find — courses within an extensive catalog of almost two hundred training modules.
- More clearly demonstrating the relationship between NewsU and its parent organization, the Poynter Institute.
- Managing permissions and enrollment across hundreds of courses for more than 130,000 users.
- Importing massive data sets into Drupal from legacy sources including MySQL and SQL Server.
- Integrating with SCORM learning modules, Adobe Connect, and other 3rd-party services.
- Developing and implementing design and technical standards for creating (as well as retro-fitting) courses across the entire website.
We’re extremely pleased with the outcome of the process. It is rewarding to work with organizations that have such relevance in the current world climate. As journalism continues to evolve and adapt in the age of the Internet, the need for quality, relevant training will need to adapt with it. So far, Drupal has proved a capable platform for handling the unique needs of an online learning experience. We’re looking forward to helping expand and refine both NewsU and Drupal as a learning platform.
Check out the redesign at NewsU.org.
Look out for an upcoming case study on the design and development process, as well as a soon-to-be announced session proposal for DrupalCon San Francisco. You can learn a bit more about the redesign process at NewsU Next, see what people are saying on Twitter, or ready the official press release.
Embracing the Iterative Design Process
I’ve officially replaced Scott as the newest member of the Aten team. For more than a month now, I’ve been soaking in everything, and I wanted to take a minute to reflect on my experience. So far, I’ve been very involved in Aten’s design process. It seems fairly similar to how I’ve done things in the past, with one clear exception: the attitude surrounding design revisions. Throughout my career as a web designer, I’ve always seen (and been a part of) negativity around the revision stage of the design process. In some ways, I think we all feel like our awesome designs might be ruined by the input of others.
Aten calls the revision stage of the process the “Iterative Design Process.” To me, this has meant that no design is going to be perfect from the get-go, and as a team, we’ll help each other make good ideas great through iterations of the design. The same idea applies once we present a design to a client… we make it clear that what we’ve created may just be the starting point, and we extend an invitation for clients to provide feedback that will help make what we’ve created even better.
Maybe it’s as simple as calling it an iteration versus a revision, but from what I can see, it’s enough to keep it a positive – and effective – experience. For me, I’m happily getting used to the Iterative Design Process.
Print Design for the Web
I subscribe to a number of magazines that have great content and a really solid design. Wired, ReadyMade, Paste, and Bon Appetite are the four magazines at the top of my list these days. I enjoy them for their use of typography, or their interesting use of photography as an anchor for their articles. Within the bounds of still images, the possibilities in print are virtually limitless.
But wait a minute! The web has not been left in the dust. Lately I've been feeling pretty good about the direction the web is taking in regards to design and the things that can be accomplished online. More and more, sites are embracing grids, large photography, interesting layouts, and custom typography. Here are four of my favorite websites when it comes to design and why I think they're so strong.
idsgn
idsgn is a blog about graphic design, branding, typography and sometimes video. This site uses large images and a tight grid to present topics ranging from Handmade Fonts to Michael Jackson to the latest Ritz packaging. I'm really digging the color scheme and typography (nice blockquotes!) and will definitely keep reading.
Space Collective
Click through the mesmerizing intro on this site and you'll find a wealth of posts, projects, and pictures all having to do with the "state of the species, their planet and the universe, living the lives of science fiction today." Sounds pretty cool, huh? The site pushes the futuristic theme with a clean layout, a combination of contrasting and complimentary colors, and some great sans-serif typography.
A Brief Message
Although it's been a while since it was last updated, I've always enjoyed the short form articles featured here. 200 words or less is quite a limitation and I can't help but wonder if that helps make these articles look like they came straight out of a magazine. The use of a single illustration with content wrapped around it creates a strong presentation with more visual punch than a simple blog post.
Jason Santa Maria
If you aren't familiar with his ever-changing website, take a minute or ten and look through all the different layouts used by Jason Santa Maria. I'm particularly fond of "What the World Needs," a comic-book themed post covering Jason's dreams of becoming an illustrator before he moved on to design (my life mirrors this pretty closely). This, people, is what the web is about. Each page is expertly laid out and every typographic detail has been considered.
If every page on the web was as expertly designed as the pages of these sites, I could die a happy man. That said, it's not like all print design is perfect. We can't all be Milton Glaser.
Building websites for content
We take a content-first approach to building websites. That means that one of the first things we’ll do in a project is ask you for all of the content you plan on publishing to the web. That’s right, all of it.
What if you don’t have all of it?
Well, then we’ll want to have some really in depth discussions about what it’s going to be. Content is an incredibly important part of every project for us, here’s a few reasons why.
Where’s the beef?
Users want stuff. Whether it’s products, news, images, articles, local weather, social networking or a plethora of other things, your content is the reason people come to your website. Your content is what we’ll design for during the creative phase. It’s what we’ll build for during development. In fact, putting your users in touch with your content in a no-nonsense way will be our motivation in every step of the project. When it comes to building a website, understanding your content isn’t only a good way to start, it’s the only way.
Your content, your brand
The copy, images, video and rich media applications that you serve your users are the heart of your brand on the web. They’re how you communicate with your audience; how you build and maintain relationships that perform. The better we know your content, the better we know your organization - which helps us create a website that communicates your vision, embodies your brand, and invigorates your audience.
Everything in its place
People expect to find things in specific, sometimes arbitrary or surprising, places. Shoe polish? Look next to light bulbs. Camping gear? Try sporting goods, next to automotive.
Web content is no different. Your users expect to find content in specific places, and we need to make sure it’s there, waiting for them. A solid information architecture can mean the difference between frantic, frustrated clicking, and smooth, intuitive browsing. So how do we know your user’s browsing habits? Among other things, we ask them how they’d find your content.. This process is a critical step in building your website, and we’ll need a comprehensive list of your content to complete it.
Unique approach for unique content
Your content helps to define our development approach. Do you plan on promoting company events? We’ll need to build a calendar. How about feature staff biographies? We’ll probably want to integrate profiles with user accounts. Each type of content that you feature on your website could mean a custom tailored solution, so we’ll need to be as prepared as possible. Having access to all of your content up front assures that we build out the functionality of your website realistically, with no surprises, and in a way that fits your needs like a glove.
Details, details, details
When it comes to the front end, it’s the small things that take a website from good to great. Getting the style right on an author’s name, a publication date, an address for an event, a blockquote, etc., profoundly improves the overall readability and aesthetic of the final product. Getting familiar with these details from the get-go, that is, the specific challenges your content presents, gives us much more time to get it right, and minimizes any “crunch” leading up to the launch date.
So what does all of this mean for you? Basically, expect to deliver a whole lot of content, and to do it really early on in the project. The way we see it, we’ll both reap the rewards. You’ll get an effective, smooth process and a high performance website that you can really be proud of, and we’ll get - well - pretty much the same thing, actually.
Telecommuting
About three years ago, my wife, Jen and I decided that we needed to be closer to our families before having kids. I had been working at the Aten office in Williamsburg for three years, and Justin was open to a change. So, we packed up and moved back to Rochester, NY (where we met in college) and I’ve been telecommuting ever since. Working from home is both terrific and terrible.
What Works
Luckily, 99% of everything I create is for the web. That alone makes telecommuting work well. I can quickly post design comps online, get feedback, and roll that feedback into a new version, all in a few hours.
We work for clients on a national scale. So we already have a solid platform developed for long-distance communication.
With IM, Skype, Phones and SMS, it’s cake to get in touch with people.
We use three main tools to share information; Basecamp for project management, Google Docs for sharing document files, and Gmail for e-mailing. Most of the time, they all work great together, with Basecamp sending you e-mail notifications and Google Docs inviting you to edit documents other people start. This trifecta of online software lets us share Requirements Documents, take collaborative notes during meetings, and generally record any communication we could possibly make. As a testament to how important a good process can be, I think our process has improved since I’ve been in the office, to the point where it just doesn’t matter where I am.
I do my best work when I’m in “The Zone,” that magical place where ideas come easily and I type about 10 times my normal speed. Working in a quiet space is essential to keeping focused, and having a home office allows me to have as much quiet as I want. It’s much harder for people to distract me than when I worked in the office. Sometimes I come up with an idea over breakfast and being this close to my office allows me to implement them while they’re still fresh on my mind.
And finally, one of the greatest perks of working from home is that when I make a pot of coffee, I get it all to myself.
The Challenges
One of the biggest things you miss out on when telecommuting is face-to-face interaction. When I worked in the office, it was great hanging out with everyone outside of work. It stinks to miss out on snow-boarding with the team. That said, when I’m in Denver and we do hang out, it’s usually a lot of fun.
With IM, Skype, Phones and SMS, it’s cake to get in touch with people. Sometimes people forget I’m in a different time zone, but that’s okay.
The software we use is great for storing information, but sometimes it feels like the information is spread a bit thin, or it’s hard to find what you’re looking for. And not being in the office means I can’t just stick my head up and ask someone else.
The downside of working by myself is that sometimes it’s too quiet. Sometimes I’ll go for a couple days without seeing anyone other than my wife. That can be a bit strange. So, I try to hang out with friends for game nights and I’m looking into design-related networking opportunities in Rochester. Any ideas?
And then there are the random things you have to deal with when working from home. Just yesterday I had a guy deliver eggs while I was on the phone. And the week before that, I had to deal with an electrical problem in my office (A UPS is a must, even when using a laptop).
The Future
I’m really enjoying working from home. Despite its challenges, it’s been really great to live in Rochester and work for Aten in Denver. And if you have any questions about how well it works, just take a look at our work.
Jen is about 25 weeks pregnant, so things at home are going to change quite a bit in the next couple months. It’s exciting knowing I’ll be close after the baby is born, though who knows if it’ll ever be quiet again?