May
26
2012

– Web Design – Live Website Redesign: Wireframing Techniques

Watch Jose & Aure work, as they demonstrate various wireframing techniques as they break down the ThisWeekIn website. 00:50 Introductions and the show tagline. Business, Technology, Marketing, and Design versus Watch Us Work 01:20 Welcome Sherryl Anderson, our first Executive Producer! 2:45 Announcing a new Groop Skool event 07:00 When woking on wireframes do you manipulate one concept and iterate, or do you start with multiple concepts and assemble elements from the various ideas? 07:48 Redesigning art Center College of Design’s site 09:00 Designing with “the Wedge” in mind 09:31 How do you integrate graphics direction while wireframing? 10:33 Do you begin with a set of templates when wireframing? 12:35 Have you considered using InDesign for web layouts? 14:25 Do you user-test wireframe sketches? 17:37 When do you bring in your clients for wireframe reviews? 19:28 The importance of insurance for designers 25:35 Aure demonstrates Illustrator for wireframing 27:00 Sketching out the ThisWeekIn ecosystem 29:00 Discovering the need for a viewer Assessment tool within the ThisWeekIn website 33:55 Brainstorming methods for assessing viewers needs 39:40 Jose references back to the Workbook to remind the client of the brand attributes 42:13 Creating user profiles that matter 46:44 Jose reinforces the strategy of always referencing the Workbook to guide planning with the client 49:45 Designing the show page 56:00 Looking at the wireframe from the perspective of our user profiles

HTML and CSS: Design and Build Websites


A full-color introduction to the basics of HTML and CSS from the publishers of Wrox! 

Every day, more and more people want to learn some HTML and CSS. Joining the professional web designers and programmers are new audiences who need to know a little bit of code at work (update a content management system or e-commerce store) and those who want to make their personal blogs more attractive. Many books teaching HTML and CSS are dry and only written for those who want to become programmers, which is why this book takes an entirely new approach.

  • Introduces HTML and CSS in a way that makes them accessible to everyone—hobbyists, students, and professionals—and it’s full-color throughout
  • Utilizes information graphics and lifestyle photography to explain the topics in a simple way that is engaging
  • Boasts a unique structure that allows you to progress through the chapters from beginning to end or just dip into topics of particular interest at your leisure

This educational book is one that you will enjoy picking up, reading, then referring back to. It will make you wish other technical topics were presented in such a simple, attractive and engaging way!

10 Comments+ Add Comment

  • Thank you for your feedback. Take a look at the most recent episodes. Let me know if I am doing better.

  • Lory, thank you for your feedback. Take a look at the most recent episodes. They are 30 minutes. A bit more focused I hope. That said our sponsors help pay for the show.

  • Hello, you attract to? upload the video. This video is very interesting. I like this video.It certainly very useful for me investing.Thanks for your valuable information.

  • watch live tv on your mac! visit mactvpro.com

  • You said it yourself: “you’re pretty obnoxious”… Unfortunately barely can follow the video because this guy doesn’t have speech consistency. Short attention spam!

  • Too much marketing for other irrelevant stuff. STOP talking so much nonsense, and get hands on showing real life wirecraming and prototyping!!! This guy likes to hear himself talk…downer! The real tutorial video would’ve been a fraction of this over one hour shot :-(((

  • Why am I only now finding these? …

  • Excellent!! Thanks for the post and i will use if for my SEO company 🙂

  • Awesome – Thank You!

  • lulz to hiscocks xD