Find your path in the web industry
Download as PPTX, PDF0 likes152 views
This document provides an overview of different roles in the web industry and advice for getting started in those roles. It discusses web designers, developers, content strategists, user experience experts, system administrators, and information architects. For each role, it lists relevant skills and provides learning resources like courses, tutorials, and books. It also offers tips for getting a first job in the industry, such as building a portfolio, using job boards, and attending meetups.
Find your path in the web industry
- 1. Find Your Path In the Web Industry
- 2. Roles Web Designer Web Developer Content Strategist User Experience Expert System Administrator Information Architect
- 3. Web Designer • Design Fundamentals (line, grid, color, typography) • HTML / CSS • Some content strategy • Some information architecture • User Interface Design • Interaction Design • Some Javascript
- 4. Web Developer • HTML / CSS / Javascript • A programming language • Ability to work with CMSs (Wordpress, ExpressionEngine) • Database Skills • Some system administration (server configuration, web services) • Version control
- 5. Content Strategist • Writing and grammar • Marketing • Understanding of user behavior on the web • Perform content audits and diagnostics • Stakeholder interviews • Page Tables (strategy for each page of a website) • Some information architecture
- 6. Information Architect • Ontologies & Taxonomies (systems for structuring, classifying and labeling information) “Giving information structure” • Content audits (such as before a re-design) • Data analysis • Findability
- 7. User Experience • Still very misunderstood. Some definitions include: • “the overall experience of a person using a product such as a website or computer application, esp. in terms of how easy or pleasing it is to use.” -Google • “a person's perceptions and responses that result from the use or anticipated use of a product, system or service”. -Wikipedia • Any of the roles we’ve already talked about are theoretically part of the entire UX of a web site or product.
- 8. • Someone on a project who has a bird’s-eye-view of the full user experience of a product, across all of the various roles. • Not limited to web. You might bring in a small group of UX-focused people to ensure the quality and seamlessness of an experience across multiple campaigns and platforms. Some interpretations…
- 13. UX-specific skills • Any of the other roles we’ve discussed can be a UX skill. • Psychology / Human Computer Interaction (UCI) • Emotional Design • Usability • User Testing • User Personas • User journeys / Experience mapping • Accessibility • Social Strategy • Marketing • Performance
- 14. System Administrator • Server/environment configuration and upkeep • Web server technology • Load balancing • Clustering • Overall server performance • Network administration (what I started in!) • Security • Some web development
- 15. Where do I start?
- 16. Where do I start?
- 17. Web Design Design Fundamentals • A crash course in Information and Visual Design http://throwww.com/a/1q3 • https://www.codeschool.com/courses/fundamentals-of-design • https://tutsplus.com/course/design-fundamentals/ • http://blog.teamtreehouse.com/10-user-interface-design-fundamentals • http://www.sitepoint.com/fundamentals-web-design/ • http://teamtreehouse.com/library/photoshop-foundations • http://teamtreehouse.com/library/design-foundations-2 • http://teamtreehouse.com/library/illustrator-foundations-3 • https://gibbon.co/layyyshock/typography • https://medium.com/learn-to-code/c7077ee50780 • https://gibbon.co/wdeb/becoming-a-better-designer
- 18. • Book http://www.htmlandcssbook.com/ (Get it free!) • Treehouse A good course that covers all the basics http://teamtreehouse.com/library/how-to-make-a-website • http://teamtreehouse.com/tracks/web-design • http://teamtreehouse.com/library/html-email-design Web Design HTML / CSS
- 21. • http://www.codecademy.com/tracks/web • https://www.codeschool.com/paths/html-css • https://gibbon.co/studiomaqs/a-beginners-guide-to-html-and-css • https://gibbon.co/rasterboy/designers-learning-to-code-htmlcssjs Web Design HTML / CSS
- 22. • http://teamtreehouse.com/tracks/frontend-web-development • http://teamtreehouse.com/library/sass-basics • http://teamtreehouse.com/library/build-a-responsive-website • http://teamtreehouse.com/library/javascript-foundations • https://www.codeschool.com/paths/javascript • http://www.codecademy.com/tracks/javascript • http://www.codecademy.com/tracks/jquery • http://www.codecademy.com/tracks/projects • http://www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/ Web Development Advanced Frontend Development
- 23. • The Basics http://teamtreehouse.com/library/introduction-to-programming • PHP http://www.codecademy.com/tracks/php • Ruby http://www.codecademy.com/tracks/ruby http://tryruby.org/ https://www.codeschool.com/paths/ruby • Python http://www.codecademy.com/tracks/python • ASP .NET http://www.lynda.com/ASP-NET-training-tutorials/157-0.html • Git http://teamtreehouse.com/library/git-basics • CMS Development • Wordpress http://teamtreehouse.com/tracks/wordpress-development • ExpressionEngine http://train-ee.com/ http://mijingo.com/products/screencasts/learning-expressionengine-2-complete-series/ Web Development Backend Development
- 24. • http://contentstrategy.com/ (Book) • http://www.uxbooth.com/articles/complete-beginners-guide-to- content-strategy/ • http://alistapart.com/topic/content-strategy • http://www.abookapart.com/products/the-elements-of-content- strategy • http://www.abookapart.com/products/content-strategy-for-mobile Content Strategy
- 25. • http://www.uxbooth.com/articles/complete-beginners-guide-to-information- architecture/ • http://iainstitute.org/en/learn/resources/what_is_ia.php • http://sixrevisions.com/usabilityaccessibility/information-architecture-101- techniques-and-best-practices/ • http://www.nngroup.com/topic/navigation/ • http://www.nngroup.com/topic/search/ • http://shop.oreilly.com/product/9780596527341.do The polar bear book Information Architecture
- 26. • https://gibbon.co/studiomaqs/ux-crash-course • http://uxdesign.com/ux-defined • http://www.lynda.com/Web-User-Experience-tutorials/User-Experience-Fundamentals-Web-Design/103677-2.html • http://www.nngroup.com/articles/definition-user-experience/ • https://gibbon.co/wdeb/user-experience-design • http://www.nngroup.com/articles/usability-101-introduction-to-usability/ • http://www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/ • http://www.nngroup.com/topic/user-testing/ • http://www.amazon.com/gp/product/0735712026?ie=UTF8&tag=uxdesign-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0735712026 book • http://uxdesign.smashingmagazine.com/ articles • http://52weeksofux.com/tagged/week_1 combination of articles. 1 per week. • http://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758 book • http://www.amazon.com/Sketching-User-Experiences-Interactive-Technologies/dp/0123740371 book • https://gibbon.co/UXdesign/ux-card-sorting • https://gibbon.co/UXdesign/ux-consumer-journey-map • https://gibbon.co/UXdesign/ux-personas User Experience
- 27. How do I get a job in the industry? • Lots of reading and practice. Start here. (Codeacademy.com, Teamtreehouse.com, Codeschool.com, lynda.com) • Start building things… • Build your own simple website • Build websites for your friends and family • Be able to show what you’ve done (a portfolio) • How long does it take to develop a skill? • At the very least, months to learn some basics. Then, it never really ends. You will be developing skills for the rest of your life. However, with some daily commitment and practice, you can learn the basics pretty quickly. • Use job boards • www.authenticjobs.com • And of course, keep coming to meetups! We’re here to help!
- 28. What do I need to get started? • A PC or Mac. • Text Editor • Sublime Text http://www.sublimetext.com/ • Brackets http://brackets.io/ • Coda https://panic.com/coda/ • Notepad http://notepad-plus-plus.org/ • CoffeCup http://www.coffeecup.com/html-editor/ • Any Browser • Graphics editor (useful but not entirely necessary) • Sketch http://www.bohemiancoding.com/sketch/ • Photoshop $9.99/mo with CC subscription http://www.adobe.com/products/photoshop.html?promoid=GXWFR&mboxsession=1393097218569-739370 • Gimp http://www.gimp.org/ • Pixelmator http://www.pixelmator.com/
- 29. Go forth and learn!