Coder Social home page Coder Social logo

design-guide's People

Contributors

bobbinrobyn avatar britanyponvelle avatar germanattanasio avatar joshkimmell avatar kathrynmcelroy avatar nfriedly avatar poofichu avatar ryanbrownhill avatar snugug avatar una avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

design-guide's Issues

Gulp Should Run the Server

The gulp command doesn't run the server -- it will lint and build but doesn't run the gulp serve command

Dynamically Generate Navigation

Our navigation should be dynamically generated based on our Site Map.

  • Build raw content into rendered content chunks and put in temporary holding based on Site Map
  • Build menu structure based on Site Map
  • Render navigation
  • Render page from rendered navigation plus metadata and put into server

Color palettes for user testing

  • Digitize with hex values
  • Compare to IBM Design colors
  • Check accessibility for each color
  • Determine 10 tints & shades for each color with numerical label (e.g. Green 10, Green 20, etc)

Color Palette Recommendations

  • Choose a color system based on refined color palettes
  • Write recommendations for choosing colors
  • Get feedback from Watson team
  • Get feedback from Studio team
  • Add to branch
  • Submit pull request

Create initial IA ideas

  • have Robyn talk about work that's been done
  • map out existing work done on IA
  • create multiple alternative IAs based on user flow and content
  • do card sorting with in-studio sponsor users
  • explore alternative interactions

Feature/Messaging

  • Status Message
  • Success Message
  • Warning Message
  • Error Message

Animation in, enhance w/JavaScript to allow dismissing

Color Workshop Blog

Complete Color workshop presentation to share with Watson Design and then with "the world"

Input -- File

needs styling, remove that its reading from base input

Form Input Types

Check all of the form input types for correct docs and styling from the Jira list

Understand user flows

  • speak with Robyn about work that's been done
  • review Mural.ly board
  • create additional user flows (if necessary)

Missing %font--sans

Looks like the _typography.scss extends partial didn't make it in to the merged pull request. Please add it in and issue a PR against develop to bring it in; branch name hotfix/typography-extend

Determine Visual Guidelines

  • Interview Watson visual designers to find their pain points
  • Synthesize feedback from interviews
  • Determine which guidelines to include
  • Write visual guidelines
  • Prototype concepts for visual examples
  • Get feedback

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.