A TED speaker coach shares 11 tips for right before you give a talk
300+ Smartphone Mockup PSD Templates
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.
Individual Presentation Schedule
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) |
Ayala,Elvis A | 6:10 |
Dekhtyareva,Ilona | 6:20 |
Fortunato,Jennifer | 6:30 |
Gonzalez,Lissett A | 6:40 |
Ivashkevych,Roksolana | 6:50 |
Michel,Jefph | 7:00 |
Pangilinan,Emily | 7:10 |
Pena,Luis A | 7:20 |
Ramos,Sheila D | 7:30 |
Rivera,Steven | 7:40 |
Smith,Yahir Y | 7:50 |
Thitha,Reema | 8:00 |
Wong,Yuen Mai | 8:10 |
Zhang,Ming | 8:20 |
Zoupaniotis,Chris | 8:30 |
How to avoid death by powerpoint
Watch this video if you want to improve your presentations.
Instructional Resources-Web Design
Instructional Resources-Web Design
Blogs
Line 25
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
CyberCrab
http://cybercrab.com/screencheck/
Free Customized Feedback Form Wizard
http://www.thesitewizard.com/wizards/feedbackform.shtml
The above site is an excellent wizard that walks you through creating a simple PHP based contact form.
Informational Articles
Topic: Responsive Design
http://alistapart.com/topic/responsive-design
Responsive Web Design by ETHAN MARCOTTE May 25, 2010
http://alistapart.com/article/responsive-web-design
Wireframes | Mockups | Prototypes
http://www.creativebloq.com/web-design/jargon-wireframes-mockups-prototypes-51514898
10 Commandments of UI Design
http://www.designmantic.com/blog/infographics/the-10-commandments-of-ui-design/
Page Speed Load Checker
Browser Checker
Open Source resource to check your sites browser compatibility
Mashable Post: List of some cross browser compatibility checkers
http://mashable.com/2014/02/26/browser-testing-tools/
HTML Email Info
HTML Email Article
http://www.leemunroe.com/building-html-email/
Hambuger Menu for Mobile
http://blog.g-design.net/post/42617934013/create-an-accessible-toggle-menu-for-mobile
CSS Only Dropdown Menu
http://red-team-design.com/css3-dropdown-menu/
Cool Web Page Galleries
Cool Portfolio Pages
http://www.danielwarrenart.com/
CSS Instructional Information
Introduction to CSS Selectors
http://www.creativebloq.com/css3/introduction-css-selectors-61515320?ref=webdesignernews.com
Web Frames Works
Kube Web Framework
Responsive Grid System
http://www.responsivegridsystem.com/
960 grid system
Bootstrap
Skeleton
Homework—Nov. 25
Assignment
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:
http://www.usability.gov/how-to-and-tools/methods/wireframing.html
Online Prototyping APP
Marvel App
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
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
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.
https://www.usertesting.com/blog/2014/11/10/dont-hire-ui-ux-designer/
What is User Interface Design?
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.
http://www.freshtilledsoil.com/what-is-user-interface-design/