Strategies For Staying Educated About Interactive Media, Front-end Development, and Web Design

A lot of professions require keeping up to date with standards and trends, but for interactive media, it is almost a weekly commitment and should be a part of the job.  With interactive media, there are trends that appear every year and it is usually a good idea to follow them.  It is almost expected that people accept these trends and throw away the old ones; if you don't, you'll quickly be called outdated.  I've been there.  Within development, there are frameworks are pop up every now and then.  If you want to stay in the business, you must learn these new frameworks.  Every couple of years, the semantics of code is changed and you must learn the new tags.  Browsers are always being updated, operating systems change, platforms are introduced.  So how do you stay up to date?  Let's explore how.

Front-end Development

I've already made a post about this, but following the key players is probably one of the best ideas.  All of the big developers are on twitter and some of them have blogs.  It's important to keep up to date with these guys because some of them are the ones making changes to the markup.  Some are developing the  platforms where your future code will rest.  Others create new libraries, like jQuery for example.  However, the best thing is that you can have a one on one interaction with these internet celebrities.  More than not they will answer your questions.  Additionally, you get access to their thought process, their random ramblings, their weird lunch thoughts.  Today is a weird world; we pretty much have access to everybody's journal through twitter and blogs.  Use it and hopefully you'll get a peak into an artist's process.  Attend conferences.  Here you will have a chance to see the most up to date technologies and trends.  Attend field-specific conferences too, like front-end development conferences.

Web Design

Staying up to date with web design is pretty much on the same level as front-end development.  In order to be the best web designer, you must know how the web works.  If you don't know how stuff is made interactive, then you definitely have a disadvantage compared to other more well-rounded designers.  To stay up to date requires observing others.  Dribbble, for instance, is a great way to see what other web designers are doing.  You can take a peak into their process because a lot of the shots are works in progress.  Dribbble is also a great way to see what is trending; the most popular page is full of trendy designs, fonts, colors, and methods.  It is worth taking a lot at some agencies as well.  These are the guys making the products for the startups.  They should be making the most up to date stuff. And it usually looks good.  Attend conferences.  These conferences will be showcasing the most up to date technologies and trends.  There are conferences all over the United States, but a must is SXSW.  Attend the web design specific conferences as well; they'll have workshops and lectures.

Overall

Create.  It's that simple.  One of the best ways to keep learning is to keep working.  Keep working on your own skills, but also explore some new methods.  Experiment.  Who knows, you might stumble upon the next trendy element in design.

Desk Talk Weekly - Web Turns 25 and More

Hey y'all,

I've decided that I might start collecting weekly news articles and trending conversations about web development and post them here.  Besides stuff in the news,  I want to talk about stuff that is trending or that people are talking about a lot.  We've got a big news event this week, so let's get started:

The World Wide Web Turned 25 Wednesday

Tim Berners-Lee submitted a proposal for the idea of the internet in March of 1989, the year I was born.  His proposal brought ideas of community and sharing stuff over what we call today, the Internet.  Soon, they developped the first website ever.  Today, Berners-Lee is still promoting the web, but argues that it should be open, free, and accessible by everybody.

CSS UI Icons

Trevan Hetzel has taken some of the most popular icons on the web and has recreated them using only CSS.  He argues that images are really annoying to deal with.  They can mess up responsive environments, are sometimes large, and they load slowly.  But, images cannot be replaced for now because we enjoy them too much.  Instead, he argues that we should code what we can.  I can see these becoming really popular; they are some of the most used icons and he provides the code for each one.  He also explains his method.

2048

This game has been talked about a lot this week.  The game is really simple and addicting, but what we're interested in is that it was made with Javascript!  Maybe the author will come out and talk about his Javascript creation soon.

Crowdsourcing Missing Plane Search

Crowdsourcing on the internet has been a big thing in recent years.  Basically, we are able to do bigger and better things through online collaboration; stuff that one person or a small team could never do.  This week, we were greeted with the sad news that a recent Malaysian plane was lost which carried over 200 people.  In an attempt to find the missing plane, which is still lost as of March 13th, people have been scanning satelitte images and reporting pictures of wreckage-like images.  So far, nothing has turned out to be anything of note, but the fact that we are all working together is an awesome thing.  And as developers, we have the opportunity to make stuff like this happen.

Project Planning: Task Lists, Deliverables, Etc.

My graduate school program recently interviewed Kyle Schultz, the Creative Director at Dedo Inc. Dedo is a creative technology company that specializes in creating interactive installations to heighten the experience of a place or product.  Dedo is a small team, but they work with some pretty large companies.  Their deadlines can be very strict at times, but they produce these great projects time and time again.  

How do they do it? The answer is that they plan well.

Create Team Members

Like with any team, players are assigned certain roles.  For Dedo, a team may include graphic designers, developers, strategists, analyzers, and directors.  While the team is working on different parts of the project in their own specialties, the team is constantly in communication with each other.  Constant communication is key in producing a cohesive and realistic idea.

Task Lists

During the interview, I was pleasantly surprised to hear that Dedo uses tasks lists for their projects.  I’ve been doing the same thing for a project I’ve been working on!  In my Interactive Media program at Elon University, students are required to produce a capstone project in order to graduate.  This project is supposed to be a representation of everything we have learned through Interactive Media.  My advisor  recommended that we use task lists in order to get ourselves on track.  These task lists can be created however you want, but each task is usually assigned a deadline. You can divide your work into stages or by category, but the main idea with task lists is that you do not want to be working on every aspect of the project at once - such as working on the design, development, and content all at once. 

Example Task List

Deliverables 

Another important aspect of task lists is the constant creation of deliverables.  Kyle explained how his team completes a lot of paper prototypes, wireframes, and eventually some high fidelity mockups through InvisionApp.  I was really stoked because my capstone advisor has encouraged us to do the same. I just recently completed all of the above for my capstone.

Creating deliverables is a great way to stay on track, but it also produces something that you can hand over to your client.  It is better to have feedback earlier than later in case you need to change something. Producing deliverables is just a great practice to pick up.

Paper Prototype

Write

Kyle also encouraged us to provide some written feedback after each task is completed.  For example, if a graphic designer just completed a logo mockup, he or she will complete a write up explaining if the logo worked and how they might improve it.  Kyle stressed the ability to talk about your own work.

Free Task List Template

If you want a nice task list template, here is the one I am using: Task List Template - Created by David Holland.  Custom it to your project.

Front End Development

Encourage your team to use task lists if they don't use them.  You can also use them if you are working solo.  As a front end developer, a majority of your work comes near the end of the project because people hand you content, but make sure to keep in touch with your team members; tell them if something isn't possible to make.  Make yourself produce deliverables, even if it is just for you. Make your own paper prototypes and wireframes.  Get your hands on as much of the project as possible.  Create deadlines and don’t let yourself get too behind.  I guarantee you will produce a better project in the end.