30 Free Useful Websites for Online Promotion

360c6f8d4453c0a6fc71d996637a8515 30 Free Useful Websites for Online Promotion

This visualisation was made to help inform and advertise on how easily and effectively you can use the web 2.0 tools to build an online presence through free sites, feeds, embed and monitor progress/stats.

 

 

There are more that I have started to use and need to integrate at some point (they were just embeddable widgets).

 

feedburner.com google’s feed aggregator, splice in Del.ici.ous links or amazon and ping your blog posts to different services   postrank.com blogpost ranking widget, show readers your popular posts   technorati.com blogpost organiser/aggregator pinging and rating among your categories of blogs.   facebook.com share & connect   hostpapa.com (not free, but cheap and can host many sites) I share a friends web hosting   uk2.net (not free, but cheap and easy to integrate with hostpapa) bought an yearly domain .com £8.99   linkedin.com professional networking, set up your own groups   vi.sualize.us (update: vi.sualiZe.us - not with an s)  visual social bookmarking toolbar   delicious.com social bookmarking toolbar   blogger.com google’s blogging platform   flickr.com share photos/artwork with groups and friends   visualisationmagazine.com my website for my data visualisation magazine free to see online (using issuu, search it in my blog posts)   chriswatsondesign.viviti.com   my homepage of activities, viviti lets you build a basic website to promote if you dont have your own host or dont want to learn html etc.

issuu.com 
 
share books with an online viewer either public or private (still embeddable, private is little more awkward to implement, see 
   
 
      http://visualthinkmap.blogspot.com/2009/10/self-publishing-visualisation.html)   twitterfeed.com share feeds auto on twitter, your blog, your del.ici.ous, vi.sualise.us, flickr (anywhere with a feed)   twitter.com microblogging 150 word updates   getsatisfaction.com free online customer services, embeddable widgets and brandable with your own header etc.   ning.com create a social network and add pictures, website links, blog posts, videos, linked to flickr, you tube.... very good. add html data.   createspace.com free online publishing tools, books, cds, video   affiliate-program.amazon.com earn money through product placement  

sharethis.com share posts/links anywhere, such s twitter all those services, whatever you use, tumblur, stumble upon its listed.

 

addthis.com share posts/links anywhere as like share this.  

addtoany.com share posts/links anywhere as like share this.   geekchart.com show where you share, more novelty but interesting nonetheless for visitors wanting to know where to follow you best.  

feedjit.com 
 
show where your traffic comes from in the world.
   
 
    clustrmaps.com show where your traffic comes from in the world.   sitemeter.com site visitor stats   goingup.com (not signed up yet, but looks good) earn money through stats   popuri.us   site rank stats, where are you on google page rank, alexa, yahoo back links etc. e-zeeinternet.com   free embeddable counter, no subscribing/details needed. just your url of where its going.

this was a great post, many that i need to have a look at and probably use,

desizntech.info/2009/10/22-really-useful-online-tools-for-web-designers-and-bloggers/   If you know of any more really useful and excellent sites/services that are free on the web please let me know. ADDITION: http://www.ubervu.com/    widget free to track stats of where your site - link goes accross the web  

Design

 

 

It was quite a challenge, I wanted to avoid the amount of edge crossings with the lines. This isn't that easy as you can imagine to avoid the amount of edge crossings, if there are too many like in the diagram below it can reduce the readability mentioned upon by Lau & Vande Moere.pdf, pg 1 (infosthetics.com) and referred too as Good Continuity in the Gestalt Laws of Perception for effective visual communication in Cartographic Design: Theoretical and Practical Perspectives, from John Wiley & Sons Inc. 

  

 

So I had to re-arrange the different sites quite a few times as it is quite easy to make them all integrate, such as rss/atom feeds directly being fed to different sites, or being able to embed items into blogger, websites etc. As you would expect from today's web 2.0, you want them all spidering each other and linked and easily integratable with each other it generates a lot of lines (not that easy to distinguish which sites can link, embed with each other). I thought about using colour to differentiate between embed links and rss links.

 

I think there are 13 edge crossings (making it look like spaghetti and hard to follow, causing conflicts and burdening cognitive load and reducing readability and ease of engagement as you interact with it, inevitably giving up with it, 'oh **** that!'). That 13 is a high number, trust me it could have been worse, but i try to get round that by giving a perception of depth and differentiating line quality so that they arent the same and the eye can still maintain good continuation, as Gestalt say, for the reader and the designs readbalility (think there is a test that scores the readability of text, see Hrant Paparazin 'Improving the tool' in Graphic Design and Reading: exploring an un-easy relationship by gunnar swansson.

 

 

 

I help when they come to going along the differentiated dashed line from Visualisation Magazine or Flickr that I added a depth too by also adding rigid straight lines contrasting the flowing curved solid lines (lots of contrasts to differentiate).

 

I also straightened the lines making them parallel such as to the left hand side of Blogger (orange b), Or underneath Blogger connecting to Ning. Helps with the Common Fate (Gestalt) and again easier to follow the individual lines. Simliar to TeleGeography with their parallel lines springing from countries.  

 

Below are links to Picassa. Please observe image copyrights to their owners. Use these to have ago your self at creating a web 2.0

 

     

Visualise Your Online Brand

1a88c5bb18d615254122c445e769a529 Visualise Your Online Brand

Visualise a few aspects of your life (not too intrusive) with www.ionz.com.br     ionz Originally uploaded by visual think map   was on a tweet by data vis from ben and christian   Brands are identities. nathan yau did some great post collating data about yourself to help you visualise.   http://flowingdata.com/2009/04/07/a-perfect-personal-data-collection-application/   online visual dna visualiser and miner search engine: http://visualthinkmap.blogspot.com/2009/09/online-visual-dna-strand.html   nicholas feltron see: http://visualthinkmap.blogspot.com/2009/01/self-mapping.html   interviewed: http://www.cbc.ca/spark/2009/04/full-interview-nicholas-felton-on-self-monitoring-personal-reports-and-visualizing-behaviour/

100 of the best data visualisations / infographics

I wanted to compile a nice square thumbnailing of the different creative and innovative techniques to the visualisation of info/data. Each square is hyperlinked.

visualisationmagazine.com/100datavis.htm

 

100 of the best data visualisations

 

Featuring:

 

Brian Solis (many great pieces not featured)

TeleGeography

Barrett Lyon (opte project)

Eboy

Density Design (the milan universities students work, lots of beautiful & innovative designs)

Good.is (good transparencies)

Arnaud Velten

Paula Scher

David McCandless

John Maeda (RISD professor former MIT Aesthetics & Computation)

Brian Holmes

Saatchi & Saatchi

Mozy.com

Charles Joesph Minard

Walid Raad & Triple D

Denis Wood

Information Architects (Oliver R+)

Adam Sicinksi (brilliant mindmaps, very detailed and intiricate)

Design by Vent.com

Cameron Wilde

Jess Bachman (Wall Stats.com)

Andy Proehl

Marco Quaggiotto

Boris Muller

Peter Crnokrak

Scott Mccloud

Dizzia (Visual CV)

Lauren Bugeja

Chris Watson

Quentin Delobel

Martin Wattenburg

Gerson Mora (plenty on flickr)

NB Studio

Peter Ito

Skip Vision (federer/sampras)

Ouinon.net

Zach Bean

Luca Masud

Carl Tashian

Theo Deutinger (...and associates)

Ritwik Dey

Franchesco Franchi

Dr Bollen

See Ming Lee

Dr John Snow

Moritz Stefaner

Hugh Dubberly (...and associates)

Theodore Rosendorf

Lana (crochet diagram)

Julian Beever

Nicholas Feltron

 

Just search a handful of those names and you will have plenty of research to feed your imagination and design techniques styles. Will probably keep adding when i get time. oh and i know some arent strictly data vis/infographics, but we have to try and let the border between art and infographics to blend to promote innovation and creative growth for the fields (not that they havent already).

 

More great compilation sites to wet your appetite with:

 

http://ce.sysu.edu.cn/hope/Education/ShowArticle.asp?ArticleID=4883

 

http://geodata.grid.unep.ch/extras/posters.php#infographics_posters_iso_codes - geo data infographics (saw one of them on chart porn blog)

 

  

http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/comment-page-3/ - brilliant

 

http://www.webdesignerdepot.com/2009/06/25-useful-infographics-for-web-designers/ - brilliant

 

http://www.webdesignerdepot.com/2009/10/30-superb-examples-of-infographic-maps/

 

http://www.datavisualization.ch/inspiration/20-inspirational-infographics-12-%e2%80%93-19-10-09 - good collection, selections from their tumblar listed below

 

http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/

 

  

More Galleries

 

WeLoveDatavis. excellant tumblr gallery from ben w at datavis.ch

 

  

Bigger Plate - is focused on providing a map sharing space for MindManager files. It offers a map library that is searchable by keyword, tags and categories. When you upload a map to share, the site automatically generates a preview image. Also, you can rate others’ maps, a feature which may help you to zero in on the most valuable maps, as judged by your peers. When you upload maps, you can designate them as password protected.

  

Cool Data Visualization Flickr

  

Density Design. MUST SEE infographics

 

Diagram Diaries / Flickr

 

 

GOOD magazine. infographic transparencies

  

Free mind share - This website bills itself as “a fast, simple way to share your FreeMind mind map(s).” After I logged in, the only option I saw was to upload and view my own maps. There doesn’t seem to be any kind of a public map gallery here. In fact, several of the capabilities of Freemindshare, including “groups” and “messages” don’t seem to be finished yet. Clicking on the links for them leads you to pages that say “This feature is not yet available"

 

History Shots

 

  

The Info Graphics Pool Flickr

  

Infografia Infographics Flickr

  

Infografistas.com / Infographics News Flickr

  

Innovation in Data Visualization Flickr

 

Nathan Yau's new flickr group and sets ] Flickr

 

 

Mappio - is a repository for MindManager and FreeMind maps. Maps are searchable by title and keyword tags, and you can also view a set of featured mind maps. You can preview any map as an image file, including small, medium, large and full screen (1024×768 pixel) images that show a lot of detail. You can then decide if you want to download it as an image or as a map. Mappio also displays related maps beneath the currently selected one. The whole site is well designed and is a pleasure to browse

 

Nova Mind Connect - This gallery is a companion to the website of NovaMind Pty. Ltd., a leading developer of mind mapping software. NovaMind enables you to create very colorful and engaging maps, and offers its users a unique capability: They can publish their maps directly from the program to the NovaMind Connect workspace. This gallery contains the most colorful and engaging maps of any I’ve seen. If you want to see what’s possible with mind mapping software, this is the gallery that will inspire you to a higher level of visual mapping.

  

Scimaps

  

Time Visualisations. Visual History Archive - Excellant

  

Topic Scape. excellant mind map / diagram archive

  

XMIND - Like NovaMind Connect, this gallery is part of the XMIND website. You can upload your map files directly from XMIND to this shared map space.

 

  

Visual Complexity

  

ReMap from Bestario. excellant reorganisation of Visual Complexity

  

Visual Information Flickr

 

Apologises i know there are some very imporatant people probably not mentioned,

Reblog this post [with Zemanta]

Self Publishing Visualisation

b564f6b48118482c07fa112cd78fd1ce Self Publishing Visualisation

I made this visualisation to help me decide which was the best service to use to self publish visualisation magazine.com which I blogged about its online presence visualisation magazine vol 2 circles.     As I was informed by a member on LinkedIn of Mag Cloud possibly being able to help realise my magazine in print it made me aware of POD (Print-on-demand), which allowed me to discover the many services from Lulu.com to CreateSpace.com (amazon). These 2 were the most well known and used.   So to compare the 4 services that seemed to be the most prominent MagCloud, CreateSpace, Lulu & Blurb (may have seen linked with Flickr) I wanted to compare:

  • How they allow online promotion
  • Where the service delivers to in the world (didnt want to narrow my market)
  • Their profit margins after their production costs for both SQUARE (8.25 x 8.25 varies) & A4
  • The services that allow online publishing
  Well, the circles at the top I loved the connotation that the circles provide a target area similiar to ground zero and the red lines are infecting spreading accross the web. This gives the impression of an area's density of colour (red) linking from the particular service, an easy to percieve visual instantiation.   I could have added more lines springing from services such as addthis, sharethis, gigya or even RSS feeds but I thought it would be too many levels.   Apart from line crossings of red over the grey circles, their are no red lines crossings (minimise the number of edge crossings), which was quite the challebge re-arranging and technically using bezier curves.   The bar chart I kept lines for money scales so it is easier to compare and decide where the bars reach. I didnt want to go into too many more levels of money as the bar would be extremely long and out of proportion with the rest of the design such as the circles and the maps. So this is why I provided the actual amounts above the end of the bar. I also added the Square paper icons and A4 icons, and faded one if it was a loss or not provided by the site. Lastly I lightened the bars to again help differentiate between A4 service or Square.   I had a box to the right of the bar just to show my specifications of full colour, saddle stitch (stapled), I had set up an Excel file (http://tinyurl.com/SelfPublishVisualisationData, a google spreadsheet doc) with to calculate my profits/loss etc for how many 'pages' and 'price' variables to change (it did end up more pages then 60), and the colour key. Below the bars is the spec's sizes for each service as they are slight variations.   These specs's sizes then lead off to graduations of white to the individual colours and the company/sites logos, brands. I widened them so that my world maps were not too small where i used a basic colour fill of the individual countries the service delivers to. I didnt again want to make them too big and out of proportion to the rest of the design, if you download it I'ver kept enough resolution quality so you can zoom in and see the indiviudally labelled countries on the maps to see if they are colour filled to to see if they deliver there.   This data mining of the countries they deliver to and the time of filling in the colour over eeach country was a time concsuming activity.   Well, I am pleased with it as it was a challenge researching, finding data, I did the three sections individually and managed to bring them together ok. Do like the gradients of colour to the world maps, makes it a little more aesthetically pleasing but still functional and the viral look of the circles infecting different levels and depths of the web, really nice visual rhetoric.  

Volume 2 Circles See who is featured Purchase a copy on Amazon

 

   

.

   

.

   

 

Click thumbnail for larger image.

 

  Please share your opinions, comments. I will post a making of / how to make your own mag post soon.   All sites and useful self publishing links.     Comparisons and How to make your book/magazine sites     http://www.mequoda.com/articles/online-publishing/which-online-self-publishing-site-is-right-for-you/ - excellent post that collates online self publishing sites and their advantages / disadvantages     http://www.bitwisemag.com/2/Publish-And-Be-Damned - excellent post telling you details about some of the sites mentioned above but also going to great depth telling you how you can make your book magazine such as software to use with Quark express or Adobe InDesign, what settings, resolution etc. also see my making of... http://visualisationmagazine.com/making.htm     http://www.lugaru.com/lulucalc.html - Compare Lulu.com with CreateSpace (amazon) and calculate your costs of the type and style of book/magazine you desire (little out of date but still useful).     Useful Sites   http://www.royalmail.com/portal/rm/content1?catId=400036&mediaId=53800712 - calculate UK postage costs     http://www.xe.com/ucc/convert.cgi - convert your $ prices to euro, £.     POD Publishing Sites     http://www.lulu.com/ - think they are UK based.     https://www.createspace.com/Products/Book/ - US based. mickrooney.blogspot.com createspace reviewed very thorough and vast blog on POD sites/services     http://www.blurb.com/ - you may have seen them affiliated through Flickr.     http://magcloud.com/ - US based.     https://www.lightningsource.com/ - UK based.     Online Publishing Sites   http://www.doxtop.com/     http://issuu.com/ - I chose these as they let me publish documents privately (not seen by google) so that I can customise the embed viewer (remove print button).     http://www.scribd.com/     http://www.slideshare.net/ - not so much book/magazine style but still provides a good embed viewer - more for powerpoints/presentational documents.

22 Visualisation Styles

Data visualisation is a no doubt popular and growing field with many innovative solutions arising every day, there are a few places that try to help structure and define this field for some clarity and hopefully more creative decisions.

Decisions such as the usually struggling question of what style/type of visualisation form should I use?

I saw Info Many Eyes had useful thumbnails and defintions of the types of visualisations it offers, and Joel Laumans made a fantastic booklet on the subeject that had many types that weren't included. Therefore I wanted to unify their defintions and style types in a table. Bit of a challenge deciding how they should line up together as some are the same and others not or are categorised differently. I think it was Correlations with Joel's grouping that I had to split to fit with Many Eyes.



If you cant see this table, it may be because it is viewed in an rss, click here to see the table

Also useful on the topic of data visualisation and infovis Manuel Lima has produced a provocative manifesto to aid in this effort to help bring some structure to our complicated and diverse visual forms.

analysed here: http://bbh-labs.com/do-not-glorify-aesthetics-a-manifesto-for-data-visualisation

“Information Visualisation Manifesto”, 'a provocative (but characteristically generous and nuanced) take on the future of data visualisation which tackles head on the thorny questions at the heart of this ever-expanding field:

Art versus Science
Intrigue versus Immediacy
Aesthetics versus apprehension. '

http://www.visualcomplexity.com/vc/blog/?p=644

Watch and listen to him here: http://visualthinkmap.ning.com/video/manuel-lima-visual-complexity

He also was complimented on his writing by Stephen few (author. Information Dashboard Design plus other books) in an intersting article that got me stirred into a comment as well as Ben at http://www.datavisualization.ch/.

http://www.perceptualedge.com/blog/?p=613

If you know of more styles not featured or would like to elaborate the defintions, styles, or you know of someone elses lists and categories that I could append please feel free to comment. I hope this helps a beginner or even more experienced data visualiser, infographic maker decide the best format to enhance and communicate their data sets.

Again many thanks for the thumbnails Joel.