An 8-bit introduction to UX design
This is how 10 years ago I created my first software application, a video game, and launched my career in tech as a UX designer.
In 2008, as a high-school freshman, I devoted my waking hours to playing video games and coming up with game ideas of my own. It was difficult to focus on grades, and I’d often prioritize working on my own projects over class assignments. Having access to the Internet allowed me to learn skills that felt more relevant than what my teachers at school had to offer.
Online game design forums, with their cultures of critique and mentorship, were the rigorous workshops in which I first developed my craft as a Technical Artist. Before long, I was designing graphics that integrated into computer games without exceeding the limits of less capable devices.
I wanted to test my skills and make a game of my own, but at the time I didn’t know how to write code. I sought out communities of developers and posted my work where I thought I could find a collaborator. An Illinois-based computer science student, going by the nickname Vermolius, reached out to me after seeing my portfolio. We had fun coming up with big game ideas but struggled to complete any one project.
We needed to face the reality of just how long it takes to develop software and approach our process differently. We wanted to create something unique but agreed to throw out ideas that would take too long to prototype. We decided to try time-boxing, setting out to develop the first version of a player-versus-player tower-defense game in just one week. We hoped this constraint would let us launch quickly and iterate based on feedback we got from players.
Efencea tells the story of robots and aliens battling over territory in space. It was unique at the time in that it allowed players to compete against each other in a tower-defense format. Games of this type were usually played solo. Each player would alternate between building defenses and dispatching waves of attackers. Players could earn points to upgrade their character units or save up to unleash a deadly boss monster on their opponents.
Developing an art style that didn’t take long to produce and that could capture this vision was an essential first step. Every character required a sprite sheet that included each of the frames we needed to animate it. We opted for a silhouette style to reduce the time it took to make the individual frames. In the tradition of Pixel Art, I hand-placed each pixel to optimize the legibility on smaller screens, and I kept to just 16 unique colors to minimize rendering.
Following the same principles of keeping the assets small and easy to make, l generated a system of repeatable tiles that could be programmatically configured to represent different territories in space.
The first version of Efencea was completed in 8 days, at which point we blogged about our work to attract new players. We tested the game with our users and learned just how smart and unpredictable they could be. It didn’t take long for them to find bugs and balance issues. We used our research to improve the game’s balance, build a leaderboard, and even redesign the graphics and UI.
Launching Efencea allowed me to secure more freelance gigs working with teams on commercial products. This made balancing my time with school even harder. My mother, in her infinite wisdom and support of my art, agreed to let me finish high school online. I earned my high school diploma in less than a year. I was 16 and finally free to focus on my craft.
Some teams had me design sprite sheets or tilesets for their games. Others had me create user interfaces that were easy-to-use and supported a game’s story and theme. Once, I was called on to make lightweight texture maps for 3D environments. The web made it possible for a teenager in North Philly to collaborate creatively with people around the world.
I felt inspired to follow a career in web development, but at 18, I felt ambivalent about going to college. The financial burden would have been on me to carry, which made me apprehensive. I wanted to further my education, but the UX programs I researched seemed out-of-touch and filled with irrelevant courses. Since I already had experience working for professional software teams and felt comfortable pushing myself to learn all that I could, I decided against going to a traditional college. I opted to teach myself the skills I needed to land a full-time job.
Once again I found myself turning to communities on the web to teach me the skills I needed to advance my career. After gaining some mastery over HTML, CSS, and Javascript, I scored a position on the front-end/UX team at WebLinc in Philadelphia. There, I was finally able to apply what I had learned about software design to the web.
WebLinc maintains its reputation as a top workplace by celebrating the local tech community year after year. During my time there, I helped WebLinc host a special event at National Mechanics during Philly Tech Week. I led the design of a participatory Hollywood Squares spin-off called N3RD St. Squares. Attendees could compete in real-time with other players for free drinks at the bar with their phones. Our show host and a brass band led the night and a panel of beloved members of the community acted as our celebrities.
An 8-bit introduction to UX design
Research & References of An 8-bit introduction to UX design|A&C Accounting And Tax Services
Source
0 Comments
Trackbacks/Pingbacks