More Related Content
Similar to 05 DIGI CREATIVE people&process (20)
05 DIGI CREATIVE people&process
- 3. Letâs break down the process to making great (digital) work.
- 4. What weâll cover: 1. Players 2. Process 3. Key documents 4. Going live 5. Cheats
- 6. The Agency Many agencies are still getting to be the digital powerhouse they want to be. The report says that 68% of marketing execs say their companies are behind the curve in digital media integration and 71% say they haven't caught up with social media integration. However, 55% of marketing execs attribute internal, not external, factors as a bigger roadblock to using an integrated approach. ⢠Everyone is on the same team ⢠Education is key ⢠Be a teacher ⢠Fear ⢠Thereâs always more to learn
- 7. The Client The good news is that many clients are still not totally comfortable in the digital space. Accordingly, they often look to you to help them navigate the world towards a deďŹned goal. ⢠If youâre conďŹdent, theyâll be conďŹdent ⢠Avoid empty promises ⢠Donât rely on free ⢠Be a partner ⢠Less is more ⢠Donât let great be the enemy of good
- 8. Strategist Strategists are there to lay the ground work for great work. ⢠Collaborate ⢠Trust ⢠Question ⢠Work from the brief ⢠Ask where the data comes from
- 9. Digital Producers These people are your best friends. ⢠Many digital producers havenât grown up in the traditional agencies ⢠Donât make it all about the TV spot ⢠Be a student ⢠This can be new to them too ⢠Youâre both on the same team ⢠There are no dumb questions
- 10. Production Companies Production companies, like in the traditional models, will be the face of the project on a day-to-day basis. ⢠Digital production companies are often used to a lot more ďŹexibility â˘They often put a number of people against one project, unlike traditional production companies ⢠Learn to share ⢠Sometimes even they canât guarantee success ⢠Push them ⢠One team, one dream
- 11. Coders/Backend Coders are the people behind the scenes that make everything tick. ⢠No one expects you to know the languages â˘Coders come in all shapes a sizes, and great ones mean the difference between awesome work and so-so work ⢠Coding is not an exact science ⢠Coders often work on multiple projects at one time ⢠Most coders are proďŹcient in one or two areas and will call in other coders to help ⢠Coders are your best friends
- 12. UX/UI/Designers User experience and user interaction designers are crucial to success. User experience is all about the ease of use of a site. User interaction designers concentrate on actually making the UX come to life utilizing the same principles as a traditional designer. ⢠Put yourself in the shoes of the user ⢠Challenging ⢠Simple but complicated ⢠Fix problems early ⢠Less is more
- 13. Communicate.
- 14. Part 2: The process
- 15. Collaboration is key. Itâs a buzzword right now, but thereâs never been a better time to truly embrace this concept. This industry is more fractured than ever. This means, there will be people who do things you didnât even know existed. ⢠You will work with many more people than on traditional work ⢠Donât be afraid to say âI donât know.â ⢠Listen ďŹrst ⢠Ask questions ⢠Pull your weight ⢠Do your own research
- 16. The old model, assembly line...brief, concept go in, process happens, work comes out. Very linear. Inputs Process Outputs
- 17. The new model, conversation and collaboration happens continually throughout process. There is not a linear path. Feedback Feedback Collaborate
- 18. The process in detail: Guess what, social isnât going away. And you shouldnât want it to. In fact, having a discussion with your consumers is the best way to assure success. ⢠Always be open to what consumers say ⢠Donât be afraid of criticism ⢠Build systems that allow for it ⢠Refuse to build walled gardens ⢠Move from process to service
- 19. Phases (not always linear) - Lifecycle Project Plan Discovery DeďŹne Design Build Alpha -> Beta ->Gold Brief QA Testing
- 20. Phases - The people Producer Creative Technologist/Creatives/ Strategist UX, CT, Creatives UX, ID, CT FE Coders BE Coders BE Coders Testers Testers
- 21. Phases - The documents Project Plan - Schedule Functional & Technical Requirements/ Site Map & Wire Frames Design Comps, Copy Deck, Style Guide Code Development, API integration QA Testing
- 22. Part 3: Key documents
- 23. The brief. Do we all know what this is?
- 24. Documents: Functional Requirements: â˘How a particular experience functions, what a system is supposed to accomplish â˘A typical functional requirement will contain a unique name and number, a brief summary, and a rationale. This information is used to help the reader understand why the requirement is needed, and to track the requirement through the development of the system. â˘EG:Video Player: FF, RW, PAUSE, PLAY, REPLAY, SCRUB, FULL SCREEN, FEATURE LINK
- 25. Documents: Technical Requirements â˘How a system is supposed to accomplish the functional requirements â˘Atypical Technical requirement will contain a unique name and number, and a description of the technical criteria for a particular function â˘EG: The dimensions of the site are a minimum of 1024x768, but should elegantly accommodate for larger browser windows up to 1440x900
- 26. Document: Functional & Technical SpeciďŹcations â˘How a particular experience functions, what a system is supposed to accomplish â˘A speciďŹcation document clearly and accurately describes the essential technical requirements for items, materials, or services including the procedures by which it can be determined that the requirements have been met. â˘SpeciďŹcations help avoid duplication and inconsistencies, allow for accurate estimates of necessary work and resources, act as a negotiation and reference document for engineering changes, provide documentation of conďŹguration, and allow for consistent communication among those responsible for the eight primary functions of Systems Engineering. â˘They provide a precise idea of the problem to be solved so that they can efďŹciently design the system and estimate the cost of design alternatives. â˘They provide guidance to testers for veriďŹcation (qualiďŹcation) of each technical requirement.
- 27. Document: Site map Site Map
- 29. Putting it all together...
- 33. Throw away the baton.
- 34. Part 4: Going Live
- 35. âItâs alive! Itâs alive!â Thereâs something special about seeing your work go live, but thereâs a special feeling one gets from being able to see people interact in real time. ⢠There is often a mad dash at the end to get sites/etc live ⢠Soft-launch ⢠Be open to change ⢠Celebrate success early ⢠The web is ďŹckle ⢠Next
- 36. Manage what youâve built.
- 37. Part 5: Cheats
- 38. Cheats Here are a few tools I keep around to help me as I begin any digital project ⢠thefwa,com ⢠dribble.com ⢠lynda.com ⢠365psd.com ⢠trendwatching.com ⢠visualcomplexity.com â˘designertoolbox,com ⢠psdtohtml.com ⢠konigi.com ⢠notcot.com ⢠designcharts.com
- 39. Mobile and tablet Since mobile and tablet are so hot right now, hereâs a list of great sites to see: â˘The Mobile Design Process http://mobile.tutsplus.com/tutorials/mobile-design-tutorials/the-mobile-design-process/ â˘The Dos and Donâts of Mobile Applications http://www.getelastic.com/mobile-app-dos-donts/ â˘iPad Apps Dos and Don'ts http://www.uxbooth.com/blog/ipad-app-dos-and-donts/ â˘Considerationsfor Mobile Design http://www.uxbooth.com/blog/considerations-for-mobile-design-part-1-speed/ â˘Best sites to get mobile resources http://www.ekoob.com/best-sites-to-get-mobile-resources-4523/ â˘Smartphone Infographic http://rww.readwriteweb.netdna-cdn.com/assets_c/2011/06/the-intellegent-shopper-30494.php
- 40. What we covered: ⢠Players ⢠Process ⢠Key documents ⢠Going live ⢠Cheats
- 42. The dinosaurs couldnât help it. Well, we have a choice. Especially as it relates to the process of creating (digital) work. Since you are not a dinosaur, do not refuse to evolve the work. ⢠Digital work is much more ďŹuid than traditional work ⢠Be open to changing on the ďŹy ⢠Always be open to a better way ⢠Faster is always better than slower ⢠Small is usually better than big ⢠No one knows what the future holds
- 45. THANKS!