In-Class 7-1: Wireframing

This week we step into the process of wireframing websites, the preliminary step before the actual design. We’ll wireframe using the lo-fidelity paper method.

Wireframing is an essential technique to explore a range of possibilities and interactions with little commitment to one concept or idea.

  • Low fidelity (lo-fi) prototyping techniques include drawing on napkins, paper or in a sketchpad.
  • Medium fidelity prototypes are built in HTML and simulate the interactivity of a website without the details.
  • High fidelity prototypes are designed in Photoshop, Illustrator or a graphic design application and are a pixel-perfect illustration of what the end product will look like.
Quick ‘n dirty
Spartan yet interactive
Robust ‘n shiny
Examples Pencil and paper Twitter’s Bootstrap or other framework Photoshop or similar graphics application
Pros Rapid iteration, no commitment to one design Interactivity easily understandable Typically robust, highly polished
Cons Lacks detail, needs refinement Unrefined, stark Time-intensive, little room for alternate development

In-Class 7-2: Agile Development Slides

Attached Files: AgileDevelopment.pdf  PDF icon  (564.276 KB)

7-1: Retrospective – Agile Lego Simulation

You’ve learned a little bit about agile – where else in your life could you use this type of project planning?

7-2: Creating Good Content

Read these articles on basic usability:

  1. No More FAQs: Create Purposeful Information for a More Effective User Experience
  2. F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile)
  3. Plain Language Is for Everyone, Even Experts
  4. Exhaustive Review or “I Can’t Believe It’s Not There” Phenomenon: Evidence from Eyetracking
  5. The Impact of Tone of Voice on Users’ Brand Perception
  6. How Chunking Helps Content Processing
  7. What Really Matters: Focusing on Top Tasks

SUBMIT FOR CREDIT: Write a one-sentence summary of each article.


In our next class, I will have some members of UX teams I have worked with visit our class. Each of them has slightly different skill-sets and backgrounds.

Come up with 4 (FOUR) GOOD questions to ask them.

They are designers, IAs, and researchers, some with coding experience, some with management experience etc.

Previous students’ questions:

  • How did you decide what you wanted to study/do for a living?
  • How did you find the job you currently have? Through networking?
  • Did you have any struggles with coding and how did you get yourself to finally understand/like it?
  • Which web-organizational tools do you utilize the most across most of your designed sites?
  • What steps did you take to become who are today?
  • What minor would you recommend that might help me as a web designer?
  • What is the most enjoyable part about your field?
  • What would you consider the most important part of the design process?
  • Are there any skills you would advise someone who is interested in this field to look in to?
  • What are some good platforms to search for people that hire someone for UX?
  • Would you say that UX design requires individualistic thinking in a collaborative environment, or a collaborative way of thinking and an individualistic approach to problem solving?
  • Would you say there is a solid path you must follow to becoming a UX designer, or is it more individualistic in working your way into the field?
  • What are your favorite resources for learning and further indulging yourself in UX knowledge? Would you say that UX is more learned by experience or learn through text/reading?
  • Who are the common users or customers you tend to have and what is it they usually are asking for?
  • What’s the strangest request you’ve been asked for and are you expected to meet it or are you allowed to have free creativity with it?
  • What do work hours look like as well as what is your work environment like? How does it affect your social and personal life?
  • What was your original career path and how did that affect where you are now? For those of you with coding experience what exactly does that part of the job entail? Do you make full websites from scratch?
  • What do you feel is better for UX -design/ATEC or computer science?
  • Which branches of UX do you feel best fits design as opposed to computer science?
  • What has been your favorite project?
  • What are the kinds of issues that come up when working with clients?
  • Why did you choose to continue doing UI/UX for x amount of time?
  • What would you say has been the most important thing you’ve learned in your career?
  • What really, if anything, separates UX for something like games from something like websites?
  • Would you say your job has been mainly based in code or more heavily in design?
  • What’s something that would’ve saved you a lot of time in terms of doing your job as well as you do now if you’d known it 5 years earlier?
  • What kind of people did you network with prior to reaching this point of your career?
  • Where would you recommend people look for internships?
  • What is your creative design process?
  • What is do you do on a day to day basis?
  • What has been the hardest or most stressful project you ever had to do?
  • If you could go back in time, what is one thing you would change?
  • What was one of the most difficult things you had to work on with UX design?
  • How do you apply for internships at great companies and where should we start applying to get an internship for UX design/Graphic Design?
  • How did you get to where you are currently with your position in UX design? (what internships have you done, companies you have been, projects you have worked on)
  • What advice can you give to new designers that are still unsure of the future in trying to be successful as a designer? Being successful as a designer seems very difficult to me, personally especially since I don’t have a set direction on the career pathway.