: Best way to document ideas when brainstorming website design Alright I am thinking of designing this site for xyz need or customers. Now when i am thinking...ideas that pop up in my mind are

@Murray664

Stage One:


Paper and Pen
OR
-Mockup Tools (Balsamiq, Quart, Axure, and the list goes onward)
Don't filter anything out
Design 30 ways to design a page for each page
Post these pages online and allow your favorite community to review this.




Stage Two:


Photoshop and Flash (Near Pixel Perfect development)
OR
HTML, CSS, JQuery (only if you're fast enoughly)
Assess your 30 designs and move them down to 10 designs based on the reviews from yourself and your online community.
-Take the ten designs that have made the cut and remove the problems people have found with the design. Try to include the positive elements of what people found in the designs your removed.
Post these pages online and allow your favorite community to review this.
Provide these pages to your internal stakeholders and allow them to provide their feedback




Stage Three:


HTML, CSS, JQuery
-Assess your 10 designs and move them down to 5 designs based on the reviews from yourself, your online community, and your internal stakeholders.
-Take the five designs that have made the cut and remove the problems people have found with the design. Try to include the positive elements of what people found in the designs your removed.
Provide these pages to both your internal stakeholders, trusted customers, and external stakeholders (only if external stake holders play a major role in your business) then allow them to provide their feedback
Post these pages online and allow your favorite community to review this.




Stage Four:


Full Development
Assess everything you have collected and select one design.
Open beta test your website design on your actual website. Yes, I am aware fo how insane it is to have two websites at once, but is it really crazy to have the opportunity to study the actions of you customers while the use the product as you intend them to use it? Customers interested in the progress fo yoru company will enjoy testing your website for you (beta.somewebsite.com // betasomewebsite.com // somewebsite.io). If the beta is a complete flop, select one of other five designs based off of the metrics you collected from the open beta and implement that website instead.
If the beta was only slightly problematic then revise design to fit what the customers expressed through their opinions or actions on the website.
If the beta was a huge success then give yourself a pat on the back and begin implementing the website into an actual master branch of your git.
Do not allow internal stakeholder, external stakeholders, or a select group of trusted customers to give their input on this stage of the design process. Only the conversion rates ($$) matter at this point.




Stage Five


Full Development
Continue improving the site based off the metrics you collect and the historical information you have obtained.

Vote Up Vote Down

@Gail6891361

I've always found a simple notepad and pen allows you to project, capture and explore your thoughts best. Plus using Evernote on your phone enables you to absorb all other types of ideas and media into your ideas.

These two simple assets cover all bases and are portable enough to take everywhere.

Vote Up Vote Down

@Tiffany317

Pencil and a piece of paper can do wonders and that's what you need for most of the time but if you are not into drawing and stuff, chances are that you might not like going that route. If you are not among one of those traditional types you can use an application like Evernote, SketchBook from Autodesk or anything that works for you. But before going into that sort of stuff my recommendation is that to try the pencil and paper approach first if you haven't already. Turning off your digital devices is a good way to forget the limitations of the web and to come up with great ideas. After you have a clear picture of the end result you can also go back to your computer, look for some brilliant inspirations that others have implemented that doesn't hurt your original idea.

Vote Up Vote Down

@Ogunnowo857

I use a pad, note app, and pinterest. Sometimes I think Tumblr would work better but I don't find it works as well on my phone.

The main thing I use is a yellow pad though. If its not with me thats when I turn to the note app which I use ColorNote but there's tons of them and they all work the same.

I hear Evernote is terrific but never felt the need to use something so thorough for my needs.

As far as website specific ideas I'm not too sure since I'm not usually working on web. But what I have done in the past is used illustrator and just completely ignore the artboard. Since its all vector I can use different shapes, fonts, and sizes and just zoom in and take item-specific notes at very small sizes -- or zoom out and take broader notes with a larger font. Its worked for me.

Vote Up Vote Down