A TED speaker coach shares 11 tips for right before you give a talk
300+ Smartphone Mockup PSD Templates
A mock-up design is used to show the design and style in a meaningful way. Nowadays the presentation is pretty important as designs so it’s essential to discover the technique of pattern demonstration. We talked too much about this subject and then I don’t want to get you guys bored.
Below is the schedule for the Wednesday night individual project presentations. Each presenter will have 10 minutes and this time limit will be strictly enforced to make sure we don’t run over time. The schedule will be a straight alphabetical order of the class roster.
|Name||Time (10 minutes)|
Watch this video if you want to improve your presentations.
Instructional Resources-Web Design
Web Design Blog
Responsive Layout Testers
A very helpful couple of tool for checking the how your website displays at different screen resolutions.
View Like Us
Free Customized Feedback Form Wizard
The above site is an excellent wizard that walks you through creating a simple PHP based contact form.
Topic: Responsive Design
Responsive Web Design by ETHAN MARCOTTE May 25, 2010
Wireframes | Mockups | Prototypes
10 Commandments of UI Design
Page Speed Load Checker
Open Source resource to check your sites browser compatibility
Mashable Post: List of some cross browser compatibility checkers
HTML Email Info
HTML Email Article
Hambuger Menu for Mobile
CSS Only Dropdown Menu
Cool Web Page Galleries
Cool Portfolio Pages
CSS Instructional Information
Introduction to CSS Selectors
Web Frames Works
Kube Web Framework
Responsive Grid System
960 grid system
Based on the in–class or outside testing you did of your low-fi wireframes create a series of hi-fi wireframes.
Remember you are walking the user through their initial sign-on and successfully completing one single task in your product.
Remember you have to be aware of what happens when the user makes a mistake. How do you guide your user to making the correct choices in your product and also provide feedback when an error is made.
For a quick reference on wireframes check out usability.gov:
Marvel makes it easy to switch PSD files into usable prototypes. The product links to DropBox and picks up PSD layouts and then you use their easy-to-use editor to build prototypes in a matter of minutes. There’s a handy feature that lets you send out links to the prototype to others. There’s support for iOS, Android, and other operating systems too – so that you can ensure that the recipient can use the prototype. Best of all – it’s free to use!
Principles of User Interface Design
“To design is much more than simply to assemble, to order, or even to edit; it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse.” – Paul Rand
Why You Shouldn’t Hire a UI/UX Designer
UX Designer and UI Designer are two vastly different roles and a single person should not be hired to be responsible for both. There, I said it!
STOP THROWING ROCKS! PLEASE! Let me explain.
What is User Interface Design?
“User Interface Design is the process of crafting a visual language and hierarchy that allows someone to use and engage an application.”
At Fresh Tilled Soil we get this question quite often from prospective clients: What is User Interface Design? What does it entail? What does it mean? So many people define it in so many ways.