Resources

I have been saving helpful resources and sharing them with my students for a while now and I thought others might be interested, too.  For now, those resources live in a sortable spreadsheet.

CATEGORIES

Process & Strategy

Tools and techniques for fighting entropy. Working with clients and colleagues. Managing projects, people, budgets, and deadlines. Planning, facilitating and finding balance. Keeping your creative spark. Give your inner critic the boot. Banishing burnout. Setting agreements, expectations, goals, and game plans.

  • Creativity

  • Culture & Introducing UX

  • Definitions

  • Design Sprints & Workshops

  • Methodology & Tools

  • Project Management

  • Web Strategy

Design

Visual communication, art direction. Web layouts and typography. Graphic design, interface design, user experience design, illustration, photography, artwork. Creative, strategic, and technical approaches to crafting great interfaces. Visual styles, influences, and trends.

  • Brand Identity

  • Color

  • Forms

  • Graphic Design

  • Interaction Design

  • Layout & Grids

  • Mobile/Multidevice

  • Responsive Design

  • Typography & Web Fonts

User Experience

What do the people who use your website actually want? Making web content accessible. Designing and testing interfaces and the systems that support them. Talking to users and considering real-world use cases. Testing on the cheap. Design, architecture, research, benchmarking, usability, analytics, studies, interviews, surveys, focus groups.

  • Accessibility

  • A/B Testing

  • Analytics & Metrics

  • Define

  • e-Commerce

  • Information Architecture

  • Interaction Design

  • Prototype

  • Usability

  • User Experience

  • User Research

Content Strategy

Content strategy for desktop, mobile, and beyond. Copy as interface. Building trust through better writing and honest communication. Working with, and in some cases building your own, content management systems. Designing for readers. Web narratives and design as content. Crafting content-focused digital products and brands.

  • Automated content creation

  • Digital Governance

  • Literacy level

  • Message architecture

  • Structuring content

Code

Front and back end development for the web, mainly using open web standards. Markup, style, scripting, and server-side techniques and technologies. Cross-browser HTML, CSS, and JavaScript. Frameworks and preprocessors. Creating websites and applications. Optimization and performance. Hacks and workarounds.

  • Application Development

  • Browsers

  • CSS

  • Front-end

  • HTML

  • JavaScript

  • Server Side

Portfolios & Clients

Great ideas are only ideas if they can't be communicated to the client and the decision-makers. Work requires legal agreements and definitions. Better collaboration through good planning. Responsive comping: obtain signoff without mockups. Design contracts for the 21st century. Get started with Git. Test websites in-game console browsers. Use Style Tiles to align client and designer expectations, expedite project timelines, involve stakeholders in the brainstorming process, and serve an essential role in responsive design.

  • Contracts

  • Portfolios

  • Presentations

Inspiration

Sometimes you just need a push to be inspired. " don't need to be a genius, you just need to be yourself," Steal Like an Artist.

  • Inspiration

  • Templates

  • Training

 

Thank you to A List Apart for the foundation of this Taxonomy! And thank you to Laura Creekmore and Brenda Long for sharing their recommendations.