What is in a UX portfolio

What is in a UX portfolio? Well as you know I am searching for the differences between a Back-end Developer, Full-stack Developer, Front-end Developer, UI Developer, UI Designer and a UX Designer. Its part of my life reboot. I have done a great many kinds of projects on the web, the internet and with networks and servers in general, and want to pick the next most important phase of my life. So while I study the different groups of workers, and the nuances of differences that separate the different kinds of developers. So for now I will think about what goes in a UX portfolio?

    • Research Raw Data
    • Method Statements
    • Research Analysis and First Findings
    • Market Research
    • UX Research (back in familiar territory)
    • Business Research (used to be the Subject Matter Expect or Business persons domain)
    • UX Requirements Specification
    • User Logic Models (back in familiar territory)
    • Demographics and Personas [these I know and understand]
    • UX Innovations based upon Data Services
    • Proposed Human Centered Business Models
    • UX Recruiting Protocol{?}
    • UX Concept Testing Methods(I’m working on understanding this)
    • UX Concept Testing Analysis
    • Project Concepts (how is this a UX thing?)
    • Interaction Design (this I get, it seems the core of UX)
    • Interaction Design Testing (back in familiar territory)

Beginner’s Guide to Open Source with Node

Andrew Goode presented
May The FOSS Be With You –
Beginner’s Guide to Open Source Node

Those guys look like Red Shirts getting ready to be processed
Those guys look like Red Shirts getting ready to be processed

These days we have incredible tools at our disposal – Node, npm, GitHub, Travis – all for free! But how does one get started? What does it even mean to be open source, and how does it work? I mean, maybe you kinda know how to build a Node module or package or whatever (is there a difference?), and you’ve probably pushed stuff to GitHub before (is that the right term?), but perhaps putting it all together doesn’t quite make sense.

Well, this is your lucky day! In this talk we’ll answer these questions and figure out how all the pieces of an open source Node project fit together. We’ll cover the basics of each thing you need to know to get started.

Things like:

  • What a Node module is and what an npm package is
  • How to create one
  • How to use npm
  • How to leverage other people’s packages
  • How to test your code
  • How to publish your package
  • How to version your package
  • How this whole open source process works

Whoa, that’s a lot of stuff! And this is just the tip of the iceberg. But hopefully, once you get comfortable with all these things, you’ll have the confidence and inspiration you need to go build that great idea you have or go get involved in that open source project you’re fond of.

So go, and use the FOSS, Luke.

Andrew Goode is a longtime Star Wars nerd and Java developer who recently turned to the Light Side of the FOSS with Node. He is a project maintainer of yargs, a piratey tool for building CLI programs with Node, and he recently joined npm, Inc. as a Software Engineer on the npm On-Site product team. You can probably find him in a burger joint around town or on the internets under the alias nexdrew.


I think I am going to see about classes here at GA

How to Design Great User Experiences

What are Great User Experiences? and How do I design great User Experiences? are thoughts that have been rattling around in my head for a while. So I thought I would make a list, (usually a good place to start) with the things about designing great user experiences. Two broad strokes are; First) Generate design ideas, techniques for quickly prototyping them, and how to use prototypes to get feedback from other stakeholders. And Second) learn principles of visual design, perception, and cognition that inform effective interaction design. Wheeee, that’s a mouthful. Not to mention, wrapping my brain around it all.

Design Great User Experiences

  • …..
  • Somewhere down the list
  • Needfinding
    • Participant Observation
    • Interviewing
    • Figuring out what You Learned from Others
  • Rapid Prototyping
    • (Storyboards, Paper Prototypes, and Mockups)
    • Sketch Notes
    • Creating and Comparing Alternatives
    • Storyboarding Design Ideas with others.
  • Heuristic Evaluation
    • Understanding
    • Action
    • Feedback
  • ….
  • Visual Design and Information Design
    • What is Visual Design?
    • How does Typography play in this?
    • Grids and Alignment
    • Readability and Navigation
  • Designing Experiments
    • How do you Design Studies You Can Learn From?
    • Assigning Participants to Conditions
    • What kind of In-Person Experiments do You run?
    • A/B Testing Starts
  • Social Computing
    • Crowdsourcing
    • Challenges of online Collaboration
    • Compare, Contrast, and Cross-Pollinate Ideas
  • Effective Input and Interaction Techniques
  • Also traditional Graphic and Gestural Interfaces
    • Modeling Human Input
    • From Fingers to Screen
    • Character Studies
  • Search & Navigation
  • Design Research
  • How do you generate great ideas?
  • Synthesis
  • Prototyping (focus on the core four)
  • Information Design
  • Wireframes & Mock-ups
  • Flexible Layouts vs Responsive Design
  • Basic Experiment Design Concepts
    • Tests of Proportions
    • Study User Preferences
    • OMGosh there is a whole bunch of types of Tests
      • Which leads to Validity in Design and Analysis
      • Designing for Experimental Control
      • Data Assumptions and Distributions
      • Understanding Validity
      • One-Factor Between-Subjects Experiments
      • One-Factor Within-Subjects Experiments
      • Factorial Experiment Designs
      • Generalizing the Response to Linear Models
      • The Power of Mixed Effects Models

And my question is how can someone learn How to Design Great User Experiences in a matter of weeks and months?


Basic Skills of a Front End Developer

Front end developers use HTML, CSS, and JavaScript to code the website and web app designs created by web designers. I’ve combed through dozens of front end developer job listings to see which skills are the most in-demand right now. These are the things that real employers are looking for in job applicants today (and will still be looking for in the near future). Master these things and you’re certain to land an awesome Front End Developer job!

  • HTML (Hyper Text Markup Language)
  • CSS (Cascading Style Sheets)
  • JavaScript is the core of the rest, such as
  • jQuery, a JavaScript library
  • JS frameworks like
    • AngularJS
    • Backbone
    • Ember
    • ReactJS
  • Front End Frameworks like
    • Bootstrap
    • Foundation
    • Susy
    • Material
  • CSS Preprocessors like
    • SASS
    • SCSS
    • LESS

And then digging into experience with RESTful Services and APIs. REST stands for Representational State Transfer. In basic terms, it’s a lightweight architecture that simplifies network communication on the web, and RESTful services and APIs are those web services that adhere to REST architecture.

And of course all of these sites you build need to be Responsive and of a Mobile-first Design mindset (which Bootstrap can help). Cross-Browser Development is a given, with the wide range of IE, Chrome, Firefox and others out there. Shims, resets, and browser prefixes help.

And lastly you need to cultivate a Testing and Debugging mindset. Test-Driven Development is not hard, but it is time consuming and rarely taught in tutorials and bootcamps, and this will set you apart as a professional. Which of course, you also do really need to know Git and Version Control Systems. So when you go to build your portfolio, try to find ways to show off your Problem Solving Skills. This is really want any good employer wants, someone who can solve problems.

Creating A Successful Online Portfolio

My (Simple) Workflow To Design And Develop A Portfolio Website