News and thoughts from CS Odessa, maker of the ConceptDraw product line: ConceptDraw PRO, ConceptDraw PROJECT and ConceptDraw MINDMAP.
Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts

Tuesday, October 2, 2012

Website Creation Rule #1: Think First (cont'd)

In the previous post , I created the general skeleton for my new freelance writer's website. Now I'm going to add some content.

The first thing I want to do is to start composing the messages I want to appear on each page. In the first post, I made a list of the major areas I work in, each of which will be its own page on my new site:

  • Media Campaigns
  • Social Media Campaigns
  • Content Creation
  • Influencer Programs
  • Customer Evangelist Programs

Create Content Right Inside the Map

I want to start sketching out my ideas for each page. So I create a "Note" that is automtically attached to each branch of the map:

I work my way through the list, making notes of what I want to say on each page. When I collapse the Notes window to reduce clutter on the screen, all that remains is just a small icon:

I can also put in icons to let me know at a glance how far along I think I am in getting to final copy for each page:

Add Links to External Content

The other thing I want to do is add links to examples of my writing. I do that by opening up a browser, navigating to the examples, then just dragging the URL onto the appropriate :sub-branch" branch of the "Content Creation" branch:

The beauty of using ConceptDraw MINDMAP to design your website is that you can:

  1. Aggregate all these different kinds of content into one document.
  2. Add icons that communicate information without words, making the document more compact.
  3. Get a broad overview of how you're designing the site.

See Your Site as a Whole Entity

As you look at the overall map, it's easy to see what's missing from the site. You can go back into the map and create placeholders for other pages you know will be on the site, as well as any thoughts you have on content.

The use of visual icons just makes the map more concise and maybe a bit more entertaining and fun to create than a regular outline or list:

Try it Yourself!

These two posts give you just a brief overview of how to use mind mapping to design your website. The ways writers can use mind mapping is just about endless. Get a trial version and play around with it!

Tuesday, May 18, 2010

Design Web Page Mock Ups with ConceptDraw PRO

Step 1. From the ConceptDraw PRO File menu, select WebWave Panel. In the Design Wireframes section, click Design page mock-up .


Step 2.
Add page elements by dragging and dropping them from the object library to the document workspace.




Step 3. Modify objects using their Action buttons.



Step 4. Add text to objects, such as tab buttons by selecting it and entering text. Make the selected object active by using the Action button.



Result. An interactive web mock-up page, that may also be used to preview web pages within a web site map.

Sunday, May 16, 2010

Communications in Web Design

Web designers are constantly working towards satisfying clients with great looking sites that function extremely well.

The best way to achieve such client satisfaction is to clearly understand the expectations of your clients. One of the biggest challenges is to break through the complexity of communication and minimize the disparity of understanding between client and designer.


As a rule a client is not a professional web designer. With that said, it can be very difficult for clients to share accurate specifications for a designer. As a result a designer may waste a lot of time while the client loses a lot of money. The designer will think that the client doesn’t know what they want, and the client will think the designer is unprofessional.

The solution? ConceptDraw PRO.

By utilizing ConceptDraw PRO, clients can easily create a website sketch without any previous drawing skills or web-design knowledge. Using ConceptDraw PRO library objects clients are able to create a website sketch that is clear to the designer in less than 30 minutes.

A website sketch can be in the form of a website map, web page layout, or user scenario. A website sketch is a great tool in helping create a mutual understanding between the client and web designer.

As a result, both the client and designer will save time and money.

The designer can quickly create a website layout using ConceptDraw PRO to present a prototype of the future site.