45 Incredibly Useful Web Design Checklists and Questionnaires - Smashing Magazine Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there’s a lot to keep track of and a lot to make sure gets done. That’s where checklists can make your life a whole lot easier. Below are 45 checklists to make your design process easier and more organized. Also consider our previous article: 15 Essential Checks Before Launching Your Website1 lists some important things to check before you make your sites public. 1. These questionnaires and checklists are focused on making your relationships with your clients better. How to Extract the Facts with a Web Design Client Questionnaire2 This questionnaire from Freelance Switch is meant to send out to prospective clients to get a good idea of what they’re looking for from a website. Design checklist: What clients should provide their designer4 A checklist of things that clients should provide their designer at the outset. 2. 3. 4. Dr. 5. 6. 7. 8.
The Worlds Most Innovative Business Cards - PlasmaDesign Tutorials for Web Designers and Developers So many design styles, coding tricks and sense of variations needed to create a well decorated website. Some time you have to take few tips and tricks to create and run an awesome website. This article is a beautiful and important collection of 15 Important Tutorials for Web Designers and Developers. About The Author Dibakar Jana Welcome friends, I am the Founder of Djdesignerlab.com, a well known designers blog that spread its popularity rapidly. View Authors Posts / Visit Authors Website
How to Extract the Facts with a Web Design Client Questionnaire The phone calls usually go like this: Caller: “I want a website for my business.” You: “What kind of business do you have?” Caller states the nature of the business, launches into a list of pages that he or she wants on the site, and then asks you for a price quote. Not a very satisfying encounter, is it? The caller seems most interested in price, and you? It might not be possible to have a meaningful relationship with price shoppers, but it’s worth taking the time to learn what your potential clients want in a website. Editorial Note: A few times a month we revisit some of our reader’s favorite posts from throughout the history of FreelanceSwitch. Tip: I recommend using this questionnaire before you write a Web design proposal. The best Web design questionnaires focus on: What the site’s supposed to do for the client’s business.What the site will look like. I’ll take you through the questionnaire that I use, and explain the rationale behind each question. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.
Why Facebook is blue: The science of colors in marketing 33.5K Flares Filament.io 33.5K Flares × Why is Facebook blue? According to The New Yorker, the reason is simple. It’s because Mark Zuckerberg is red-green colorblind. “Blue is the richest color for me; I can see all of blue.” Not highly scientific right? After all, the visual sense is the strongest developed one in most human beings. So how do colors really affect us and what is the science of colors in marketing really? First: Can you recognize the online brands just based on color? Before we dive into the research, here are some awesome experiments that show you how powerful color alone really is. Example 1 (easy): Example 2 (easy): Example 3 (medium): Example 4 (hard): These awesome examples from Youtube designer Marc Hemeon, I think show the real power of colors more than any study could. How many were you able to guess? Which colors trigger which feeling for us? Being completely conscious about what color triggers us to think in which way isn’t always obvious. Black: Green: Blue:
Learning WebGL A year ago, at a biggest-ever, record-breaking HTML5 Meetup in San Francisco all about WebGL, I predicted we were a tipping point; I think I was right. Let’s take a look at 2014, a banner year for 3D on the web! A Year of Great Content John Cale and Liam Young’s City of Drones brought together experiments in music and architecture; Isaac Cohen continued to blow minds with visualizations like Weird Kids and Webby; Google’s A Spacecraft for All chronicled the 36-year journey of the ISEE-3 space probe; and SKAZKA showed us an alternate world created by The Mill and powered by Goo. A Year of Killer Apps In 2014, WebGL made its mark– an indelible impression– on advertising, e-commerce, music, news and engineering. A Year of Pro Tools Goo, Verold, Turbulenz and PlayCanvas all made great strides with their WebGL engines and development environments. A Year of Gaming WebGL is definitely up to the challenge of creating high-quality MMOs. A Year of Virtual Reality A Year of Ubiquity
A Website Design & Development Project Plan Checklist / Template | Hobo Here’s 10 examples, off the top of my head, of conversations i have actually had when I have had to postpone a website launch and the client has asked why?….. My answers: The changes you sent to the design brief on WednesdayThe 150 images you sent to us yesterday to be included on the siteThe 50 pages of text for the website you sent to us Tuesday…. in the post….. er, on paperThis is the first time your boss has seen it? The list could go on…… what I’ve learned to do is take some responsibility on to ensure I don’t repeat mistakes I should have learned from. What I have learned is good communication is paramount when developing any website. I loved being a web designer and developer. I’ve came across a lot of situations…. Ive been designing websites since 2000 – so I have made a lot of mistakes. Managing Client Expectations Here’s stuff that needs to be discussed: I’ve learned this the hard way. Ranking High In Google Is Not A One Time Fix Every small business needs to: Make no mistake.
How to not suck at design, a 5 minute guide for the non-designer. If you don’t believe you can learn design, just remember what our legendary friend David Eric Grohl said about learning new things: I never took lessons to play the drums. I never took lessons to play the guitar. I just sort of figured it out. — Dave Grohl, Foo Fighters With Mr. 1. The background and font color should be different enough to not cause eyestrain. 2. If you have the choice, try using the color #333333 RGB (51,51,51) instead of pure black for your text. 3. Layout the most important information first to clearly support the primary use case of your app or website. Lets view some examples of good visual hierarchy in the wild. Instagram (below, on the left) puts a clear focus on the photo/video posted by the user. Pinterest (below, on the right), creates visual hierarchy by pinning their search bar to the top followed by their nice grid below. Search is the core function of the app, folks use Pinterest to discover and browse. Lets look at two more examples 4.
Dreamweaver Primer So, you’ve read the article, “HTML Wireframes and Prototypes: All Gain and No Pain” and now want you want to make an HTML wireframe. I’m here to help make this an easy and pain-free process, using Macromedia Dreamweaver 4.0. By the end of this primer you will have: Become familiar with the basic functionality of DreamweaverMade a sample HTML wireframe that you can use as a template for future wireframes How to use this primer This primer assumes that you have never used Dreamweaver before. Although there are many HTML editing applications out there, I recommend Dreamweaver for wireframing and prototyping because it is easy to learn, offers palettes with all the necessary interface widgets, and has built-in project management tools like source control, which is useful if you are working with a team. Also, this primer is designed to be used while you are running Dreamweaver. Dreamweaver basics When you launch Dreamweaver, it will open a blank web page called “Untitled Document.”
72 Questions to Ask New Web Design Clients with PDF Chart | BonFX – Logo Designer & Freelance Graphic Designer How many times have you hung up the phone after a chat with a new prospective client and then immediately slapped your forehead and said “I can’t believe I forgot to ask ______!”. Yes, fill in the blank. You have done this, right? If not, you will shortly. Well, I jotted down my own personal list of forgetful-questions, and did a quick survey of the top 20 results for “questions to ask new web clients” and related searches. Get your graphic design brain moving When I brainstormed the list, it was initially very group-oriented and linear, as the brainstorm process naturally is. If you post a comment below with a great question to ask, I will update the text list and PDF by removing my least-useful or most-lame question and make room for your awesome question. Print this list of 72 Questions to Ask New Web Design Clients out and hang it near your phone Why should you print a random list? Learn the secrets of running a web design business: How does your company handle email?
Creative Workshop — David Sherwin Have you ever struggled to complete a design project on time? Or felt that having a tight deadline stifled your capacity for maximum creativity? If so, then this book is for you. Within Creative Workshop, you'll find 80 creative challenges that will help you achieve a breadth of stronger design solutions, in various media, within any set time period. Exercises range from creating a typeface in an hour to designing a paper robot in an afternoon to designing web pages and other interactive experiences. Each exercise includes compelling visual solutions from other designers and background stories to help you increase your capacity to innovate. This book also includes useful brainstorming techniques and wisdom from some of today's top designers. This best-selling design book is used by ens of thousands of designers worldwide, and has been translated into Standard Chinese, Traditional Chinese, Thai, Russian, and Korean.
World Wide Web Consortium (W3C) Casa Rex