<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Netz-Navi &#187; Lesenswert</title>
	<atom:link href="http://blog.netz-navi.de/category/lesenswert/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.netz-navi.de</link>
	<description>Wirklich gute Webseiten, gefunden und gemerkt.</description>
	<lastBuildDate>Fri, 13 Jan 2012 00:04:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>30 Most Useful Free Photo And Image Editors: Photoshop Alternatives</title>
		<link>http://blog.netz-navi.de/2011/05/30-most-useful-free-photo-and-image-editors-photoshop-alternatives-2/</link>
		<comments>http://blog.netz-navi.de/2011/05/30-most-useful-free-photo-and-image-editors-photoshop-alternatives-2/#comments</comments>
		<pubDate>Wed, 11 May 2011 11:57:01 +0000</pubDate>
		<dc:creator>Muhammad Haroon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[alternatives]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[free image editor]]></category>
		<category><![CDATA[free photo editor]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Image editing]]></category>
		<category><![CDATA[image editing software]]></category>
		<category><![CDATA[image editor]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[online image editing]]></category>
		<category><![CDATA[online photo editing]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[photo editing software]]></category>
		<category><![CDATA[photo editor]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Photoshop alternatives]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/?guid=6e361be1533dacbd3c15970ab0a28cfb</guid>
		<description><![CDATA[Photo and image editors were always there, but only recently we can observe a violent trend in the emergence of online services for processing images. If you’ve never used such services, then you will probably be surprised at the number of opportunit]]></description>
			<content:encoded><![CDATA[<p>Photo and image editors were always there, but only recently we can observe a violent trend in the emergence of online services for processing images. If you’ve never used such services, then you will probably be surprised at the number of opportunities, options and speeds that they offer. Here’s a list of 30 most useful free <a href="http://www.multyshades.com/category/graphics/"><strong>graphics</strong></a> editors what I consider to be the best on the web. This selection includes a number of advanced full-featured programs as well as a few basic programs that serve some specific needs. I have personally tested all these programs and have found them to be enjoyable and satisfactory, hope you’ll also find these <a href="http://www.multyshades.com/category/photoshop/"><strong>Photoshop</strong></a> alternatives useful…</p>
<h3><a href="http://picasa.google.com/">Picasa</a></h3>
<p>Picasa is free photo editing software from Google that makes your pictures look great.<br />
Sharing your best photos with friends and family is as easy as pressing a button!</p>
<p><a href="http://picasa.google.com/"><img title="Free-Photo-editing-software-1" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-1.jpg" alt="" width="530" height="232"></a></p>
<h3><a href="http://www.irfanview.com/">IrfanView</a></h3>
<p>IrfanView is a very fast, small, compact and innovative FREEWARE (for non-commercial use) graphic viewer for Windows 9x, ME, NT, 2000, XP, 2003 , 2008, Vista, Windows 7. It is designed to be simple for beginners and powerful for professionals. IrfanView seeks to create unique, new and interesting features, unlike some other graphic viewers, whose whole “creativity” is based on feature cloning, stealing of ideas and whole dialogs from ACDSee and/or IrfanView! (for example: XnView has been stealing/cloning features and whole dialogs from IrfanView, for 10+ years).</p>
<p><a href="http://www.irfanview.com/"><img title="Free-Photo-editing-software-24" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-24.jpg" alt="" width="530" height="427"></a></p>
<h3><a href="http://www.hp.com/global/us/en/consumer/digital_photography/free/software/photo-creations.html">HP Photo Creations</a></h3>
<p>HP Photo Creations is free software that lets you easily create photo books, calendars, collages,                         greeting cards and other keepsakes that can be printed at home or shipped to you..</p>
<p><a href="http://www.hp.com/global/us/en/consumer/digital_photography/free/software/photo-creations.html"><img title="Free-Photo-editing-software-30" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-30.jpg" alt="" width="530" height="298"></a></p>
<h3><a href="http://www.magix.com/us/free-download/photo-designer/">MAGIX Photo Designer 7</a></h3>
<p>Optimize your digital pictures the way you usually do: adjust color and brightness, correct image sharpness and lighten precisely defined areas. With just a few clicks, you can crop, rotate, mirror, and edit your photos in detail. You can even turn your photos into paintings or fun caricatures in no time using the included artistic effects..</p>
<p><a href="http://www.magix.com/us/free-download/photo-designer/"><img title="Free-Photo-editing-software-23" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-23.jpg" alt="" width="530" height="297"></a></p>
<h3><a href="http://www.digikam.org/drupal/node/511">DigiKam</a></h3>
<p>DigiKam is an advanced digital photo management application for Linux, Windows, and Mac-OSX. The people who inspired digiKam’s design are the photographers like you who want to view, manage, edit, enhance, organize, tag, and share photographs under Linux systems..</p>
<p><a href="http://www.digikam.org/drupal/node/511"><img title="Free-Photo-editing-software-14" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-14.jpg" alt="" width="530" height="424"></a></p>
<h3><a href="http://www.nchsoftware.com/photoeditor/index.html">PhotoPad Image Editor</a></h3>
<p>PhotoPad image editing software is a free digital photo editor for Windows. PhotoPad is designed to be a very easy and intuitive to use so you can quickly open and edit your photos..</p>
<p><a href="http://www.nchsoftware.com/photoeditor/index.html"><img title="Free-Photo-editing-software-21" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-21.jpg" alt="" width="530" height="371"></a></p>
<h3><a href="http://www.ne.jp/asahi/mighty/knight/index.html">Pixia</a></h3>
<p>The original Japanese Edition of Pixia was created and developed by the author, Isao Maruoka, but has also been aggressively raised by its fans, which makes this software to be quite unique and different from other tools.  Isao recently added a brother software, Phierha, to seek more advanced functions and UI, while he wants to keep Pixia the same for the users who are so used to its UI..</p>
<p><a href="http://www.ne.jp/asahi/mighty/knight/index.html"><img title="Free-Photo-editing-software-8" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-8.jpg" alt="" width="530" height="317"></a></p>
<h3><a href="http://www.photoscape.org/ps/main/download.php">Photoscape</a></h3>
<p>Photoscape is an amazing free photo editor. It includes so many filters, tools and special effects you’ll find it hard to believe it’s actually free. Photoscape includes just about everything you need to view, optimize, edit, print and have fun with your photos, all for free. Surely it’s not Photoshop, but it’s truly a great alternative to Adobe’s big shot – and it makes photo editing a lot more fun!</p>
<p><a href="http://www.photoscape.org/ps/main/download.php"><img title="Free-Photo-editing-software-2" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-2.jpg" alt="" width="530" height="375"></a></p>
<h3><a href="http://www.gimp.org/">GIMP</a></h3>
<p>GIMP is an acronym for GNU Image Manipulation Program. It is a freely distributed program for such tasks as photo retouching, image composition and image authoring. It has many capabilities. It can be used as a simple paint program, an expert quality photo retouching program, an online batch processing system, a mass production image renderer, an image format converter, etc..</p>
<p><a href="http://www.gimp.org/"><img title="Free-Photo-editing-software-9" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-9.jpg" alt="" width="530" height="198"></a></p>
<h3><a href="http://www.xnview.com/">XnView</a></h3>
<p>XnView is a free software to view, organise, convert graphics and photos files or to create slide show, contact sheet, HTML pages.</p>
<p><a href="http://www.xnview.com/"><img title="Free-Photo-editing-software-11" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-11.jpg" alt="" width="530" height="400"></a></p>
<h3><a href="http://www.getpaint.net/">Paint.NET</a></h3>
<p>Paint.NET is free image and photo editing software for computers that run Windows. It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools. An active and growing online community provides friendly help, tutorials, and plugins..</p>
<p><a href="http://www.getpaint.net/"><img title="Free-Photo-editing-software-3" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-3.jpg" alt="" width="530" height="352"></a></p>
<h3><a href="http://pinta-project.com/">Pinta</a></h3>
<p>Pinta is a free, open source drawing/editing program modeled after Paint.NET. Its goal is to provide users with a simple yet powerful way to draw and manipulate images on Linux, Mac, and Windows.</p>
<p><a href="http://pinta-project.com/"><img title="Free-Photo-editing-software-16" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-16.jpg" alt="" width="530" height="374"></a></p>
<h3><a href="http://www.picnik.com/?utm_campaign=en&amp;utm_source=en-ha-bk&amp;utm_medium=ha&amp;utm_term=picture%20photo%20editing%20software">Picnik</a></h3>
<p>Picnik  makes your photos fabulous with easy to use yet powerful editing tools.  Tweak to your heart’s content, then get creative with oodles of  effects, fonts, shapes, and frames.<br />
It’s fast, easy, and fun..</p>
<p><a href="http://www.picnik.com/?utm_campaign=en&amp;utm_source=en-ha-bk&amp;utm_medium=ha&amp;utm_term=picture%20photo%20editing%20software"><img title="Free-Photo-editing-software-17" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-17.jpg" alt="" width="530" height="174"></a></p>
<h3><a href="http://www.photozig.com/">Photozig</a></h3>
<p>Get in control of your digital pictures. Quickly transfer, organize, and save your precious memories. Enhance and show your best shots. Share them with few mouse clicks. Hassle free: digital photo albums, photo viewer, slideshows with music, print, web, email, screensaver, wallpaper, back-up, mega zoom, burn CDs with photos/movies/music in selected computers, photo editing, crop, red-eye, auto-fix, and much more…</p>
<p><a href="http://www.photozig.com/"><img title="Free-Photo-editing-software-4" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-41.jpg" alt="" width="530" height="398"></a></p>
<h3><a href="http://www.photopos.com/Photo-Pos-Pro-Image-Editor.asp">Photo Pos Pro</a></h3>
<p>Photo Pos Pro Photo Editor is a free photo editor offers users a wide variety of possibilities in the fields of Image Enhancing and Image Editing and in the field of Computer Graphics Design. Using the editor you can perform various tasks, from simple basic tasks to complex tasks; you can edit existing images, create new works based on existing images, create new works from scratch and more..</p>
<p><a href="http://www.photopos.com/Photo-Pos-Pro-Image-Editor.asp"><img title="Free-Photo-editing-software-12" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-12.jpg" alt="" width="530" height="382"></a></p>
<h3><a href="http://www.serif.com/free-photo-editing-software/php-se.asp">PhotoPlus</a></h3>
<p>PhotoPlus Starter Edition is the amazing free digital photo editing software from Serif. This version is 100% free and is yours to keep so download it now and start editing and enhancing your photos..</p>
<p><a href="http://www.serif.com/free-photo-editing-software/php-se.asp"><img title="Free-Photo-editing-software-28" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-28.jpg" alt="" width="530" height="188"></a></p>
<h3><a href="http://www.snapfiles.com/get/picpick.html">PicPick</a></h3>
<p>PicPick is screen capture application that includes an image editor and several on-screen measurement tools, including color picker, color palette, pixel ruler, protractor, crosshair and more. It allows you to capture the entire desktop, active windows, selected areas or window controls with the click of a button or via keyboard shortcut..</p>
<p><a href="http://www.snapfiles.com/get/picpick.html"><img title="Free-Photo-editing-software-20" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-20.jpg" alt="" width="530" height="463"></a></p>
<h3><a href="http://mypaint.intilinux.com/">My Paint</a></h3>
<p>MyPaint is a fast and easy open-source graphics application for digital  painters. It lets you focus on the art instead of the program.  You work  on your canvas with minimum distractions, bringing up the interface  only when you need it..</p>
<p><a href="http://mypaint.intilinux.com/"><img title="Free-Photo-editing-software-5" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-51.jpg" alt="" width="530" height="414"></a></p>
<h3><a href="http://www.snapfiles.com/get/photofiltre.html">PhotoFiltre</a></h3>
<p>PhotoFiltre is a complete image editing and effects package, that will not only amaze you with features but also the fact that it is free (for personal use). It comes with many features that rival some commercial packages, as well as additional add-on that can be downloaded from the web site. PhotoFiltre offers all the standard editing features (selection, clone brush, paint brush etc.) as well as a large selection of image effects, photo masks, image adjustments, thumbnail browser and much more..</p>
<p><a href="http://www.snapfiles.com/get/photofiltre.html"><img title="Free-Photo-editing-software-18" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-18.jpg" alt="" width="530" height="462"></a></p>
<h3><a href="http://www.5dfly.com/">5DFly</a></h3>
<p>Design over 10 photos by few mouse clicks. Easily create scrapbook, collage, calendar, greeting cards &amp; more …</p>
<p><a href="http://www.5dfly.com/"><img title="Free-Photo-editing-software-6" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-6.jpg" alt="" width="530" height="350"></a></p>
<h3><a href="http://www.visuallightbox.com/#download">Visual Light Box</a></h3>
<p>Visual LightBox JS is a free wizard program that helps you easily generate web photo galleries with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code. Just drag&amp;drop your photos into Visual LightBox window, press “Publish” and your own web gallery with beautiful LightBox 2 effects will open in the browser instantly! No javascript,css,html coding, no image editing, just a click to get your gallery ready..</p>
<p><a href="http://www.visuallightbox.com/#download"><img title="Free-Photo-editing-software-7" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-7.jpg" alt="" width="530" height="527"></a></p>
<h3><a href="http://www.free-photo-editor.org/">PEdit</a></h3>
<p>PEdit is an easy free photo editor. With this free photo editor we want to achieve to provide an easy, accessible and simple photo editor for the most common image editing activities. PEdit free photo editor can be used by everyone. PEdit is free and it will be in the future..</p>
<p><a href="http://www.free-photo-editor.org/"><img title="Free-Photo-editing-software-10" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-10.jpg" alt="" width="530" height="359"></a></p>
<h3><a href="http://www.stoik.com/products/photo/STOIK-Imagic/">Stoik Imagic</a></h3>
<p>STOIK image editing program – easy image viewer and pics editor, video editor. Quick to learn and easy to use, STOIK Imagic makes managing your photos and videos fun. Bundling a blazing fast image viewer with convenient image organizer and comprehensive still and video editor, STOIK Imagic has everything to keep, share and perfect your memories. STOIK Imagic graphic software combines classic features with modern technologies, enabling lightning-fast browsing, viewing and searching..</p>
<p><a href="http://www.stoik.com/products/photo/STOIK-Imagic/"><img title="Free-Photo-editing-software-13" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-13.jpg" alt="" width="530" height="390"></a></p>
<h3><a href="http://seashore.sourceforge.net/The_Seashore_Project/About.html">Seashore</a></h3>
<p>Seashore is a free, open-source image editor for built entirely in  Cocoa. It features advanced tools like multiple layers and alpha channel  editing, alongside basic tools like gradients, textures, text (with  subpixel rendering) and brushes..</p>
<p><a href="http://seashore.sourceforge.net/The_Seashore_Project/About.html"><img title="Free-Photo-editing-software-15" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-15.jpg" alt="" width="530" height="304"></a></p>
<h3><a href="http://www.faststone.org/FSResizerDetail.htm">FastStone Photo Resizer</a></h3>
<p>FastStone Photo Resizer is an image processing tool, that offers smart image resizing, as well as various other features, including watermarking (text or image overlay), cropping, (batch)renaming, image rotation, color adjustments, image frames and more. Other features include support for using EXIF data in watermarks, drop shadow text, file renaming schemes, before/after preview and more..</p>
<p><a href="http://www.faststone.org/FSResizerDetail.htm"><img title="Free-Photo-editing-software--19" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-19.jpg" alt="" width="530" height="318"></a></p>
<h3><a href="http://www.serif.com/free-graphic-design-software/">DrawPlus Starter Edition</a></h3>
<p>Impressive drawing tools and brilliant effects are just a couple of clicks away with DrawPlus Starter Edition, the stunning free vector drawing program from Serif. This version is 100% free and is yours to keep so download it now and start creating fabulous designs..</p>
<p><a href="http://www.serif.com/free-graphic-design-software/"><img title="Free-Photo-editing-software-22" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-22.jpg" alt="" width="530" height="182"></a></p>
<h3><a href="http://www.ilovefreesoftware.com/09/windows/image-photo/image-photo-editors/virtualstudio-free-photo-editing-software.html">VirtualStudio</a></h3>
<p>virtualStudio is a free photo editing software that has all the features one expects from a good free image editing software..</p>
<p><a href="http://www.ilovefreesoftware.com/09/windows/image-photo/image-photo-editors/virtualstudio-free-photo-editing-software.html"><img title="Free-Photo-editing-software-25" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-25.jpg" alt="" width="530" height="482"></a></p>
<h3><a href="http://www.ilovefreesoftware.com/16/windows/xtreme-photo-designer-free-photo-editor-add-magic-to-photos.html">Xtreme Photo Designer</a></h3>
<p>Xtreme Photo Designer by Magix is a free photo editing software where you can personalize and add touch ups to your photos and do whatever you want to with them with its simple and interesting features..</p>
<p><a href="http://www.ilovefreesoftware.com/16/windows/xtreme-photo-designer-free-photo-editor-add-magic-to-photos.html"><img title="Free-Photo-editing-software-26" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-26.jpg" alt="" width="530" height="382"></a></p>
<h3><a href="http://www.ilovefreesoftware.com/30/windows/image-photo/image-photo-editors/download-bimage-studio-free.html">BImage Studio</a></h3>
<p>BImage Studio is a free image editor that allows users to edit various types of images and photographs. This free image editing software is handy for users that like to use drag and drop functions on a computer. This makes image editing very intuitive, and makes it a good free photo editor too..</p>
<p><a href="http://www.ilovefreesoftware.com/30/windows/image-photo/image-photo-editors/download-bimage-studio-free.html"><img title="Free-Photo-editing-software-27" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-27.jpg" alt="" width="530" height="449"></a></p>
<h3><a href="http://www.cursorarts.com/ca_imffw.html">ImageForge</a></h3>
<p>ImageForge provides you with a set of powerful tools for painting and editing images, photos or other graphics. Create and edit images, acquire pictures from your scanner, digital camera or other Twain-compliant device, apply special effect filters, produce your own photo albums and simple slide shows, and much more..</p>
<p><a href="http://www.cursorarts.com/ca_imffw.html"><img title="Free-Photo-editing-software--31" src="http://www.multyshades.com/wp-content/uploads/2011/05/Free-Photo-editing-software-31.jpg" alt="" width="530" height="488"></a></p>
<div style="width:1px;height:1px;overflow:hidden"> <span style="font-size:12pt;font-family:&quot;Times New Roman&quot;">best free graphics editors</span></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/05/30-most-useful-free-photo-and-image-editors-photoshop-alternatives-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Carsharing 2.0 – mobil(e) von A nach B  am Beispiel „car2gether“</title>
		<link>http://blog.netz-navi.de/2011/05/carsharing-2-0-mobile-von-a-nach-b-am-beispiel-%e2%80%9ecar2gether/</link>
		<comments>http://blog.netz-navi.de/2011/05/carsharing-2-0-mobile-von-a-nach-b-am-beispiel-%e2%80%9ecar2gether/#comments</comments>
		<pubDate>Tue, 03 May 2011 15:04:17 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[Automobilindustrie]]></category>
		<category><![CDATA[car2go.com]]></category>
		<category><![CDATA[Carsharing]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[Fundstücke]]></category>
		<category><![CDATA[Innovation]]></category>
		<category><![CDATA[Interfacedesign]]></category>
		<category><![CDATA[Joy of Use]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[Mobile Usability]]></category>
		<category><![CDATA[Mobilität]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[Stadtauto]]></category>
		<category><![CDATA[Trends]]></category>
		<category><![CDATA[Utility]]></category>
		<category><![CDATA[Zielgruppen]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Die wachsende Anzahl an Carsharing-Angeboten schafft ein völlig neues  Mobilitätskonzept für Innenstädte. Doch ein ein innovatives Konzept reicht nicht aus – die Kombination mit einer nutzerfreundlichen Webpräsenz und einer App ist zwingend notw]]></description>
			<content:encoded><![CDATA[<p>Die wachsende Anzahl an Carsharing-Angeboten schafft ein völlig neues  Mobilitätskonzept für Innenstädte. Doch ein ein innovatives Konzept reicht nicht aus – die Kombination mit einer nutzerfreundlichen Webpräsenz und einer App ist zwingend notwendig, um das Potential voll auszuschöpfen und Nutzer langfristig zu binden. Wie das geht, zeigt <a href="http://www.car2gether.com/" title="zur Homepage"><strong>car2gether</strong></a>.</p>
<p><span></span></p>
<h2><strong>Carsharing bietet großes Potenzial</strong></h2>
<p>Eine Tatsache, die zum einen auf wachsendes Umweltbewusstsein und wachsende Benzinpreise zurückzuführen ist. Sicherlich aber auch darauf, dass ein Auto immer weniger als Statussymbol angesehen wird. Selbst eine <a href="http://www.puls-navigation.de/autokaeuferpuls.html" title="zur Studie"><strong>Studie unter Autokäufern der Plus Marktforschung</strong></a> GmbH belegt dies: Über ein Drittel der Autokäufer kann sich vorstellen, Carsharing zu nutzen; bei den unter 30-Jährigen sogar mehr als 40%. </p>
<p>Die Automobilindustrie hat diesen Trend erkannt und wird immer häufiger selbst zum Carsharing-Anbieter. Recht bekannt ist sicherlich mittlerweile das Konzept <a href="http://www.car2go.com/" title="zur Homepage"><strong>Car2Go</strong></a> der Daimler AG. Diese stellt mittlerweile in Ulm, Neu-Ulm und Hamburg Smarts zur Verfügung, die man mit einem Chip auf dem Führerschein aufschließen und nutzen kann. Bezahlt wird pro Minute. </p>
<p>Eine Weiterentwicklung dessen ist das Protal <a href="http://www.car2gether.com/" title="zur Homepage"><strong>car2gether.com</strong></a> – ein Projekt der Daimler AG in Kooperation mit der Scientific Computers GmbH aus Aachen. Das Projekt bietet eine Kombination aus Carsharing- und Mitfahrgelgenheitsportal speziell für den Stadtbereich an. Anmelden können sich hier sowohl die Nutzer von car2go (und andere PKW-Besitzer) als auch andere Nutzer, die einfach bei jemandem mitfahren möchten. Ein innovatives Konzept, dass die Nutzung von car2go attraktiver und auch für Nicht-Autofahrer zugänglich macht und eine hohe Flexibilität bietet.</p>
<p>Ebenso wichtig wie ein gutes Konzept ist aber auch, dass Carsharing-Anbieter über eine Webpräsenz verfügen, die den Nutzer unterstützen. Und wenn wir schon beim Thema Flexibilität sind darf natürlich auch eine entsprechende App nicht fehlen. Ich habe mir beides einmal angesehen. </p>
<h2><strong>Freundlicher erster Eindruck und wesentliche Informationen auf einen Blick</strong></h2>
<p>Schon die Startseite des Webportals von car2gehter überzeugt durch seine klare Struktur. Neben Informationen zum Projekt im Video kann der Nutzer einfach den Zugang zu seiner Stadt wählen (aktuell sind Aachen und Ulm verfügbar). Vor allem die Videoanimation, mit der das Projekt erläutert wird, wirkt sehr freundlich und macht Lust darauf, sich das Portal genauer anzuschauen.</p>
<div style="width:560px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/001-startseite_car2gether-550x327.png" alt="Startseite car2gether" title="Startseite car2gether" width="550" height="327">
</p>
</div>
<p>Auch die (Mit-)Fahrersuche bietet dem Nutzer die wichtigsten Funktionen und Informationen ohne überladen zu wirken. So kann der Nutzer rechts sehen, welche Fahrten oder Mitfahrgesuche andere angelegt haben (geordnet nach Abfahrtzeit). Per Mouse-over über die Anzeige wird die Strecke in der Karte angezeigt, die der mögliche (Mit-)Fahrer gerne zurücklegen möchte. </p>
<div style="width:560px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/002-%C3%9Cbersicht-550x255.png" alt="Übersicht" title="Übersicht" width="550" height="255">
</p>
</div>
<h2><strong>(Mit-)Fahren leicht gemacht – wenige Schritte trotz vieler Möglichkeiten</strong></h2>
<p>Weiterhin überzeugt das Portal durch seine leichte Erlernbarkeit und die gute Nutzerführung – alle erforderlichen Schritte sind einfach strukturiert und bieten dem Nutzer alle Funktionen bzw. Informationen in separaten Fenstern. So kann der Nutzer sich informieren, ohne die eigentliche Seite verlassen zu müssen. Klickt er z. B. eine der Streckenangaben im rechten Seitenbereich an, so erhält man zusätzliche Informationen zum (Mit-)Fahrer, die dieser in seinem Profil hinterlegt hat (nur für registrierte Nutzer sichtbar). Zudem finden sich die wichtigen Fahrtdaten inkl. vorgeschlagenem Preis, den man an den Fahrer für diese Fahrt entrichten sollte (basierend auf den Minutenpreisen der car2go-Nutzung umgerechnet auf 2 Personen). Bei Interesse kann man nun ganz einfach ein Mitfahrgesuch versenden, das die betreffende Person per Mail oder SMS zugeschickt bekommt und dann nur noch bestätigen muss. </p>
<div style="width:560px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/003-Cartogehter-gesuch-550x237.png" alt="Cartogehter gesucht" title="Cartogehter gesucht" width="550" height="237">
</p>
</div>
<p>Wer nicht manuell suchen möchte, der kann auch ganz einfach ein eigenes Gesuch aufgeben Vorteil ist hier, dass ein Fahrer automatisch potenzielle Beifahrer angezeigt bekommt, die er per Klick einfach anfragen kann. Alle Fahrgesuche werden im persönlichen Profil dabei übersichtlich aufgelistet und können einfach gelöscht oder bearbeitet werden.</p>
<div style="width:560px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/004-Fahrten-anlegen-550x278.png" alt="Fahrten anlegen" title="Fahrten anlegen" width="550" height="278">
</p>
</div>
<h2><strong>Unterwegs mobil – die car2gether-App</strong></h2>
<p>Das Konzept car2gether ist vor allem als Mobilitätskonzept innerhalb eines Stadtbereichs ausgelegt. Zentraler Vorteil ist hier, dass eine Mitfahrgelegenheit auf diese Weise auch sehr spontan in Anspruch genommen werden kann – z. B. auch als Alternative zum Taxi. Selbstverständlich darf hier eine App nicht fehlen, mit Hilfe derer man auch unterwegs schnell eine Mitfahrgelegenheit für kürzere Strecken findet.  Hier gibt es mittlerweile sowohl eine App für das iPhone als auch für Android, die das Portal auch unterwegs nutzbar machen. Die Android App habe ich mir einmal genauer angesehen. </p>
<p>Nach Angabe der Fahrtdaten sucht das System sofort nach passenden (Mit-)Fahrern. Bei manueller Eingabe der Start-/Zielorte werden dem Nutzer zudem direkt Adressen seiner Kontakte als mögliche Abfahrpunkte vorgeschlagen (sofern hinterlegt). Auch hier werden alle verfügbaren Car2go (sowie andere Fahrer) in der Karte angezeigt. </p>
<div style="width:211px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/005-app-201x300.png" alt="App" title="App" width="201" height="300">
</p>
</div>
<p>Auch die App ist sehr gut zu handhaben und passt sich durch seine Zusatzfunktionen gegenüber dem Webprotal (Synchronisation mit Kontakten bei der Eingabe, Standortbestimmung, Taxi-Funktion) gut an die Ansprüche und das Umfeld der Nutzer an, die unterwegs nach einer spontanen Mitfahrgelegenheit suchen.</p>
<h2><strong>Fazit </strong></h2>
<p>Car2gether zeigt sehr anschaulich, wie es möglich ist, ein sehr innovatives und flexibles Konzept mit guter Usability zu kombinieren. Das Portal behält dabei den Nutzungskontext und die Bedürfnisse der Nutzer im Auge – sowohl im Hinblick auf die Webpräsenz als auch bei der App. Der Nutzer bekommt genau das, was er benötigt: Unkomplizierten und aktuellen Zugriff auf die Informationen und Funktionen, die für ihn wichtig sind –  und zwar ohne viel Drumherum. Vor allem die App passt sich durch Aufbau und Zusatzfunktionen sehr gut an die Bedürfnisse des Nutzers an, der spontan von unterwegs aus nach einer Mitfahrgelegenheit oder einem Mitfahrer sucht. Doch auch für andere Carsharing-Anbieter (die zumeist feste Stationen haben, an denen man ein Auto abholen und abgeben kann), ist es unerlässich, diese Kriterien bei der Konzeption von Webseite und App zu beachten und die  Nutzung von Carsharing so für die Nutzer attraktiv und flexibel zu gestalten.</p>
<p> <img src="http://www.usabilityblog.de/?ak_action=api_record_view&amp;id=6161&amp;type=feed" alt=""><img src="http://feeds.feedburner.com/~r/usabilityblog/rssfeed/~4/5GStnb9vnEw" height="1" width="1"></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/05/carsharing-2-0-mobile-von-a-nach-b-am-beispiel-%e2%80%9ecar2gether/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Carsharing 2.0 – mobil(e) von A nach B  am Beispiel „car2gether“</title>
		<link>http://blog.netz-navi.de/2011/05/carsharing-2-0-mobile-von-a-nach-b-am-beispiel-%e2%80%9ecar2gether-2/</link>
		<comments>http://blog.netz-navi.de/2011/05/carsharing-2-0-mobile-von-a-nach-b-am-beispiel-%e2%80%9ecar2gether-2/#comments</comments>
		<pubDate>Tue, 03 May 2011 15:04:17 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[Automobilindustrie]]></category>
		<category><![CDATA[car2go.com]]></category>
		<category><![CDATA[Carsharing]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[Fundstücke]]></category>
		<category><![CDATA[Innovation]]></category>
		<category><![CDATA[Interfacedesign]]></category>
		<category><![CDATA[Joy of Use]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[Mobile Usability]]></category>
		<category><![CDATA[Mobilität]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[Stadtauto]]></category>
		<category><![CDATA[Trends]]></category>
		<category><![CDATA[Utility]]></category>
		<category><![CDATA[Zielgruppen]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/?guid=f9361bc464fe8aeb63701967484f1b6c</guid>
		<description><![CDATA[Die wachsende Anzahl an Carsharing-Angeboten schafft ein völlig neues  Mobilitätskonzept für Innenstädte. Doch ein ein innovatives Konzept reicht nicht aus – die Kombination mit einer nutzerfreundlichen Webpräsenz und einer App ist zwingend notw]]></description>
			<content:encoded><![CDATA[<p>Die wachsende Anzahl an Carsharing-Angeboten schafft ein völlig neues  Mobilitätskonzept für Innenstädte. Doch ein ein innovatives Konzept reicht nicht aus – die Kombination mit einer nutzerfreundlichen Webpräsenz und einer App ist zwingend notwendig, um das Potential voll auszuschöpfen und Nutzer langfristig zu binden. Wie das geht, zeigt <a href="http://www.car2gether.com/" title="zur Homepage"><strong>car2gether</strong></a>.</p>
<p><span></span></p>
<h2><strong>Carsharing bietet großes Potenzial</strong></h2>
<p>Eine Tatsache, die zum einen auf wachsendes Umweltbewusstsein und wachsende Benzinpreise zurückzuführen ist. Sicherlich aber auch darauf, dass ein Auto immer weniger als Statussymbol angesehen wird. Selbst eine <a href="http://www.puls-navigation.de/autokaeuferpuls.html" title="zur Studie"><strong>Studie unter Autokäufern der Plus Marktforschung</strong></a> GmbH belegt dies: Über ein Drittel der Autokäufer kann sich vorstellen, Carsharing zu nutzen; bei den unter 30-Jährigen sogar mehr als 40%. </p>
<p>Die Automobilindustrie hat diesen Trend erkannt und wird immer häufiger selbst zum Carsharing-Anbieter. Recht bekannt ist sicherlich mittlerweile das Konzept <a href="http://www.car2go.com/" title="zur Homepage"><strong>Car2Go</strong></a> der Daimler AG. Diese stellt mittlerweile in Ulm, Neu-Ulm und Hamburg Smarts zur Verfügung, die man mit einem Chip auf dem Führerschein aufschließen und nutzen kann. Bezahlt wird pro Minute. </p>
<p>Eine Weiterentwicklung dessen ist das Protal <a href="http://www.car2gether.com/" title="zur Homepage"><strong>car2gether.com</strong></a> – ein Projekt der Daimler AG in Kooperation mit der Scientific Computers GmbH aus Aachen. Das Projekt bietet eine Kombination aus Carsharing- und Mitfahrgelgenheitsportal speziell für den Stadtbereich an. Anmelden können sich hier sowohl die Nutzer von car2go (und andere PKW-Besitzer) als auch andere Nutzer, die einfach bei jemandem mitfahren möchten. Ein innovatives Konzept, dass die Nutzung von car2go attraktiver und auch für Nicht-Autofahrer zugänglich macht und eine hohe Flexibilität bietet.</p>
<p>Ebenso wichtig wie ein gutes Konzept ist aber auch, dass Carsharing-Anbieter über eine Webpräsenz verfügen, die den Nutzer unterstützen. Und wenn wir schon beim Thema Flexibilität sind darf natürlich auch eine entsprechende App nicht fehlen. Ich habe mir beides einmal angesehen. </p>
<h2><strong>Freundlicher erster Eindruck und wesentliche Informationen auf einen Blick</strong></h2>
<p>Schon die Startseite des Webportals von car2gehter überzeugt durch seine klare Struktur. Neben Informationen zum Projekt im Video kann der Nutzer einfach den Zugang zu seiner Stadt wählen (aktuell sind Aachen und Ulm verfügbar). Vor allem die Videoanimation, mit der das Projekt erläutert wird, wirkt sehr freundlich und macht Lust darauf, sich das Portal genauer anzuschauen.</p>
<div style="width:560px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/001-startseite_car2gether-550x327.png" alt="Startseite car2gether" title="Startseite car2gether" width="550" height="327">
</p>
</div>
<p>Auch die (Mit-)Fahrersuche bietet dem Nutzer die wichtigsten Funktionen und Informationen ohne überladen zu wirken. So kann der Nutzer rechts sehen, welche Fahrten oder Mitfahrgesuche andere angelegt haben (geordnet nach Abfahrtzeit). Per Mouse-over über die Anzeige wird die Strecke in der Karte angezeigt, die der mögliche (Mit-)Fahrer gerne zurücklegen möchte. </p>
<div style="width:560px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/002-%C3%9Cbersicht-550x255.png" alt="Übersicht" title="Übersicht" width="550" height="255">
</p>
</div>
<h2><strong>(Mit-)Fahren leicht gemacht – wenige Schritte trotz vieler Möglichkeiten</strong></h2>
<p>Weiterhin überzeugt das Portal durch seine leichte Erlernbarkeit und die gute Nutzerführung – alle erforderlichen Schritte sind einfach strukturiert und bieten dem Nutzer alle Funktionen bzw. Informationen in separaten Fenstern. So kann der Nutzer sich informieren, ohne die eigentliche Seite verlassen zu müssen. Klickt er z. B. eine der Streckenangaben im rechten Seitenbereich an, so erhält man zusätzliche Informationen zum (Mit-)Fahrer, die dieser in seinem Profil hinterlegt hat (nur für registrierte Nutzer sichtbar). Zudem finden sich die wichtigen Fahrtdaten inkl. vorgeschlagenem Preis, den man an den Fahrer für diese Fahrt entrichten sollte (basierend auf den Minutenpreisen der car2go-Nutzung umgerechnet auf 2 Personen). Bei Interesse kann man nun ganz einfach ein Mitfahrgesuch versenden, das die betreffende Person per Mail oder SMS zugeschickt bekommt und dann nur noch bestätigen muss. </p>
<div style="width:560px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/003-Cartogehter-gesuch-550x237.png" alt="Cartogehter gesucht" title="Cartogehter gesucht" width="550" height="237">
</p>
</div>
<p>Wer nicht manuell suchen möchte, der kann auch ganz einfach ein eigenes Gesuch aufgeben Vorteil ist hier, dass ein Fahrer automatisch potenzielle Beifahrer angezeigt bekommt, die er per Klick einfach anfragen kann. Alle Fahrgesuche werden im persönlichen Profil dabei übersichtlich aufgelistet und können einfach gelöscht oder bearbeitet werden.</p>
<div style="width:560px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/004-Fahrten-anlegen-550x278.png" alt="Fahrten anlegen" title="Fahrten anlegen" width="550" height="278">
</p>
</div>
<h2><strong>Unterwegs mobil – die car2gether-App</strong></h2>
<p>Das Konzept car2gether ist vor allem als Mobilitätskonzept innerhalb eines Stadtbereichs ausgelegt. Zentraler Vorteil ist hier, dass eine Mitfahrgelegenheit auf diese Weise auch sehr spontan in Anspruch genommen werden kann – z. B. auch als Alternative zum Taxi. Selbstverständlich darf hier eine App nicht fehlen, mit Hilfe derer man auch unterwegs schnell eine Mitfahrgelegenheit für kürzere Strecken findet.  Hier gibt es mittlerweile sowohl eine App für das iPhone als auch für Android, die das Portal auch unterwegs nutzbar machen. Die Android App habe ich mir einmal genauer angesehen. </p>
<p>Nach Angabe der Fahrtdaten sucht das System sofort nach passenden (Mit-)Fahrern. Bei manueller Eingabe der Start-/Zielorte werden dem Nutzer zudem direkt Adressen seiner Kontakte als mögliche Abfahrpunkte vorgeschlagen (sofern hinterlegt). Auch hier werden alle verfügbaren Car2go (sowie andere Fahrer) in der Karte angezeigt. </p>
<div style="width:211px"><img src="http://www.usabilityblog.de/wp-content/uploads/2011/05/005-app-201x300.png" alt="App" title="App" width="201" height="300">
</p>
</div>
<p>Auch die App ist sehr gut zu handhaben und passt sich durch seine Zusatzfunktionen gegenüber dem Webprotal (Synchronisation mit Kontakten bei der Eingabe, Standortbestimmung, Taxi-Funktion) gut an die Ansprüche und das Umfeld der Nutzer an, die unterwegs nach einer spontanen Mitfahrgelegenheit suchen.</p>
<h2><strong>Fazit </strong></h2>
<p>Car2gether zeigt sehr anschaulich, wie es möglich ist, ein sehr innovatives und flexibles Konzept mit guter Usability zu kombinieren. Das Portal behält dabei den Nutzungskontext und die Bedürfnisse der Nutzer im Auge – sowohl im Hinblick auf die Webpräsenz als auch bei der App. Der Nutzer bekommt genau das, was er benötigt: Unkomplizierten und aktuellen Zugriff auf die Informationen und Funktionen, die für ihn wichtig sind –  und zwar ohne viel Drumherum. Vor allem die App passt sich durch Aufbau und Zusatzfunktionen sehr gut an die Bedürfnisse des Nutzers an, der spontan von unterwegs aus nach einer Mitfahrgelegenheit oder einem Mitfahrer sucht. Doch auch für andere Carsharing-Anbieter (die zumeist feste Stationen haben, an denen man ein Auto abholen und abgeben kann), ist es unerlässich, diese Kriterien bei der Konzeption von Webseite und App zu beachten und die  Nutzung von Carsharing so für die Nutzer attraktiv und flexibel zu gestalten.</p>
<p> <img src="http://www.usabilityblog.de/?ak_action=api_record_view&amp;id=6161&amp;type=feed" alt=""><img src="http://feeds.feedburner.com/~r/usabilityblog/rssfeed/~4/5GStnb9vnEw" height="1" width="1"></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/05/carsharing-2-0-mobile-von-a-nach-b-am-beispiel-%e2%80%9ecar2gether-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>9 Faktoren mit denen man eine Website auf die Schnelle bewerten kann</title>
		<link>http://blog.netz-navi.de/2011/04/9-faktoren-mit-denen-man-eine-website-auf-die-schnelle-bewerten-kann/</link>
		<comments>http://blog.netz-navi.de/2011/04/9-faktoren-mit-denen-man-eine-website-auf-die-schnelle-bewerten-kann/#comments</comments>
		<pubDate>Thu, 28 Apr 2011 10:00:00 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[reader]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Kommentare

Da der Hauptgarant für Website-Besucher bekanntermaßen Verlinkungen anderer Seiten sind, arbeite ich, wie auch viele andere Blogger laufend daran, diese Backlinks auszubauen.

Eine besonders interessante Möglichkeit dafür sind Gastartik]]></description>
			<content:encoded><![CDATA[<p><img width="160" height="216" align="right" alt="bewertung" src="http://files.websitetooltester.com/200001248-562fb57299/bewertung.jpg"><a href="http://sitecreator.webnode.com/news/website-bewertungs-faktoren/#disqus_thread">Kommentare</a></p>
<p>Da der Hauptgarant für Website-Besucher bekanntermaßen Verlinkungen anderer Seiten sind, arbeite ich, wie auch viele andere Blogger laufend daran, diese Backlinks auszubauen.</p>
<p>Eine besonders interessante Möglichkeit dafür sind Gastartikel auf starken Blogs. Da ich inzwischen schon an die 10 Gastartikel in drei Sprachen veröffentlicht habe, weiß ich, dass die Resultate recht unterschiedlich ausfallen können. </p>
<p>Wenn man einen Gastartikel veröffentlicht, rechnet man vor allem mit drei Dingen:</p>
<ul>
<li>Besucher, die über den Artikel auf die eigene Website gelangen</li>
<li>Ein besseres Ranking bei Google durch den/die Backlinks</li>
<li>Eventuell auch die Stärkung der eigenen Positionierung als Experte</li>
</ul>
<p>Doch wie kann man wirksam analysieren, ob die Verlinkung auch den gewünschen Erfolg bringen wird? Die folgenden Punkte prüfe ich selbst, um mir ein Bild von einer Website oder einem Blog zu verschaffen. </p>
<h3>
Checkliste für die Bewertung einer Websites</h3>
<h4>
Passt die Seite zu meinem Thema?</h4>
<p><b>Relevanz</b>: Trivial, aber dennoch der wichtigste Punkt. Passt das Thema nicht, so bringt eine Verlinkung von dieser Seite auch nicht so viel.</p>
<h4>Glaubwürdigkeit / Reputation</h4>
<p><b>Relevanz</b>: eine Seite mit zweifelhaftem Ruf, wird Ihre eigene Reputation noch ihr Google Ranking unbedingt positiv beeinflussen. Wenn Sie sich nicht sicher sind, besuchen Sie die Seite mehrmals und bilden Sie sich nach und nach Ihre Meinung darüber.</p>
<h4>Google PageRank</h4>
<p><b><img width="80" height="22" align="right" src="http://files.websitetooltester.com/200001245-6396b6589f/pagerank.png" alt="pagerank">Kurzer Hintergrund</b>: dieser bemisst sich von 0-10. Während 10 nur Websites wie Google und Facebook bekommen, haben „normale“ Websites irgendeinen Wert zwischen 0 und 4. Der PageRank bemisst sich anhand der Verlinkungen, die eine Website bekommt. Je besser die Links, desto höher der PagerRank.<b></p>
<p>Relevanz</b>: ist zwar erheblich unwichtiger geworden als er einmal war, aber dennoch spricht ein PageRank von über 4 auch heute noch eine klare Sprache. Allerdings wird er nur noch sehr selten aktualisiert und teilweise verhält er sich auch etwas willkürlich.</p>
<p><b>Tipp</b>: mit dem kostenlosen Firefox Plugin <a href="http://www.quirk.biz/searchstatus/">Search Status</a> hat man den PageRank immer im Blick.</p>
<h4>Alexa Ranking</h4>
<p><b><img width="199" height="27" align="right" alt="alexa" src="http://files.websitetooltester.com/200001246-adf68aef09/alexa.png">Kurzer Hintergrund</b>: Alexa ist eine Bestenliste der meistbesuchten Websites. 1 ist hier der beste Wert, „ungerankt“ zu sein, ist am schlechtesten.</p>
<p><b>Relevanz</b>: bei guten (&lt; 100.000) bis sehr guten Werten (&lt; 40.000)  kann man davon ausgehen, dass tatsächlich sehr viel Traffic auf den Seiten landet. Bei Werten von über 500.000 ist es eher unwahrscheinlich, dass sich viele Besucher auf den Seiten verirren. WebsiteToolTester liegt z.B. derzeit bei ca. 98.000 und erhält täglich 400 Besucher bei 1000 Seitenaufrufen.</p>
<p><b> Das Problem</b>: nur wer die Alexa Toolbar verwendet, kann das Ranking beeinflussen. Aus diesem Grund sind auch immer Websites, die die Themen SEO, Online Marketing oder Website-Tools <img src='http://blog.netz-navi.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  behandeln, weit vorne.</p>
<p><b>Tipp</b>: <a href="https://addons.mozilla.org/en-us/firefox/addon/alexa-sparky/">Alexa Sparky</a> ist ein Firefox-Plugin (siehe Screenshot), mit dem man den Alexa-Wert direkt in der unteren Leiste angezeigt bekommt. Besonders gut ist die zeitliche Entwicklung, die man direkt angezeigt bekommt. Wenn ein Blogger komplett aufgehört hat zu schreiben, kann man es meistens direkt am abfallenden Graphen erkennen.</p>
<h4>Twitter Follower</h4>
<p><b><img width="99" height="32" align="right" src="http://files.websitetooltester.com/200001249-1a4b61b454/twitter-count.png" alt="twitter count">Relevanz</b>: lassen Sie sich nicht blenden von 1000en von Twitter-Followern. Das ist nichts wert, wenn der Account ebenso vielen oder noch mehr Leuten zurückfolgt. Sehen Sie sich auch die Listung an: wer häufig gelistet wird, wird auch gehört.</p>
<h4>Facebook Fans</h4>
<p><b>Relevanz</b>: Facebook Fans sind unbestechlicher als Twitter Follower. Aber auch hier kann die Zahl durch Gewinnspiele und dergleichen aufgebläht sein. Generell aber ein ganz guter Anhaltspunkt für die Beliebtheit einer Website.</p>
<h4>Zahl der RSS Leser</h4>
<p><b><img width="30" height="30" align="right" alt="rss" src="http://files.websitetooltester.com/200001250-220b02304f/rss.png">Relevanz</b>: Ein Blogger, der die Zahl seiner RSS-Abonnenten veröffentlicht , hat normalerweise mehr als 100 regelmäßige Leser. Diese Statistik wird normalerweise über den Dienst Feedburner ausgegeben – auch wenn eine Fälschung scheinbar auch möglich ist, würde ich nicht davon ausgehen. Im Normalfalle sind RSS Abonnenten recht loyale Leser.</p>
<h4>Zahl der Kommentare, Tweets und Likes</h4>
<p><b>Relevanz</b>: es gibt Blogs, die scheinbar eine große Leserschaft haben, die aber fast keine Kommentare, Re-Tweets oder Likes erhalten. Das deutet auf eine nicht sehr ausgeprägte bzw. emotionale Leser-Beziehung hin. In einem solchen Fall kann man davon ausgehen, dass ein Gastartikel keinen sonderlich großen „Impact“ haben wird.</p>
<h4>Design und Bauchgefühl</h4>
<p><b><img width="70" height="62" align="right" src="http://files.websitetooltester.com/200001251-e915dea0fc/design.jpg" alt="design">Relevanz</b>: wenn eine Seite grottig aussieht und man kein gutes Gefühl dabei hat, ist es wahrscheinlich keine gute Idee, auf der Seite einen Gastartikel zu veröffentlichen.</p>
<h5>Weitere Bewertungsmöglichkeit</h5>
<p><img width="103" height="31" align="right" alt="mozbar" src="http://files.websitetooltester.com/200001252-1257d13526/mozbar.png">Die mozBar liefert aktuellere Zahlen als Google. Darunter Page Authority, Domain Authority und mozRank, der ein wenig Ähnlichkeit mit dem PageRank hat. Ich habe selbst erst angefangen diese Toolbar zu nutzen, deswegen kann ich noch nicht so viel dazu sagen. <br />
Hier gibt es weitere Infos und das <a href="http://www.seomoz.org/seo-toolbar">Browser-Plugin</a> (da es den Firefox sehr langsam macht, würde ich es eher auf Chrome benutzen).</p>
<h3>
Fazit</h3>
<p>Meiner Erfahrung nach lohnt es sich auf jeden Fall mal einen kurzen Blick hinter die Fassade einer Website zu werfen. So können Sie Ihre Energie auf solche Blogs konzentrieren, welche die Mühe auch wirklich wert sind.</p>
<p><img src="http://feeds.feedburner.com/~r/Blog-CMS-Testlabor/~4/TM5guPAnt6w" height="1" width="1"></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/04/9-faktoren-mit-denen-man-eine-website-auf-die-schnelle-bewerten-kann/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wer weiß was? – Wegweiser zu vier kostenlosen Umfrage-Tools</title>
		<link>http://blog.netz-navi.de/2011/04/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools-2/</link>
		<comments>http://blog.netz-navi.de/2011/04/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools-2/#comments</comments>
		<pubDate>Tue, 26 Apr 2011 19:49:43 +0000</pubDate>
		<dc:creator>Jochen Mai</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[Büro]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[Fragen]]></category>
		<category><![CDATA[gratis]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Kostenlos]]></category>
		<category><![CDATA[Kwik Survey]]></category>
		<category><![CDATA[Liste]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[PollDaddy]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[Survey]]></category>
		<category><![CDATA[SurveyMonkey]]></category>
		<category><![CDATA[Tipp]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[Umfrage]]></category>
		<category><![CDATA[Webtool]]></category>
		<category><![CDATA[Zoomerang]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/?guid=332da598743975c199de2a67b85c87ff</guid>
		<description><![CDATA[Sie wollen wissen, was Ihre Leser wissen? Ein bisschen Marktforschung betreiben oder empirisch forschen? Dann kommen Sie kaum an Umfragen, beziehungsweise individuellen Fragebögen vorbei. Umfragen sind das perfekte Mittel, um Meinungen und Kritik effi]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://feedads.g.doubleclick.net/~ah/f/5qs9gs3t6lqsbrj20udgg2ft8k/300/250?ca=1&amp;fh=280#http://karrierebibel.de/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools/" width="100%" height="280" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe></p>
<p><img src="http://karrierebibel.de/wordpress/wp-content/uploads/2009/08/Fragezettel2.png" alt="" title="Fragezettel2" width="130">Sie wollen wissen, was Ihre Leser wissen? Ein bisschen Marktforschung betreiben oder empirisch forschen? Dann kommen Sie kaum an Umfragen, beziehungsweise individuellen Fragebögen vorbei. Umfragen sind das perfekte Mittel, um Meinungen und Kritik effizient auszuwerten – etwa bevor Sie mit einem aufwändigen Projekt starten. Und da Umfragen heute kaum noch einer auf Papier ausfüllt (zumal das beim Auszählen unnötig Arbeit macht), gibt es immer mehr Anbieter entsprechender Tools im Internet.<br />
<span></span></p>
<p>Die sind mal mehr, mal weniger nützlich. Und leider korreliert der Preis auch nur selten mit der Qualität, sodass der kein verlässliches Indiz bei der Auswahl solcher Umfragewerkzeuge darstellt. Wir sind deshalb einen anderen Weg gegangen, haben uns etwas umgesehen und konsequent nur solche Anbieter ausgewählt, die kostenlose Umfrage-Tools zur Verfügung stellen. Trotz mancher Unterschiede (mehr dazu nachher in der Tabelle) – ein paar Gemeinsamkeiten gibt es dennoch: </p>
<ul>
<li>Durchweg alle Anbieter setzen eine erstmalige Anmeldung voraus. Das heißt: Sie müssen sich zunächst registrieren und einen Account anlegen – danach können Sie allerdings auch schon mit dem Anlegen eines Fragebogens loslegen.</li>
<li>Sämtliche Tool-Anbieter bieten diverse Optionen an, den Fragebogen und die Fragen zu gestalten. Mal können Sie einfache Multiple-Choice-Fragen auswählen, mal eine Matrix, mal Fragen, bei denen Mehrfachnennungen möglich sind. Eben nahezu alles, was man braucht. Das volle Paket gibt es allerdings erst mit den kostenpflichtigen Versionen, die ebenfalls alle anbieten.</li>
<li>Sobald Sie Ihren Fragenbogen fertig haben, können Sie in der Regel noch zwischen unterschiedlichen Designs wählen sowie ob Sie die Umfrage an eine ausgewählte Zielgruppe per E-Mail senden oder direkt in Ihre Webseite einbauen wollen (meist über ein Java-Script).</li>
<li>Die Ergebnisse der Umfragen liefern die jeweiligen Tools dann meist schon in Echtzeit – also sobald jemand den Fragebogen ausgefüllt hat. Bei manchen Anbietern können Sie entscheiden, ob diese Informationen auch den Befragten angezeigt werden sollen.</li>
</ul>
<p>Natürlich gibt es inzwischen mehr als die vorgestellten vier Anbieter. Diese finden wir nach unserem kleinen Test und Vergleich aber besonders empfehlenswert – je nachdem, wo Sie Ihren jeweiligen Schwerpunkt bei den Umfrage setzen wollen. Hier also nun unsere</p>
<h3>4 Umfrage-Tools im Vergleich</h3>
<table>
<tr>
<td><strong>Anbieter</strong></td>
<td><a href="http://polldaddy.com/"><img src="http://karrierebibel.de/wordpress/wp-content/uploads/2011/04/Polldaddy-Logo.png" alt="" title="Polldaddy-Logo" width="95"></a></td>
<td><a href="http://de.surveymonkey.com"><img src="http://karrierebibel.de/wordpress/wp-content/uploads/2011/04/SurveyMonkey-Logo.png" alt="" title="SurveyMonkey-Logo" width="95"></a></td>
<td><a href="http://www.kwiksurveys.com/"><img src="http://karrierebibel.de/wordpress/wp-content/uploads/2011/04/KwikSurveys-Logo.png" alt="" title="KwikSurveys-Logo" width="95"></a></td>
<td><a href="http://www.zoomerang.com/"><img src="http://karrierebibel.de/wordpress/wp-content/uploads/2011/04/Zoomerang-Logo.png" alt="" title="Zoomerang-Logo" width="95"></a></td>
</tr>
<tr>
<td><strong>Anzahl Befragte</strong></td>
<td>100 pro Umfrage und Monat</td>
<td>100 pro Umfrage</td>
<td>Unbegrenzt</td>
<td>100 pro Umfrage</td>
</tr>
<tr>
<td><strong>Fragetypen</strong></td>
<td>10</td>
<td>15</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td><strong>Limitierung<br />der Fragen</strong></td>
<td>10 pro Umfrage</td>
<td>10 pro Umfrage</td>
<td>Unbegrenzt</td>
<td>30 pro Umfrage</td>
</tr>
<tr>
<td><strong>Designauswahl</strong></td>
<td>15</td>
<td>15</td>
<td>Logo und Hintergrund hochladbar</td>
<td>Keine</td>
</tr>
<tr>
<td><strong>Besonderheiten</strong></td>
<td>Fragenkorrektur nachträglich möglich</td>
<td>Fortschrittsbalken bei Umfrage</td>
<td>Unbegrenzte E-Mail-Einladungen</td>
<td>Ergebnisse können heruntergeladen werden</td>
</tr>
<tr>
<td><strong>Unsere Note</strong></td>
<td><a href="http://polldaddy.com/">PollDaddy</a>: <strong>1-</strong></td>
<td><a href="http://de.surveymonkey.com">Survey Monkey</a>: <strong>2-</strong></td>
<td><a href="http://www.kwiksurveys.com/">Kwik Surveys</a>: <strong>2+</strong></td>
<td><a href="http://www.zoomerang.com/">Zoomerang</a>: <strong>3</strong></td>
</tr>
</table>
<h3>Apropos, wo wir schon beim Thema sind…</h3>
<p><a href="http://polldaddy.com/poll/4974892/">Mögen Sie Umfragen?</a><span style="font-size:9px"><a href="http://polldaddy.com/features-surveys/">online surveys</a></span></p>
<div>
<ul>
<li>
			<a href="http://www.shareaholic.com/api/share/?title=Wer+wei%C3%9F+was?+-+Wegweiser+zu+vier+kostenlosen+Umfrage-Tools&amp;link=http://karrierebibel.de/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools/&amp;notes=Sie%20wollen%20wissen,%20was%20Ihre%20Leser%20wissen?%20Ein%20bisschen%20Marktforschung%20betreiben%20oder%20empirisch%20forschen?%20Dann%20kommen%20Sie%20kaum%20an%20Umfragen,%20beziehungsweise%20individuellen%20Frageb%C3%B6gen%20vorbei.%20Umfragen%20sind%20das%20perfekte%20Mittel,%20um%20Meinungen%20und%20Kritik%20effizient%20auszuwerten%20-%20etwa%20bevor%20Sie%20mit%20einem%20auf&amp;short_link=&amp;shortener=tinyurl&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=$%7Btitle%7D+-+$%7Bshort_link%7D&amp;service=7&amp;tags=&amp;ctype=" rel="" title="Twittere diesen Artikel!">Twittere diesen Artikel!</a>
		</li>
<li>
			<a href="http://www.shareaholic.com/api/share/?title=Wer+wei%C3%9F+was?+-+Wegweiser+zu+vier+kostenlosen+Umfrage-Tools&amp;link=http://karrierebibel.de/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools/&amp;notes=Sie%20wollen%20wissen,%20was%20Ihre%20Leser%20wissen?%20Ein%20bisschen%20Marktforschung%20betreiben%20oder%20empirisch%20forschen?%20Dann%20kommen%20Sie%20kaum%20an%20Umfragen,%20beziehungsweise%20individuellen%20Frageb%C3%B6gen%20vorbei.%20Umfragen%20sind%20das%20perfekte%20Mittel,%20um%20Meinungen%20und%20Kritik%20effizient%20auszuwerten%20-%20etwa%20bevor%20Sie%20mit%20einem%20auf&amp;short_link=&amp;shortener=tinyurl&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="" title="Empfehle diesen Artikel bei Facebook">Empfehle diesen Artikel bei Facebook</a>
		</li>
<li>
			<a href="http://www.shareaholic.com/api/share/?title=Wer+wei%C3%9F+was?+-+Wegweiser+zu+vier+kostenlosen+Umfrage-Tools&amp;link=http://karrierebibel.de/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools/&amp;notes=Sie%20wollen%20wissen,%20was%20Ihre%20Leser%20wissen?%20Ein%20bisschen%20Marktforschung%20betreiben%20oder%20empirisch%20forschen?%20Dann%20kommen%20Sie%20kaum%20an%20Umfragen,%20beziehungsweise%20individuellen%20Frageb%C3%B6gen%20vorbei.%20Umfragen%20sind%20das%20perfekte%20Mittel,%20um%20Meinungen%20und%20Kritik%20effizient%20auszuwerten%20-%20etwa%20bevor%20Sie%20mit%20einem%20auf&amp;short_link=&amp;shortener=tinyurl&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="" title="Empfehle diesen Artikel bei del.icio.us">Empfehle diesen Artikel bei del.icio.us</a>
		</li>
<li>
			<a href="http://www.shareaholic.com/api/share/?title=Wer+wei%C3%9F+was?+-+Wegweiser+zu+vier+kostenlosen+Umfrage-Tools&amp;link=http://karrierebibel.de/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools/&amp;notes=Sie%20wollen%20wissen,%20was%20Ihre%20Leser%20wissen?%20Ein%20bisschen%20Marktforschung%20betreiben%20oder%20empirisch%20forschen?%20Dann%20kommen%20Sie%20kaum%20an%20Umfragen,%20beziehungsweise%20individuellen%20Frageb%C3%B6gen%20vorbei.%20Umfragen%20sind%20das%20perfekte%20Mittel,%20um%20Meinungen%20und%20Kritik%20effizient%20auszuwerten%20-%20etwa%20bevor%20Sie%20mit%20einem%20auf&amp;short_link=&amp;shortener=tinyurl&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=298&amp;tags=&amp;ctype=" rel="" title="Füge hinzu zu Mister Wong">Füge hinzu zu Mister Wong</a>
		</li>
<li>
			<a href="http://www.shareaholic.com/api/share/?title=Wer+wei%C3%9F+was?+-+Wegweiser+zu+vier+kostenlosen+Umfrage-Tools&amp;link=http://karrierebibel.de/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools/&amp;notes=Sie%20wollen%20wissen,%20was%20Ihre%20Leser%20wissen?%20Ein%20bisschen%20Marktforschung%20betreiben%20oder%20empirisch%20forschen?%20Dann%20kommen%20Sie%20kaum%20an%20Umfragen,%20beziehungsweise%20individuellen%20Frageb%C3%B6gen%20vorbei.%20Umfragen%20sind%20das%20perfekte%20Mittel,%20um%20Meinungen%20und%20Kritik%20effizient%20auszuwerten%20-%20etwa%20bevor%20Sie%20mit%20einem%20auf&amp;short_link=&amp;shortener=tinyurl&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=210&amp;tags=&amp;ctype=" rel="" title="Sende dies zu Posterous">Sende dies zu Posterous</a>
		</li>
<li>
			<a href="http://www.shareaholic.com/api/share/?title=Wer%20wei%C3%9F%20was?%20-%20Wegweiser%20zu%20vier%20kostenlosen%20Umfrage-Tools&amp;link=http://karrierebibel.de/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools/&amp;notes=Sie%20wollen%20wissen,%20was%20Ihre%20Leser%20wissen?%20Ein%20bisschen%20Marktforschung%20betreiben%20oder%20empirisch%20forschen?%20Dann%20kommen%20Sie%20kaum%20an%20Umfragen,%20beziehungsweise%20individuellen%20Frageb%C3%B6gen%20vorbei.%20Umfragen%20sind%20das%20perfekte%20Mittel,%20um%20Meinungen%20und%20Kritik%20effizient%20auszuwerten%20-%20etwa%20bevor%20Sie%20mit%20einem%20auf&amp;short_link=&amp;shortener=tinyurl&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="" title="Sende diesen Artikel einem Freund per Email">Sende diesen Artikel einem Freund per Email</a>
		</li>
</ul>
<div style="clear:both"></div>
</div>
<p><a href="http://karrierebibel.de/wordpress/?flattrss_redirect&amp;id=35818&amp;md5=879f149fde14cac1822ba2be81b2effc" title="Flattr"><img src="http://karrierebibel.de/wordpress/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"></a></p>
<p><img src="http://feeds.feedburner.com/~r/karrierebibelblog/~4/KhcpkvkAYFI" height="1" width="1"></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/04/wer-weis-was-wegweiser-zu-vier-kostenlosen-umfrage-tools-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Studie: Wie viele Bilder verwendet eine Website durchschnittlich?</title>
		<link>http://blog.netz-navi.de/2011/04/studie-wie-viele-bilder-verwendet-eine-website-durchschnittlich-2/</link>
		<comments>http://blog.netz-navi.de/2011/04/studie-wie-viele-bilder-verwendet-eine-website-durchschnittlich-2/#comments</comments>
		<pubDate>Mon, 25 Apr 2011 11:14:43 +0000</pubDate>
		<dc:creator>Stefan Wienströer</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[Webanalyse]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/?guid=3cf07fb6c916ca45aa34e72692888136</guid>
		<description><![CDATA[Statistik: Bildverwendung auf Webseiten
Einen guten Artikel erkennt man beim Überfliegen durch qualitative Bilder. Hat ein Artikel kein einziges Bild, wird dieser nicht so lange gelesen, als wenn er Bilder hätte. Doch wie viele Bilder hat eine Websit]]></description>
			<content:encoded><![CDATA[<div style="width:510px"><a href="http://blog.stevieswebsite.de/wp-content/uploads/2011/04/178484_R_K_by_Conny-T._pixelio.de_.jpg"><img title="Statistik: Bildverwendung auf Webseiten" src="http://blog.stevieswebsite.de/wp-content/uploads/2011/04/178484_R_K_by_Conny-T._pixelio.de_.jpg" alt="Statistik: Bildverwendung auf Webseiten" width="500" height="355"></a>
<p>Statistik: Bildverwendung auf Webseiten</p>
</div>
<p>Einen guten Artikel erkennt man beim Überfliegen durch qualitative Bilder. Hat ein Artikel kein einziges Bild, wird dieser nicht so lange gelesen, als wenn er Bilder hätte. Doch wie viele Bilder hat eine Website eigentlich im Durchschnitt?</p>
<p>Dieser Frage bin ich auf dem Grund gegangen. Ich habe über 110.000 Seiten von fast 3000 (überwiegend deutschen) Domains untersucht und kann nun eine Antwort auf diese Frage bieten!<span></span></p>
<p><strong>Eine Seite hat im Durchschnitt  6,86 Bilder.</strong> Doppelt verwendete Bilder wurden auch doppelt gezählt (z.B. Header-Grafiken).</p>
<p>Der Wert alleine ist natürlich zu allgemein. Es gibt Seiten, die einfach mehr Bilder haben als andere. Man vergleiche zum Beispiel eine Seite über Fotografie und eine Seite über Programmierung.</p>
<p>Ich bin also noch ein Stück weiter gegangen und habe die Seiten in (DMOZ-)Kategorien unterteilt:</p>
<table>
<tbody>
<tr>
<td><strong>DMOZ-Kategorie</strong></td>
<td><strong>Geteste Domains</strong></td>
<td><strong>Bilder / Seite</strong></td>
</tr>
<tr>
<td>World/Deutsch/Medien/Zeitschriften und Online-Magazine/Lifestyle/</td>
<td valign="top">13</td>
<td valign="top">10,60</td>
</tr>
<tr>
<td>Home/Cooking/Weblogs/</td>
<td valign="top">8</td>
<td valign="top">10,35</td>
</tr>
<tr>
<td>World/Deutsch/Medien/Fernsehen/Sender/Öffentlich Rechtliche</td>
<td valign="top">10</td>
<td valign="top">8,83</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/WWW/Weblogs/Verzeichnisse/</td>
<td valign="top">19</td>
<td valign="top">8,59</td>
</tr>
<tr>
<td>World/Deutsch/Kultur/Design/Weblogs/</td>
<td valign="top">12</td>
<td valign="top">6,61</td>
</tr>
<tr>
<td>nicht im DMOZ gelistet</td>
<td valign="top">1467</td>
<td valign="top">4,45</td>
</tr>
<tr>
<td>World/Deutsch/Kultur/Musik/Weblogs/</td>
<td valign="top">14</td>
<td valign="top">4,29</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/WWW/Web-Anwendungen/Bookmarkverwaltung/Social Bookmarks/</td>
<td valign="top">13</td>
<td valign="top">3,92</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/WWW/Weblogs/Gemeinschaftliche Weblogs/</td>
<td valign="top">24</td>
<td valign="top">3,73</td>
</tr>
<tr>
<td>World/Deutsch/Zuhause/Kochen/Rezeptesammlungen/Persönliche Seiten/</td>
<td valign="top">8</td>
<td valign="top">3,30</td>
</tr>
<tr>
<td>World/Deutsch/Wirtschaft/Marketing und Werbung/Weblogs/</td>
<td valign="top">23</td>
<td valign="top">2,96</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/WWW/Weblogs/Persönliche Weblogs/B/</td>
<td valign="top">12</td>
<td valign="top">2,95</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/Webdesign und -entwicklung/Erstellung von Webseiten/Weblogs/</td>
<td valign="top">18</td>
<td valign="top">2,75</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/WWW/Weblogs/Persönliche Weblogs/K/</td>
<td valign="top">8</td>
<td valign="top">2,70</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/WWW/Weblogs/Hosting/</td>
<td valign="top">8</td>
<td valign="top">2,65</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/Webdesign und -entwicklung/Promotion/Suchmaschinen/Weblogs/</td>
<td valign="top">45</td>
<td valign="top">2,43</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/WWW/Weblogs/Persönliche Weblogs/A/</td>
<td valign="top">8</td>
<td valign="top">2,39</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/Webdesign und -entwicklung/Promotion/Suchmaschinen/Dienstleistungen/Deutschland/</td>
<td valign="top">20</td>
<td valign="top">1,81</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/WWW/Weblogs/Perönliche_Weblogs/S/</td>
<td valign="top">9</td>
<td valign="top">1,75</td>
</tr>
<tr>
<td>World/Deutsch/Computer/Internet/Webdesign und -entwicklung/Erstellung von Webseiten/Ressourcen und Tools/Counter und Statistik/Kostenlos/</td>
<td valign="top">8</td>
<td valign="top">1,52</td>
</tr>
</tbody>
</table>
<p>Man kann erkennen, dass Seiten, die sich mit der Webentwicklung / Seo nicht so viele Bilder verwenden, wie Seiten die Sich um die Themen Lifestyle, Design oder Musik auseinandersetzten. Das lässt sich damit erklären, dass für Webentwickler und Seos gar nicht so viele Motive finden lassen.</p>
<p>Letztendlich muss man selbst wissen, wie viele Bilder man verwendet. Es kommt natürlich neben der Menge auch auf die Qualität an. Aber vielleicht hilft die Statistik euch mal wieder dran zu erinnern, auch mal wieder ein paar Bilder in die Artikel einzubauen <img src="http://blog.stevieswebsite.de/wp-includes/images/smilies/icon_wink.gif" alt=";-)"> </p>
<p><i>Titelbild von Conny-T. auf <a href="http://www.pixelio.de/details.php?image_id=178484&amp;mode=search">Pixelio</a></i></p>
<p><img src="http://feeds.feedburner.com/~r/stevieswebsite/~4/W0_K6vB3tow" height="1" width="1"></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/04/studie-wie-viele-bilder-verwendet-eine-website-durchschnittlich-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>50 Effective and Creative Call to Action Buttons</title>
		<link>http://blog.netz-navi.de/2011/04/50-effective-and-creative-call-to-action-buttons-2/</link>
		<comments>http://blog.netz-navi.de/2011/04/50-effective-and-creative-call-to-action-buttons-2/#comments</comments>
		<pubDate>Mon, 25 Apr 2011 09:30:58 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[reader]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/?guid=73399fd8e13e17044e82ae8090416711</guid>
		<description><![CDATA[



      
        
    



“Call to Action” is a term commonly employed in the field of web design and user experience (UX). It refers those elements in a web page that plead for an action from the visitor. The most common demonstration of call ]]></description>
			<content:encoded><![CDATA[<table width="650">
<tr>
<td width="650">
<div style="width:650px">
      <img src="http://statisches.auslieferung.commindo-media-ressourcen.de/advertisement.gif" alt="Advertisement in 50 Effective and Creative Call to Action Buttons" border="0"><br />
      <a href="http://auslieferung.commindo-media-ressourcen.de/www/delivery/ck.php?zoneid=8"><img src="http://auslieferung.commindo-media-ressourcen.de/www/delivery/avw.php?zoneid=8" border="0" alt=" in 50 Effective and Creative Call to Action Buttons"></a> <a href="http://auslieferung.commindo-media-ressourcen.de/www/delivery/ck.php?zoneid=9"><img src="http://auslieferung.commindo-media-ressourcen.de/www/delivery/avw.php?zoneid=9" border="0" alt=" in 50 Effective and Creative Call to Action Buttons"></a> <a href="http://auslieferung.commindo-media-ressourcen.de/www/delivery/ck.php?zoneid=10"><img src="http://auslieferung.commindo-media-ressourcen.de/www/delivery/avw.php?zoneid=10" border="0" alt=" in 50 Effective and Creative Call to Action Buttons"></a>
    </div>
</td>
</tr>
</table>
<p>“Call to Action” is a term commonly employed in the field of web design and user experience (UX). It refers those elements in a web page that plead for an action from the visitor. The most common demonstration of call to action in web pages appears in the form of clickable buttons. These clickable buttons perform predefined action when clicked.</p>
<p>
<span></span></p>
<p>Here is a roundup of more than 50 websites demonstrating effective call to action buttons that do their job quite smartly. We hope that this collection helps you getting some idea of unique and creative ways to make these calls to action in your own works.</p>
<h3>Effective Call to Action Buttons</h3>
<p><a href="http://liveresto.com/">LiveResto</a><br />One of the best call to action buttons in this collection that uses a smart strategy to attract visitors’ attention by using images and text; and make a simple Try For Free button a powerful clickable call to action button.</p>
<p><a href="http://liveresto.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons10.jpg" alt="Calltoactionbuttons10 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.storenvy.com/">Storenvy</a><br />A creatively designed round shape “Join Now” button that call visitors to join the website. The white outline surrounding the button puts emphasis on the action along with small icons and accompanying text.</p>
<p><a href="http://www.storenvy.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons5.jpg" alt="Calltoactionbuttons5 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.instantloop.com/">InstantLoop</a><br />InstantLoop makes use of soothing color combinations along with their cute logo design. The call to action button clearly states what users can expect when they click the button.</p>
<p><a href="http://www.instantloop.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons9.jpg" alt="Calltoactionbuttons9 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.donortools.com/">Donor Tools</a><br />Smart use of a catchy line that says, “It takes about 20seconds” to give an idea that the process will not take too long. A clean and attractive “Get Started” call to action button.</p>
<p><a href="http://www.donortools.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons1.jpg" alt="Calltoactionbuttons1 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://wufoo.com/">WUFOO</a><br />Two simple but visually alluring call to action buttons placed right in the centre of the web page that make them very hard to miss. These buttons do not look blatant even when you look at the overall design.</p>
<p><a href="http://wufoo.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons11.jpg" alt="Calltoactionbuttons11 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.mobilecubix.com/">Mobile cubix</a><br />Mobile cubix uses a round outline surrounding the “Read More” button and then leading it to the application that not only attracts visitors’ attention but also informs them what they can expect.</p>
<p><a href="http://www.mobilecubix.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons12.jpg" alt="Calltoactionbuttons12 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.crazyegg.com/">Crazyegg</a><br />Here the whole website is designed around the call to action button that proudly sits in the centre of the web page. The button is surrounded by sufficient white space that puts emphasis on the action to be called.</p>
<p><a href="http://www.crazyegg.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons16.jpg" alt="Calltoactionbuttons16 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.ncover.com/">Ncover</a><br />Another great example of two call-to-action buttons on the homepage. The use of green color against the blue background stands out highlighting the more important action of the two to the user.</p>
<p><a href="http://www.ncover.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons22.jpg" alt="Calltoactionbuttons22 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://280slides.com/">280 Slides</a><br />A really big call to action button making it impossible for the visitors to miss it. The button uses the same color as that of the background; making the over-sized button appear more pleasing to eyes and less obtrusive.</p>
<p><a href="http://280slides.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons27.jpg" alt="Calltoactionbuttons27 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.ohmedia.ca/">OH! Media</a><br />A large and beautifully colored call to action button that is placed in the centre of the webpage. Its positioning is making it stand out on the page and drawing attention directly to the call to action demanded.</p>
<p><a href="http://www.ohmedia.ca/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons37.jpg" alt="Calltoactionbuttons37 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.13creative.com/">13 Creative</a><br />An unconventional design that brings visitors’ attention to call to action button even though the surrounding elements are quite proportionally larger.</p>
<p><a href="http://www.13creative.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons39.jpg" alt="Calltoactionbuttons39 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.commercialiq.com/">Commercial IQ</a><br />The large sized and prominently placed call to action button with an icon of a magnifying glass to add perspective to the purpose of the action. The text “Free to search” answers the question a user may have regarding any charges attached to the action.</p>
<p><a href="http://www.commercialiq.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons40.jpg" alt="Calltoactionbuttons40 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.atebits.com/tweetie-mac/">Atebits</a><br />An eye catching website having loads of attention grabbing elements including logo and two smartly designed light color call to action buttons that come with brief description on what will happen when these buttons are clicked.</p>
<p><a href="http://www.atebits.com/tweetie-mac/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons2.jpg" alt="Calltoactionbuttons2 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.rememberthemilk.com/">Remember the milk</a><br />The perfect example of an effective call to action button. This site focuses on the Sign Up Now button by positioning it in the center of the web page. The button is skillfully supported by the text to provide information.</p>
<p><a href="http://www.rememberthemilk.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons3.jpg" alt="Calltoactionbuttons3 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://transmissionapps.com/">Transmissions</a><br />Two centrally placed call to action buttons that entice visitors to either buy the product by clicking “Buy It” or download its free trail by clicking “Download Now”.</p>
<p><a href="http://transmissionapps.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons4.jpg" alt="Calltoactionbuttons4 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.codingrobots.com/blogjet/">Coding Robots</a><br />The most interesting thing in these ‘call to action’ buttons is that Coding Robots highlights the Free Download button more than the Buy Now button which gives a subliminal message that visitors can try the free version first prior to buying the product.</p>
<p><a href="http://www.codingrobots.com/blogjet/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons6.jpg" alt="Calltoactionbuttons6 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://basecamphq.com/">BaseCamp</a><br />A neat and clean minimal web page accentuating the “See Plans and Pricing” button by pointing to it with an arrow. This lets visitors check out the pricing and plan details. Furthermore, the expected period of time in signing up gives the user a fast-based process.</p>
<p><a href="http://basecamphq.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons7.jpg" alt="Calltoactionbuttons7 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.bandthemer.com/">BandThemer</a><br />BandThemer places a centrally attracted call to action button that directly leads the visitors to their pricing detail page so that they can make a buying decision.</p>
<p><a href="http://www.bandthemer.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons8.jpg" alt="Calltoactionbuttons8 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.dailymile.com/">Dailymile</a><br />A large centrally aligned call to action button that is hard to miss and attract visitors’ attention immediately. Simple and effective.</p>
<p><a href="http://www.dailymile.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons13.jpg" alt="Calltoactionbuttons13 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.mozilla.com/en-US/firefox/new/">Mozilla Firefox</a><br />“Free Download” button of the Mozilla Firefox is a true revolution in terms of call-to-action graphics. Its large, unevenly shaped, vibrantly colored and detail oriented button has stirred a great deal of debate in the industry.</p>
<p><a href="http://www.mozilla.com/en-US/firefox/new/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons14.jpg" alt="Calltoactionbuttons14 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://cakephp.org/">CakePHP</a><br />A large sized and irregularly shaped “Download” button has been created to attract a whole lot more visitors to download the program. The button suits the background of the website.</p>
<p><a href="http://cakephp.org/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons15.jpg" alt="Calltoactionbuttons15 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://litmusapp.com/">Litmus</a><br />A round shaped and beautifully colored call to action button that is surrounded by plenty of empty space. Although Litmus did not go overboard with its call-to-action button, it still lands on a decent looking button.</p>
<p><a href="http://litmusapp.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons17.jpg" alt="Calltoactionbuttons17 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://carsonified.com/">Carsonified</a><br />A unique approach to design an out of the ordinary call to action button that appeals to the design community.</p>
<p><a href="http://carsonified.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons18.jpg" alt="Calltoactionbuttons18 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.planhq.com/">planHQ</a><br />Two regularly sized and lightly colored call to action buttons that are surrounded by the blocks of white that accentuate them for the visitors’ attention.</p>
<p><a href="http://www.planhq.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons19.jpg" alt="Calltoactionbuttons19 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.culturedcode.com/things/">Things</a><br />Again two different call to action buttons that discretely stand out well against the light blue and grey background. Both the buttons are identically shaped, sized and colored to keep their importance intact.</p>
<p><a href="http://www.culturedcode.com/things/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons20.jpg" alt="Calltoactionbuttons20 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.livestream.com/platform/livetvbroadcasts">Livestream</a><br />A red colored “Livestream your Event” button significantly draws attention by standing out against the black background. Very smart usage of red color to attract potential customers. Furthermore, the button is placed in the top right corner that also urges users to click the button.</p>
<p><a href="http://www.livestream.com/platform/livetvbroadcasts"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons21.jpg" alt="Calltoactionbuttons21 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.getdashboard.com/">Dashboard</a><br />A brightly colored and relatively large in size call to action button that is loaded with information about the service being offered.</p>
<p><a href="http://www.getdashboard.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons23.jpg" alt="Calltoactionbuttons23 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://koombea.com/kalculator">Kalculator</a><br />Koombea has elegantly used proper positioning, appropriate color, realistic size and conventional shape to make its call to action button shine.</p>
<p><a href="http://koombea.com/kalculator"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons24.jpg" alt="Calltoactionbuttons24 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.spotify.com/en/">Spotify</a><br />A moderately sized and grey colored call to action button against vivdly colored web background really stands out!</p>
<p><a href="http://www.spotify.com/en/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons25.jpg" alt="Calltoactionbuttons25 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="https://www.dropbox.com/">Dropbox</a><br />Very simple and self explanatory call to action buttons that perform their job quite tidily. Visitors will be under no misconception as to what they are supposed to do here. They can either watch the video by clicking “Watch a Video” or can download the product through the “Download Dropbox” button.</p>
<p><a href="https://www.dropbox.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons26.jpg" alt="Calltoactionbuttons26 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.mailchimp.com/">MailChimp</a><br />A large, red colored “Sign Up Free” button that is surrounded by plenty of free space to put emphasis on it. The proper positioning of this call to action button is making it stand out on the homepage.</p>
<p><a href="http://www.mailchimp.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons28.jpg" alt="Calltoactionbuttons28 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.campaignmonitor.com/">Campaign Monitor</a><br />Campaign Monitor provides a set of neatly designed call to action buttons that present two potential user actions. Visitors can either go for the free trial or can check out its features first prior to downloading.</p>
<p><a href="http://www.campaignmonitor.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons29.jpg" alt="Calltoactionbuttons29 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.filesharehq.com/">Fileshare HQ</a><br />A relatively large call to action button telling the visitors what they can expect when the button is clicked. Always a welcomed route.</p>
<p><a href="http://www.filesharehq.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons30.jpg" alt="Calltoactionbuttons30 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.playintraffik.com/">Traffik CMS</a><br />A dark colored and large call to action button that is surrounded by the block of white color to highlight the button even more.</p>
<p><a href="http://www.playintraffik.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons31.jpg" alt="Calltoactionbuttons31 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://mobilewebbook.com/">Mobile Web Design</a><br />Here, the call to action button is placed right in the top of the web page to immediately draw visitors’ attention. Apart from its prominent location, its large size and distinguishing color relating to surrounding elements really add more visual interest.</p>
<p><a href="http://mobilewebbook.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons32.jpg" alt="Calltoactionbuttons32 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.taoeffect.com/espionage/">Tao Effect – Espionage</a><br />This website provides a set of three call to action buttons that provides users with three options: Download, Buy Now, or Upgrade. The color difference helps us distinguishing that the primary desired action here is to download the program which is followed by two similarly prioritized actions of Buy Now, or Upgrade.</p>
<p><a href="http://www.taoeffect.com/espionage/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons33.jpg" alt="Calltoactionbuttons33 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.ekklesia360.com/">Ekklesia 360</a><br />Icons are used to signify a sense of moving forward along with the high contrast color that has been used against the dark blue background.</p>
<p><a href="http://www.ekklesia360.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons34.jpg" alt="Calltoactionbuttons34 in 50 Effective and Creative Call to Action Buttons" width="520" height="194"></a></p>
<p><a href="http://www.spinen.com/">Spinen</a><br />“Find Out More” button tells the users what to anticipate when they take action i.e. to find out more about the product when they click the button.</p>
<p><a href="http://www.spinen.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons35.jpg" alt="Calltoactionbuttons35 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.codebasehq.com/">Codebase</a><br />Here a large call to action button tells users that they can try Codebase free of cost for 15 days. The use of high-contrast color and icon on the left is sufficient enough to draw the user’s attention.</p>
<p><a href="http://www.codebasehq.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons36.jpg" alt="Calltoactionbuttons36 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.wakeinteractive.com/">Wake Interactive</a><br />The use of high-contrast color in this call to action button in relation to its adjacent elements makes it visually pop.</p>
<p><a href="http://www.wakeinteractive.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons38.jpg" alt="Calltoactionbuttons38 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://icondock.com/">Icon Dock</a><br />A simply designed white colored “Browse Icon Library” button against a vividly colored background really stands out.</p>
<p><a href="http://icondock.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons41.jpg" alt="Calltoactionbuttons41 in 50 Effective and Creative Call to Action Buttons" width="520" height="317"></a></p>
<p><a href="http://www.tastebook.com/home/product_info">TasteBook</a><br />Here the call to action button uses an interesting icon and bold text to grab readers’ attention.</p>
<p><a href="http://www.tastebook.com/home/product_info"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons42.jpg" alt="Calltoactionbuttons42 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.elegantthemes.com/gallery/onthego/">Elegant Themes</a><br />This set of call to action buttons demonstrate the power of correct use of color to stand out without conflicting with the adjacent design elements.</p>
<p><a href="http://www.elegantthemes.com/gallery/onthego/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons43.jpg" alt="Calltoactionbuttons43 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://sprouter.com/">Sprouter</a><br />The use of light and refreshing colors for this big call to action button is sure to attract visitor’s attention. Using the word “Free” is a good option to inform visitors that there will be no charges for signing up.</p>
<p><a href="http://sprouter.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons44.jpg" alt="Calltoactionbuttons44 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<p><a href="http://www.appstemplates.com/">APPTEMPLATES</a><br />This is a good example of putting appealing statements in the webpage to attract potential customers’ attention. This is what we call an effective call to action button.</p>
<p><a href="http://www.appstemplates.com/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons45.jpg" alt="Calltoactionbuttons45 in 50 Effective and Creative Call to Action Buttons" width="520" height="348"></a></p>
<h3>Additional Resources and Articles</h3>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/">How to Create a Slick and Clean Button in Photoshop</a><br />A step by step guide on how to create large and noticeable call to action buttons using Photoshop.</p>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons50.jpg" alt="Calltoactionbuttons50 in 50 Effective and Creative Call to Action Buttons" width="520" height="243"></a></p>
<p><a href="http://patterntap.com/tap/collection/buttons">Inspirational Buttons in web design – Pattern Tap</a><br />This Pattern Tap collection provides you some inspiration on good button designs.</p>
<p><a href="http://patterntap.com/tap/collection/buttons"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons51.jpg" alt="Calltoactionbuttons51 in 50 Effective and Creative Call to Action Buttons" width="520" height="308"></a></p>
<p><a href="http://boagworld.com/design/10-techniques-for-an-effective-call-to-action">10 techniques for an effective ‘call to action’</a><br />10 proven techniques by Paul Boag for designing call to action buttons that work.</p>
<p><a href="http://boagworld.com/design/10-techniques-for-an-effective-call-to-action"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons52.jpg" alt="Calltoactionbuttons52 in 50 Effective and Creative Call to Action Buttons" width="520" height="295"></a></p>
<p><a href="http://www.uxbooth.com/blog/good-call-to-action-buttons/">Good Call-To-Action Buttons</a><br />UX Booth presents a perfect picture on what an effective call to action button is made up of.</p>
<p><a href="http://www.uxbooth.com/blog/good-call-to-action-buttons/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons53.jpg" alt="Calltoactionbuttons53 in 50 Effective and Creative Call to Action Buttons" width="520" height="295"></a></p>
<p><a href="http://www.smashingmagazine.com/2009/10/13/call-to-action-buttons-examples-and-best-practices/">Call to Action Buttons: Examples and Best Practices</a><br />A great collection by Jacob Gube to let you understand how can you create effective call to action buttons that actually entice your visitors to click them.</p>
<p><a href="http://www.smashingmagazine.com/2009/10/13/call-to-action-buttons-examples-and-best-practices/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons54.jpg" alt="Calltoactionbuttons54 in 50 Effective and Creative Call to Action Buttons" width="520" height="317"></a></p>
<p><a href="http://blogs.sitepoint.com/5-tips-for-creating-an-effective-call-to-action-button/">5 Tips For Creating An Effective Call To Action Button</a><br />Call to action buttons work best when you make it apparent that what you exactly want your users to do. Here are 5 useful tips that need to be kept in mind when designing a call to action button.</p>
<p><a href="http://blogs.sitepoint.com/5-tips-for-creating-an-effective-call-to-action-button/"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2011/04/calltoactionbuttons56.jpg" alt="Calltoactionbuttons56 in 50 Effective and Creative Call to Action Buttons" width="520" height="171"></a></p>
<p><em>(rb)</em></p>
<div>
<a href="http://feeds.feedburner.com/~ff/Noupe?a=zgmEUThGMA8:g_ss6cOKpnc:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/Noupe?i=zgmEUThGMA8:g_ss6cOKpnc:V_sGLiPBpWU" border="0"></a> <a href="http://feeds.feedburner.com/~ff/Noupe?a=zgmEUThGMA8:g_ss6cOKpnc:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Noupe?i=zgmEUThGMA8:g_ss6cOKpnc:F7zBnMyn0Lo" border="0"></a> <a href="http://feeds.feedburner.com/~ff/Noupe?a=zgmEUThGMA8:g_ss6cOKpnc:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Noupe?i=zgmEUThGMA8:g_ss6cOKpnc:gIN9vFwOqvQ" border="0"></a> <a href="http://feeds.feedburner.com/~ff/Noupe?a=zgmEUThGMA8:g_ss6cOKpnc:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/Noupe?d=7Q72WNTAKBA" border="0"></a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/04/50-effective-and-creative-call-to-action-buttons-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RSS lebt – Der ultimative Ratgeber für PCs, Tablets und Web-Apps</title>
		<link>http://blog.netz-navi.de/2011/04/rss-lebt-der-ultimative-ratgeber-fur-pcs-tablets-und-web-apps/</link>
		<comments>http://blog.netz-navi.de/2011/04/rss-lebt-der-ultimative-ratgeber-fur-pcs-tablets-und-web-apps/#comments</comments>
		<pubDate>Sat, 16 Apr 2011 06:45:33 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tablet]]></category>
		<category><![CDATA[Top Stories]]></category>
		<category><![CDATA[Webapp]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Es gibt das Gerücht, das für RSS der Zug abgefahren sei. Reddit, Twitter, Facebook und Co sollen die neuen Newslieferanten sein, die das altehrwürdige Really Simple Syndication (kurz: RSS) ablösen sollen. Wir sind anderer Meinung – RSS-Feeds sind]]></description>
			<content:encoded><![CDATA[<p><img align="left" src="http://cache.gizmodo.de/wp-content/uploads/2011/04/rss-300x201.jpg" alt="" width="300" height="201">Es gibt das Gerücht, das für RSS der Zug abgefahren sei. Reddit, Twitter, Facebook und Co sollen die neuen Newslieferanten sein, die das altehrwürdige Really Simple Syndication (kurz: RSS) ablösen sollen. Wir sind anderer Meinung – RSS-Feeds sind nach wie vor ein wichtiger Informationskanal – vor allem auf Tablets.<span></span></p>
<p>Wir wollen euch im Folgenden die besten Webapps, die coolsten Anwendungen für Apples iPad und für Android-Tablets zeigen. Natürlich ist auch etwas für Windows- und Mac-OS X-Benutzer dabei.</p>
<h2>Web Apps</h2>
<h2><a href="http://www.feedly.com">Feedly</a></h2>
<p><img src="http://cache.gizmodo.de/wp-content/uploads/2011/04/01_feedly-500x441.jpg" alt="" width="500" height="441"></p>
<p>Diese Erweiterung läuft unter Firefox, Chrome und Safari. Sie liefert die RSS-Daten in einen neuen, besonders attraktiven Interface. Neben den Headlines zeigt sie einige Bilder an, sofern der RSS-Feed welche enthält und gerade soviel Informationen aus dem Haupttext, dass man einen groben Überblick zum Text erhält, ohne den Anwender mit zuvielen Informationen zu überfrachten. Feedly arbeitet mit dem Google Reader zusammen und zieht sich die von euch abonnierten Feeds. Das Abonnieren und Kündigen von Feeds geht aber auch über die Feedly-Oberfläche. Die Synchronisierung zum Google Reader wird im Hintergrund erledigt.</p>
<h2><a href="http://goodnoows.com/">Good Noows</a></h2>
<p><img src="http://cache.gizmodo.de/wp-content/uploads/2011/04/02_good-noows-500x341.jpg" alt="" width="500" height="341"></p>
<p>Sieht aus wie ein Rechtschreibfehler, ist aber der Name der Webapp, die man unter <a href="http://goodnoows.com/">goodnoows.com</a> aufruft. Auch hier fällt auf: Die Macher haben sich wirklich Mühe gegeben, die sonst üblichen langen Headline-Listen durch ein schönes und klar gegliedertes Interface zu ersetzen. Wenn man auf eine der Teaser-Boxen klickt, öffnet sich ein neues Tab im Browser – aber netterweise im Hintergrund. Good Noows bleibt so jederzeit sichtbar. Wer will, kann über die integrierte Instapaper-Anbindung auch noch Artikel zum Offline-Lesen speichern und darüber zum Beispiel  mit iOS- oder Androidgeräten synchronisieren. Der größte Vorteil dieser Webapp liegt aber in ihren Filterfunktionen.</p>
<h2><a href="http://glowdart.com/">Glow Dart</a></h2>
<p><img src="http://cache.gizmodo.de/wp-content/uploads/2011/04/03_glow-dart-500x280.jpg" alt="" width="500" height="280"></p>
<p>Mit der App könnt ihr euer riesiges 30-Zoll-Display einmal so richtig vollklatschen mit Informationen. Die Webapp Glow Dart scrollt beständig Headlines in einer großen Schrift aus allen möglichen und unmöglichen Quellen herunter. Zurückblättern geht übrigens auch. Mit einem Pause-Knopf hält man dieses Scroll-Inferno an.</p>
<p>Wer mehr wissen will, klickt einfach eine der Überschriften an. Oder man liest eben nur die Headlines. Falls vorhanden, werden auch kleine Bildchen neben den Überschriften angezeigt. Wer sich registriert (kostenlos) der kann diese riesige Scroll-Liste mit seinen eigenen Feeds füttern.</p>
<h2><a href="http://www.tabbloid.com/">Tabbloid</a></h2>
<p><img src="http://cache.gizmodo.de/wp-content/uploads/2011/04/04_tabbloid-500x445.jpg" alt="" width="500" height="445"></p>
<p>Tabloid heißt soviel wie  Boulevardzeitung und genau die erstellt die Webapp Tabbloid für euch auf täglicher oder wöchentlicher Basis aus euren RSS-Feeds. Und zwar nicht nur als Webseite sondern als druckbares PDF, das euch per E-Mail zugestellt wird. Wer will, kann das ganze erst einmal testen, ohne seine E-Mailadresse anzugeben. Wenn es euch zuviel wird, könnt ihr es wieder abbestellen. Ich fand das im Urlaub ganz nett – man kriegt sozusagen eine persönliche Zeitung, die man sich kurz anguckt und muss nicht ewig im Internet alles zusammensuchen.</p>
<p><strong><a href="http://www.gizmodo.de/2011/04/16/rss-lebt-der-ultimative-ratgeber-fur-pcs-tablets-und-web-apps.html/2">Weiter zur nächsten Seite &gt;&gt;</a></strong></p></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/04/rss-lebt-der-ultimative-ratgeber-fur-pcs-tablets-und-web-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RSS lebt – Der ultimative Ratgeber für PCs, Tablets und Web-Apps</title>
		<link>http://blog.netz-navi.de/2011/04/rss-lebt-der-ultimative-ratgeber-fur-pcs-tablets-und-web-apps-2/</link>
		<comments>http://blog.netz-navi.de/2011/04/rss-lebt-der-ultimative-ratgeber-fur-pcs-tablets-und-web-apps-2/#comments</comments>
		<pubDate>Sat, 16 Apr 2011 06:45:33 +0000</pubDate>
		<dc:creator>Bjoern Habegger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tablet]]></category>
		<category><![CDATA[Top Stories]]></category>
		<category><![CDATA[Webapp]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/?guid=3aea13f31f530f4efb96b5a35dc86b1d</guid>
		<description><![CDATA[Es gibt das Gerücht, das für RSS der Zug abgefahren sei. Reddit, Twitter, Facebook und Co sollen die neuen Newslieferanten sein, die das altehrwürdige Really Simple Syndication (kurz: RSS) ablösen sollen. Wir sind anderer Meinung – RSS-Feeds sind]]></description>
			<content:encoded><![CDATA[<p><img align="left" src="http://cache.gizmodo.de/wp-content/uploads/2011/04/rss-300x201.jpg" alt="" width="300" height="201">Es gibt das Gerücht, das für RSS der Zug abgefahren sei. Reddit, Twitter, Facebook und Co sollen die neuen Newslieferanten sein, die das altehrwürdige Really Simple Syndication (kurz: RSS) ablösen sollen. Wir sind anderer Meinung – RSS-Feeds sind nach wie vor ein wichtiger Informationskanal – vor allem auf Tablets.<span></span></p>
<p>Wir wollen euch im Folgenden die besten Webapps, die coolsten Anwendungen für Apples iPad und für Android-Tablets zeigen. Natürlich ist auch etwas für Windows- und Mac-OS X-Benutzer dabei.</p>
<h2>Web Apps</h2>
<h2><a href="http://www.feedly.com">Feedly</a></h2>
<p><img src="http://cache.gizmodo.de/wp-content/uploads/2011/04/01_feedly-500x441.jpg" alt="" width="500" height="441"></p>
<p>Diese Erweiterung läuft unter Firefox, Chrome und Safari. Sie liefert die RSS-Daten in einen neuen, besonders attraktiven Interface. Neben den Headlines zeigt sie einige Bilder an, sofern der RSS-Feed welche enthält und gerade soviel Informationen aus dem Haupttext, dass man einen groben Überblick zum Text erhält, ohne den Anwender mit zuvielen Informationen zu überfrachten. Feedly arbeitet mit dem Google Reader zusammen und zieht sich die von euch abonnierten Feeds. Das Abonnieren und Kündigen von Feeds geht aber auch über die Feedly-Oberfläche. Die Synchronisierung zum Google Reader wird im Hintergrund erledigt.</p>
<h2><a href="http://goodnoows.com/">Good Noows</a></h2>
<p><img src="http://cache.gizmodo.de/wp-content/uploads/2011/04/02_good-noows-500x341.jpg" alt="" width="500" height="341"></p>
<p>Sieht aus wie ein Rechtschreibfehler, ist aber der Name der Webapp, die man unter <a href="http://goodnoows.com/">goodnoows.com</a> aufruft. Auch hier fällt auf: Die Macher haben sich wirklich Mühe gegeben, die sonst üblichen langen Headline-Listen durch ein schönes und klar gegliedertes Interface zu ersetzen. Wenn man auf eine der Teaser-Boxen klickt, öffnet sich ein neues Tab im Browser – aber netterweise im Hintergrund. Good Noows bleibt so jederzeit sichtbar. Wer will, kann über die integrierte Instapaper-Anbindung auch noch Artikel zum Offline-Lesen speichern und darüber zum Beispiel  mit iOS- oder Androidgeräten synchronisieren. Der größte Vorteil dieser Webapp liegt aber in ihren Filterfunktionen.</p>
<h2><a href="http://glowdart.com/">Glow Dart</a></h2>
<p><img src="http://cache.gizmodo.de/wp-content/uploads/2011/04/03_glow-dart-500x280.jpg" alt="" width="500" height="280"></p>
<p>Mit der App könnt ihr euer riesiges 30-Zoll-Display einmal so richtig vollklatschen mit Informationen. Die Webapp Glow Dart scrollt beständig Headlines in einer großen Schrift aus allen möglichen und unmöglichen Quellen herunter. Zurückblättern geht übrigens auch. Mit einem Pause-Knopf hält man dieses Scroll-Inferno an.</p>
<p>Wer mehr wissen will, klickt einfach eine der Überschriften an. Oder man liest eben nur die Headlines. Falls vorhanden, werden auch kleine Bildchen neben den Überschriften angezeigt. Wer sich registriert (kostenlos) der kann diese riesige Scroll-Liste mit seinen eigenen Feeds füttern.</p>
<h2><a href="http://www.tabbloid.com/">Tabbloid</a></h2>
<p><img src="http://cache.gizmodo.de/wp-content/uploads/2011/04/04_tabbloid-500x445.jpg" alt="" width="500" height="445"></p>
<p>Tabloid heißt soviel wie  Boulevardzeitung und genau die erstellt die Webapp Tabbloid für euch auf täglicher oder wöchentlicher Basis aus euren RSS-Feeds. Und zwar nicht nur als Webseite sondern als druckbares PDF, das euch per E-Mail zugestellt wird. Wer will, kann das ganze erst einmal testen, ohne seine E-Mailadresse anzugeben. Wenn es euch zuviel wird, könnt ihr es wieder abbestellen. Ich fand das im Urlaub ganz nett – man kriegt sozusagen eine persönliche Zeitung, die man sich kurz anguckt und muss nicht ewig im Internet alles zusammensuchen.</p>
<p><strong><a href="http://www.gizmodo.de/2011/04/16/rss-lebt-der-ultimative-ratgeber-fur-pcs-tablets-und-web-apps.html/2">Weiter zur nächsten Seite &gt;&gt;</a></strong></p></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/04/rss-lebt-der-ultimative-ratgeber-fur-pcs-tablets-und-web-apps-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wie wird das Wetter?</title>
		<link>http://blog.netz-navi.de/2011/04/wie-wird-das-wetter-2/</link>
		<comments>http://blog.netz-navi.de/2011/04/wie-wird-das-wetter-2/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 06:00:29 +0000</pubDate>
		<dc:creator>Guru 2.0</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lesenswert]]></category>
		<category><![CDATA[webtechnik]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[aus]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[empfehlung]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[meinem]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[QuellCode]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[Wetter]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.netz-navi.de/?guid=8477466741cf61f3729a16446bbd1388</guid>
		<description><![CDATA[WordPress
Diese Frage in Deinem Blog zu beantworten ist eigentlich ganz einfach.
Du brauchst dazu die API von Google und ein wenig PHP.
Aber lies mal weiter, dann siehst Du wie es funktioniert.

Zuerst brauchst Du wie immer die Datei functions.php. Fal]]></description>
			<content:encoded><![CDATA[<div style="width:92px"><a href="http://www.guru-20.info/wp-content/uploads/2011/04/wp_globe.png" rel="lightbox[6515]"><img title="WordPress" src="http://www.guru-20.info/wp-content/uploads/2011/04/wp_globe.png" alt="WordPress" width="82" height="78"></a>
<p>WordPress</p>
</div>
<p>Diese Frage in Deinem Blog zu beantworten ist eigentlich ganz einfach.<br />
Du brauchst dazu die API von Google und ein wenig PHP.<br />
Aber lies mal weiter, dann siehst Du wie es funktioniert.<br />
<span></span><br />
Zuerst brauchst Du wie immer die Datei <span>functions.php</span>. Falls sie in Deinem aktiven Thema nicht existiert, kannst Du sie einfach anlegen. Schreib nur in die erste Zeile <span>&lt;?php</span> und in die letzte Zeile <span>?&gt;</span>. Dann fügst Du folgende Funktion ein. Dies ermittelt das aktuelle Wetter und das der kommenden 4 Tage. Zusätzlich bindet es einen ShortCode ein, damit die Abfrage leichter in WordPress angezeigt werden kann.</p>
<div><span><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" title="WP-CodeBox HowTo?"><span style="color:#99cc00">?</span></a></sup></span><span><a href="javascript:void(0);">View Code</a> PHP</span>
<div></div>
</div>
<div>
<table>
<tr>
<td>
<pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
</pre>
</td>
<td>
<pre style="font-family:monospace"><span style="color:#666666;font-style:italic">//Google Weather</span>
<span style="color:#000000;font-weight:bold">function</span> guru20_SC_Wetter<span style="color:#009900">(</span><span style="color:#000088">$atts</span><span style="color:#009900">)</span> <span style="color:#009900">{</span>
  <span style="color:#666666;font-style:italic">//Attribute ermitteln</span>
  <a href="http://www.php.net/extract"><span style="color:#990000">extract</span></a><span style="color:#009900">(</span>shortcode_atts<span style="color:#009900">(</span><a href="http://www.php.net/array"><span style="color:#990000">array</span></a><span style="color:#009900">(</span><span style="color:#0000ff">&quot;adresse&quot;</span> <span style="color:#339933">=&gt;</span> <span style="color:#0000ff">'Salzburg+Austria'</span><span style="color:#339933">,</span> <span style="color:#0000ff">&quot;language&quot;</span><span style="color:#339933">=&gt;</span><span style="color:#0000ff">&quot;de&quot;</span><span style="color:#009900">)</span><span style="color:#339933">,</span> <span style="color:#000088">$atts</span><span style="color:#009900">)</span><span style="color:#009900">)</span><span style="color:#339933">;</span>
  <span style="color:#000088">$adresse</span> <span style="color:#339933">=</span> <a href="http://www.php.net/str_replace"><span style="color:#990000">str_replace</span></a><span style="color:#009900">(</span><span style="color:#0000ff">&quot; &quot;</span><span style="color:#339933">,</span> <span style="color:#0000ff">&quot;+&quot;</span><span style="color:#339933">,</span> <span style="color:#000088">$adresse</span><span style="color:#009900">)</span><span style="color:#339933">;</span>
  <span style="color:#666666;font-style:italic">//API von Google abfragen</span>
  <span style="color:#000088">$xmlData</span> <span style="color:#339933">=</span> <a href="http://www.php.net/simplexml_load_string"><span style="color:#990000">simplexml_load_string</span></a><span style="color:#009900">(</span><a href="http://www.php.net/utf8_encode"><span style="color:#990000">utf8_encode</span></a><span style="color:#009900">(</span><a href="http://www.php.net/file_get_contents"><span style="color:#990000">file_get_contents</span></a><span style="color:#009900">(</span><span style="color:#0000ff">&quot;http://www.google.com/ig/api?weather=&quot;</span><span style="color:#339933">.</span><span style="color:#000088">$adresse</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&amp;hl=&quot;</span><span style="color:#339933">.</span><span style="color:#000088">$language</span><span style="color:#009900">)</span><span style="color:#009900">)</span><span style="color:#009900">)</span><span style="color:#339933">;</span>
  <span style="color:#666666;font-style:italic">//Wetter-Daten zusammenstellen</span>
  <span style="color:#000088">$wetter</span> <span style="color:#339933">=</span> <a href="http://www.php.net/array"><span style="color:#990000">array</span></a><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">;</span>
  <span style="color:#666666;font-style:italic">//allgemeine Infos</span>
  <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#0000ff">'stadt'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">forecast_information</span><span style="color:#339933">-&gt;</span><span style="color:#004000">city</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
  <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#0000ff">'datum'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">forecast_information</span><span style="color:#339933">-&gt;</span><span style="color:#004000">forecast_date</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
  <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#0000ff">'zeit'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">forecast_information</span><span style="color:#339933">-&gt;</span><span style="color:#004000">current_date_time</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
  <span style="color:#666666;font-style:italic">//aktuelles Wetter</span>
  <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'zustand'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">current_conditions</span><span style="color:#339933">-&gt;</span><span style="color:#004000">condition</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
  <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'temperatur'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">current_conditions</span><span style="color:#339933">-&gt;</span><span style="color:#004000">temp_c</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
  <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'luftfeuchte'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">current_conditions</span><span style="color:#339933">-&gt;</span><span style="color:#004000">humidity</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
  <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'wind'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">current_conditions</span><span style="color:#339933">-&gt;</span><span style="color:#004000">wind_condition</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
  <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'icon'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#0000ff">'http://www.google.com'</span><span style="color:#339933">.</span><span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">current_conditions</span><span style="color:#339933">-&gt;</span><span style="color:#004000">icon</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
  <span style="color:#666666;font-style:italic">//Vorhersage</span>
  <span style="color:#000088">$i</span> <span style="color:#339933">=</span> <span style="color:#cc66cc">1</span><span style="color:#339933">;</span>
  <span style="color:#b1b100">foreach</span><span style="color:#009900">(</span><span style="color:#000088">$xmlData</span><span style="color:#339933">-&gt;</span><span style="color:#004000">weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">forecast_conditions</span> <span style="color:#b1b100">as</span> <span style="color:#000088">$weather</span><span style="color:#009900">)</span> <span style="color:#009900">{</span>
	<span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'wochentag'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">day_of_week</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
	<span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'zustand'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">condition</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
	<span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'tiefsttemperatur'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">low</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
	<span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'hoechsttemperatur'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#000088">$weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">high</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
	<span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'icon'</span><span style="color:#009900">]</span> <span style="color:#339933">=</span> <span style="color:#0000ff">'http://www.google.com'</span><span style="color:#339933">.</span><span style="color:#000088">$weather</span><span style="color:#339933">-&gt;</span><span style="color:#004000">icon</span><span style="color:#339933">-&gt;</span><span style="color:#004000">attributes</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">-&gt;</span><span style="color:#004000">data</span><span style="color:#339933">;</span>
	<span style="color:#000088">$i</span><span style="color:#339933">++;</span>
  <span style="color:#009900">}</span>
  <span style="color:#666666;font-style:italic">//aktuelles Wetter</span>
  <span style="color:#000088">$rVal</span><span style="color:#339933">=</span> <span style="color:#0000ff">&quot;Das aktuelle Wetter in &quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#0000ff">'stadt'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;:&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
         <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#0000ff">'zeit'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
         <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'zustand'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
         <span style="color:#0000ff">&quot;Temparatur: &quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'temperatur'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&amp;deg;C&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
         <span style="color:#0000ff">&quot;Luftfeuchtigkeit: &quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'luftfeuchte'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&amp;deg;C&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
         <span style="color:#0000ff">&quot;Wind: &quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'wind'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&amp;deg;C&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
         <span style="color:#0000ff">&quot;&lt;img src=<span style="color:#000099;font-weight:bold">\&quot;</span>&quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'icon'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;<span style="color:#000099;font-weight:bold">\&quot;</span> alt=<span style="color:#000099;font-weight:bold">\&quot;</span>&quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#cc66cc">0</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'zustand'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;<span style="color:#000099;font-weight:bold">\&quot;</span> /&gt;&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>Vorhersage:&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">;</span>
  <span style="color:#666666;font-style:italic">//Vorhersage</span>
  <span style="color:#b1b100">for</span><span style="color:#009900">(</span><span style="color:#000088">$i</span><span style="color:#339933">=</span><span style="color:#cc66cc">1</span><span style="color:#339933">;</span> <span style="color:#000088">$i</span> <span style="color:#339933">&lt;</span> <span style="color:#339933">=</span> <span style="color:#cc66cc">4</span><span style="color:#339933">;</span> <span style="color:#000088">$i</span><span style="color:#339933">++</span><span style="color:#009900">)</span> <span style="color:#009900">{</span>
    <span style="color:#000088">$rVal</span><span style="color:#339933">.=</span> <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'wochentag'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&lt;br/&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
            <span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'zustand'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
            <span style="color:#0000ff">&quot;min. &quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'tiefsttemperatur'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&amp;deg;C | max. &quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'hoechsttemperatur'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;&amp;deg;C&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">.</span>
            <span style="color:#0000ff">&quot;&lt;img src=<span style="color:#000099;font-weight:bold">\&quot;</span>&quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'icon'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;<span style="color:#000099;font-weight:bold">\&quot;</span> alt=<span style="color:#000099;font-weight:bold">\&quot;</span>&quot;</span><span style="color:#339933">.</span><span style="color:#000088">$wetter</span><span style="color:#009900">[</span><span style="color:#000088">$i</span><span style="color:#009900">]</span><span style="color:#009900">[</span><span style="color:#0000ff">'zustand'</span><span style="color:#009900">]</span><span style="color:#339933">.</span><span style="color:#0000ff">&quot;<span style="color:#000099;font-weight:bold">\&quot;</span> /&gt;&lt;br /&gt;<span style="color:#000099;font-weight:bold">\n</span>&quot;</span><span style="color:#339933">;</span>
  <span style="color:#009900">}</span>
  <span style="color:#666666;font-style:italic">//Wetter zurueckgeben</span>
  <span style="color:#b1b100">return</span> <span style="color:#000088">$rVal</span><span style="color:#339933">;</span>
<span style="color:#009900">}</span>
<span style="color:#666666;font-style:italic">//Hook fuer ShortCode verwenden</span>
add_shortcode<span style="color:#009900">(</span><span style="color:#0000ff">'wetter'</span><span style="color:#339933">,</span> <span style="color:#0000ff">'guru20_SC_Wetter'</span><span style="color:#009900">)</span><span style="color:#339933">;</span></pre>
</td>
</tr>
</table>
</div>
<p>Das ganze sieht dann so aus (Natürlich nur wenn Du denn ShortCode <span>wetter</span> eingefügt hast).</p>
<p>Das aktuelle Wetter in Salzburg, Salzburg:<br />
2011-04-16 14:20:00 +0000<br />
Meistens bewölkt<br />
Temparatur: 11°C<br />
Luftfeuchtigkeit: Feuchtigkeit: 38 %°C<br />
Wind: Wind: NO mit 16 km/h°C<br />
<img src="http://www.google.com/ig/images/weather/mostly_cloudy.gif" alt="Meistens bewölkt"><br />
Vorhersage:<br />
Sa.<br />
Klar<br />
min. 0°C | max. 14°C<br />
<img src="http://www.google.com/ig/images/weather/sunny.gif" alt="Klar"><br />
So.<br />
Klar<br />
min. 2°C | max. 17°C<br />
<img src="http://www.google.com/ig/images/weather/sunny.gif" alt="Klar"><br />
Mo.<br />
Klar<br />
min. 5°C | max. 18°C<br />
<img src="http://www.google.com/ig/images/weather/sunny.gif" alt="Klar"><br />
Di.<br />
Klar<br />
min. 7°C | max. 20°C<br />
<img src="http://www.google.com/ig/images/weather/sunny.gif" alt="Klar"></p>
<p> </p>
<hr /><small>Copyright © 2007 &#8211; 2011<br />This feed is for personal, non-commercial use only.<br />The use of this feed on other websites breaches copyright. If this content is not in your news reader, it makes the page you are viewing an infringement of the copyright. (Digital Fingerprint:  68120a770d800e2f5957d2e6f78ced57)</small>
<div>
<a href="http://feeds.feedburner.com/~ff/Guru20?a=m26JJlbBd70:pUAVOUw9ynU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Guru20?i=m26JJlbBd70:pUAVOUw9ynU:D7DqB2pKExk" border="0"></a> <a href="http://feeds.feedburner.com/~ff/Guru20?a=m26JJlbBd70:pUAVOUw9ynU:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Guru20?i=m26JJlbBd70:pUAVOUw9ynU:F7zBnMyn0Lo" border="0"></a> <a href="http://feeds.feedburner.com/~ff/Guru20?a=m26JJlbBd70:pUAVOUw9ynU:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Guru20?d=qj6IDK7rITs" border="0"></a> <a href="http://feeds.feedburner.com/~ff/Guru20?a=m26JJlbBd70:pUAVOUw9ynU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Guru20?i=m26JJlbBd70:pUAVOUw9ynU:gIN9vFwOqvQ" border="0"></a>
</div>
<p><img src="http://feeds.feedburner.com/~r/Guru20/~4/m26JJlbBd70" height="1" width="1"></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.netz-navi.de/2011/04/wie-wird-das-wetter-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: blog.netz-navi.de @ 2012-02-23 05:29:51 -->
