4 Ağustos 2009 Salı

Current Logo Trends - 2009

As a logo designer, it is essential that I keep myself apprised of all of the trends within my industry. One of my most valuable resources is a website called LogoLounge. The creator of the site, Bill Gardner of Gardner Design does a great job each year of cultivating, recognizing and recording active trends in an annual article on the site called Logo Trends. I've taken the liberty of posting the current years findings below. An insightful, thought provoking read. Enjoy!




By Bill Gardner

These are austere times, but the logos recently loaded onto LogoLounge.com - nearly 35,000 since 2008 - certainly do not reflect it. And that is how it should continue to be. Wary homage may be paid to marketing in lean times, but not to identity design. This are two wholly different efforts with different goals. It should set a long-term course for clients, not fall into pits carved out by economic phases.

The most recent uploads to the site still have a vibrancy of color and energy that bucks what in past years might have been considered proper corporate behavior. They set a very optimistic course.

This seventh annual trend report, as always, is as much a forecast as it is a study of the past 12 months. The past informs the future, and the recent past has such momentum that designers would be well-advised to stay this course, even when clients are only maintaining the brands they have, not creating new ones. Business may be slow, but it does not have to be dull.

In preparation for the fifth LogoLounge book, we studied and organized thousands upon thousands of new designs. As always, it's exciting to see new directions emerging. These lead to even newer meanders and connections.

One such direction is that the use of type and text is clearly more critical. Words carry a more concise message. They convey specific rather than generic information.

The increased use of text in identity design takes several forms. A designer may choose to create a wordmark, but also include the mission statement or tagline in the design. Or, he may fill a shape or symbols with more words. People are busy; money is tight. Logos must be interpreted, and interpretation takes time. Words deliver their message immediately.

Another clear direction is the increased chroma of color. Everywhere, there is a brave use of hue, even in the most unexpected places, such as in the identities of very large and conservative clients.

There's another very small item on the horizon that may have a gigantic effect on logo design in the future. When Google introduced its new favicon at the start of 2009, it was a very visible reminder of how powerful that tiny piece of real estate really is. The favicon may turn out to be a measuring stick against which the success of any new logo design might be measured - as in, can this logo be made to fit in a 15 x 15-pixel square?

The 15 trends that follow are not instructions, rules or indeed any finite accounting of all of the logo trends currently in motion. Many trends shared in previous reports are indeed still in motion.

These trends are offered as an objective report of the newest, most relevant directions. They should serve as traction in moving you forward in identity design. Revisit the full collection of the past six years' worth of trends reports at LogoLounge.com for even more context.


PhotoFill

Photography is in no way new to visual branding, although traditionally images of this nature were iconic shots of a subject or a scene. Photo images have now partnered up and been hybridized with vector based images to create a new genre.

Technologically, this was an impractical union in years past. But the challenges of complicating an identity with a halftone image have for the most part now been put to rest. If AT&T and UPS can survive in the atmosphere of a halftone world, then why can't the rest of us breathe the same air?

Often the photo serves as a background or fill in a graphic icon, though some examples have vector elements that merge into the halftone image. Think about logos that for years have been pumped full with graphic pattern. This is just a different fuel-a photo-with a higher octane.

1. El Paso, Galeria de Comunicacion, Lazar Greenhouses 2. TOKY Branding+Design, The Pulitzer Foundation for the Arts 3. APSITS, DIESEL 4. Big Communications, Joe Muggs Coffee


Concealed

Every generation has its own find-the-hidden-image puzzle, whether it's Highlights Magazine or "Where's Waldo?". There is a certain fascination and visceral excitement when the viewer suddenly finds an image he has been staring at for hours. Once you've found it, you can't wipe your mind clean of it. This aha! moment is what creates the sense of ownership for the anyone who discovers the hidden level of meaning in any logo.

Ronald J. Cala II has developed a reputation for crafting compelling silhouette images such as the two young girls running hand-in-hand, a white dove formed by their clasped hands. Or Duffy Partners' hidden gander and bass in the Tall Tales Cafe identity for Gander Mountain. Years ago, FedEx discovered that the hidden arrow in its logo caused consumers to become evangelical in pointing out the hidden imagery to others.

1. Calacampania Studios, Calagraphic Design 2. Duffy & Partners, Gander Mountain 3. The Bradfor Lawton Design Group, REOC 4. Felixsockwell.com, New York Times


VariDot

Spotting a logo composed of dots has never been an issue: There is no lack of marks that contain dots in rows or grids, or that blanket an image with a Benday halftone pattern. Finding a trend here means identifying dots with unique characteristics and understanding why they are carrying on the way they are. Last year's Colorblind trend was easy to spot, but hard to explain. It may well have served as a launching point for this year's trend.

Note that the dots in these logos rely on a high degree of randomness. They seem to revel in a lack of consistency of size or color. As opposed to previous years where the spots marched with conformity, these logos glorify individuality. But at the same time they still rely on linkage to create shape. Let the dots be roommates, just not good friends.

1. Alin Golfitescu, www.humanware360.com 2. Thread Design, Head Count Asia 3. Blue Sky Design, International Filter Solutions 4. Lippincott, Zonik


Candy Stripe

Like a stack of candy Necco Wafers or a row of crayons pushed together in no particular order, this trend has the scent of a fond childhood memory. Something playful and not terribly serious is taking place here. Multi-colored ribbons in broad hues are laid together to create a field that is highly vivid but which in no way approximates the orderly nature of a rainbow.

High chroma stripes serve as the backdrop, inserted in a vector-based silhouette, or they stand on their own as a cohesive group with a like mind and message. This riot of color seems to tweak its nose at the idea of a corporate color. Diversity reigns here. This is an all-out celebration of plurality, whether as an inspired political statement or just to promote a restaurant's highly varied menu.

1. ORFIK DESIGN, DVA SA 2. Liquid Pixel Studio, Delectable Chocolate 3. juancazu, camara de comercio de bogota 4.dache, Zipliner


Texting

Text and icon combined effectively in a lock-up are nothing new. But now there's a new breed afoot. A rash of logos have been launched with not only the name of an organization but at times, the mission statement, tag line, and even location knocked out of the background.

This simplified solution can make for an economy of space, but it can also create some challenges of scale. If the design is displayed large enough to read the type, will the icon become too horsy? If the icon is kept to appropriate scale, will the type disappear?

Copy is playing an even more important role than ever in several trends this year. There is a pleasant simplicity of message here that evokes an honest nature that borders on naive in a good way.

1. Chris Rooney Illustration/Design, Heavenly Ski Resort 2. Bryan Cooper Design, Tulsa Glassblowing Studio 3.Sussner Design Company, saint barts 4. GDNSS, cheapairlines.com


Encrust

"One of something ugly is ugly. Many of something ugly is beautiful." This long-standing design adage comes to life with this trend. Sometimes you can max out embellishment to the point where the viewer is simply stupefied. These marks certainly grab the consumer's eye with purposeful and symbolic texture that helps to finish the punch line of the logo.

Scale is critical to the success of this trend. Too small and textural messages will vanish, regardless of beauty. These are not filled with a traditional pattern but are often illustrated with a unique visual message that gives context and dimension to the shape. The eye can tell there is more than one layer to these marks and that always assures the second look.

1. Mattson Creative, Career Artist Management 2. cogu design, Yvonne Coutinho 3. Graphics & Designing Inc., MTK 4. Jobi, Sam and Shahir Ahmed


Monolgue

Words have new roles here, redefined as visuals that swim in neck-to-neck competition for consumers' attention. When Landor redefined the YWCA logo four years ago, mission took top billing over the organization' name and the whole affair was crafted from an inauspicious Helvetica with no adornment.

Powerful words carry great weight. When a democratic graphic vehicle can be used to allow the professionals and the layperson to create from the same system, the odds of the message effectively reaching the public are multiplied. Think of these systems as a series of parts and pieces designed to interlink in a relatively effortless manner. This unassuming solution removes the hands off nature that could thwart progress, especially in a public movement.

1. Airside, Airplot 2. Wolff Olins, Macmillan Cancer Support 3. Base, Greene Hill Food Co-op 4. Base, Greene Hill Food Co-op, Lockup Variation


Doily

Logos served up on a lace doily like delicate confections are the most recent variant on precious embellishment and floral tracery that have been sited in trends from years past. The fine fretwork serves to create a gentle cocoon around a typically hard graphic center. The core is usually a letter form or symbol, kept straightforward with an encapsulating explosion of silhouette lace.

The dichotomy of harsh and fine balance the message of a solid entity with an approachable personality. Though this is an extension of previous trends which also expressed human tenderness and fragility, the continued use of these dainty silhouette is growing thin. The difference here seems to be the marriage between geometric pattern and organic embellishment.

1. Iperdesign, Inc., splurge dessert 2. R&R Partners, Harrah's 3. Diagram, Eligiuz 4. Gesture Studio, Isaias Gil


Flip Flop

In a year with the cinematic release of Dan Brown's "Angels and Demons." expect an expanded appreciation and interest in inversion solutions. The veteran designer John Langston was contacted by the author and commissioned to create art for several words that would read the same right side up or upside down. This art was key to the storyline, and the bestseller has reintroduced this concept to the public.

There is an indefinable magic that occurs when a consumer sees art that only has to make half a rotation to apparently return to its point of origin. Some of these solutions work with a mirrored reflection, while others are only partial inversions. Whichever way they are designed, that rotating axis becomes the device that creates participation by the consumer and that builds an affinity with the brand.

1. MINEâ„¢, Scheyer/SF 2. Pearson Education Ltd, Pearson Education 3. NOT A CANNED HAM, Graco 4. Roy Smith Design, Shaun Saxon Photography


Mosaic

E pluribus unum: "Out of many, one." This motto helps define these brilliant color mosaics. They are like a roomful of diverse pixels pushed together so tightly that there is no room for a line of division. Adjacent colors simply merge together at their shared borders to fill a shape that helps define the visual message. Traditionally a problem for any logo that anticipated living in a black and white application, this challenge becomes a point of celebration.

Not so many years ago, in 2003, Altria's multi-colored square grid logo broke ground for this trend. At the time, much was made of the designs inability to be cost-effectively reproduced in diverse print applications. Technology changes and the increased importance of an RGB environment for many companies has led to a reevaluation of reproduction concerns and a resurgence of this concept.

1. Team Y&R, Khalid Bin Haider Group 2. Kommunikation & Design, Gartenwelt Manz 3. dache, webmynd 4. NATIONAL Public Relations, Greater Montreal


Sequential

Economies, governments, and individuals continue to call for "greater transparency" in society. No longer a cry limited to the financial sector, industry is Bristol-scrubbing themselves and their products in preparation for full-body inspections. Though this is not a literal request for visual transparency, for several years, designers have taken liberties with the concept to deliver metaphoric solutions that consumers understand.

Depicting motion in sequential steps combined with transparency is the latest iteration to branch out from this trend family. Stop-motion pictoral steps created in clear, shifting colors help define process in a single un-animated image. The introduction of sequential color steps help to further define the concept by demonstrating movement: time passage through seasons, temperature shifts, or just a rainbow-colored transition that demonstrates order and harmony, not chaos.

1. Gardner Design, BiTemp 2. RedBrand, LexPro 3. metaforma design, RACE research for an alternative and clean energy 4. Schwartzrock Graphic Arts, Design Center


Recycle

Sustainability is no longer a corporate mantra to appease customers or the public. For a decade or better, companies have professed an allegiance to the cause and made every attempt to keep policy and practice as green as possible. An ever greater segment of associations and industry are emerging with sustainability as the business, not just a byproduct.

The Universal Recycling Symbol, created 40 years ago for the Container Corporation of America, has graced products and corporate literature for years. Slowly these symbols have been on an upward pilgrimage from the bottom of a container to the priciest real estate on the package face.

This three arrow recycled symbol is in the public domain but now has graduated and is being redressed as the logo itself. Design varies as dramatically: The arrows might be filled with pattern relevant to the industry, or the arrows might be replaced with the environmentally conscious product. Reuse of this symbol as a logo proves the designers have truly mastered the art of recycling.

1 .rylander design, Refabric, Inc. 2. Tyme Inc., Office Depot 3. BrandBerry, non-commercial 4. Kevin France Design, Inc., VF corp


Dandelion

Though you may well curse and despise the dandelion, there is little denying the weed's prodigious ability to propagate. A single dandelion produces hundreds of parachute-wearing seeds just waiting for the slightest wisp of wind to launch a full -scale invasion. Despite understanding the insidious process all too well, who has never picked one of these tantalizing puffballs, blown and launched 100 more weeds.

It is our affinity with this process that makes this iconic symbol a perfect logo solution. The seed ball is visually striking and easily understood, especially with a few rogue parachutes in departure. The process is so analogous to the propagation of an idea that it can't be contained. The single drifting seed embodies the idea that every seed makes it's own unique journey and relies on the will of nature to determine where it will land and grow. Graphically, the ball is so ubiquitous that interpretation can be wide and, by no means, literal: It sells the idea of freedom.

1. Ulyanov Denis, linkeeper 2. RedBrand, Barberschool 3. LaMonica Design, Morningstar Communications 4. Courtney & Company, IMC Group


Circulate

Circles are simply the building blocks and mortar of design. Symbolically, they are the perfect multipurpose icon, representing everything from eternity, the cycle of life, the earth, centering and balance, perfection, the wheel and motion, and whatever else you may need to define. This utility player aspect also detracts from the pure circle: In attempting to mean everything to everyone, it can also mean nothing to anyone.

For these reasons, it is unusual to find the humble circle investigating new visual territory. These circles, however, are focused on the depiction of transition. Whether through the animated cycling of color rotation, as in the Moving Brands solution for MindShare, or as in the static color transition created for MTK, cycles and motion are the given here. But the star of this trend is that the process of evolution does not disturb the revolution.

1. Porkka & Kuutsa Oy, Central Union of Agricultural Producers & Forest Owners 2. FutureBrand, MasterCard Worldwide 3. Moving Brands, Mindshare 4.Gardner Design, PBA Architects


Gossamer

Evolution is perhaps most dramatic when two species jump the barriers and create a new line. Two previous trend categories, Transparent logos and Blur logos, have both been recorded and broken into subsets over the last several years as they have evolved. Here the two merge successfully to demonstrate motion or convey the blending of elements.

Transparency still delivers the dictum that a process is open to the public and nothing is obscured. It also continues to be novel enough to consumers that it plays a pretty important role as eye candy. The blur or out-of-focus edge in these marks works in a similar fashion as an optical illusion that is confrontational to the eye and has to be dealt with.

1. Michael Freimuth Creative, Tone Animation, LLC. 2. Roy Smith Design, Hooke Laboratories 3. Roman Kotikov, Soft cafe 4. Alin Golfitescu, mobilink pakistan


Minor Trends

Some categories emerged this year that did not qualify for their own lanes, but which are still worthy of mention.

Peepshow: Halftone imagery is increasingly being used for fill inside of vector images instead of solid color fill.

Wrijfhout, Clq.nl - City of Delft

Psychosis: Another new sort of fill is more psychedelic-crazy lines and patterns projected onto other shapes.

Valhalla | Design & Conquer , Adio Shoes

Embroidery: There's plenty of what could be called dotted line or stitching at work. Either approach produces a sense of the hand-made.

Squires and Company, Chico's

Stained Glass: Imagine a stained glass window, but turn the lead white: That sort of mosaic of color is taking shape.

R&R Partners, Harrah's

3D Curls: We're still seeing plenty of 3-D ribbons, although these are a departure from the "cause" ribbons that have been so prevalent of late. These ribbons take on new forms and shapes, like letters or a complete logo.

Gardner Design , Surency

Color Ring: Think of a series of brightly colored, transparent rings, loosely layered on each other to create porthole of many colors.

Martin Jordan , Ministry of Education, Youth and Sports Brandenburg

Celtic: Highly geometric yet handcrafted forms are appearing. Like Celtic letterforms or knots, they have nodules and serifs that are unique and have flourish, but which are also refined. These have a wonderful balance between the manufactured and the man-made.

Karl Design Vienna, Burmahlife Austria

Bill Gardner is principal of Gardner Design and creator of LogoLounge.com, a unique web site where, in real-time, members can post their logo design work; study the work of others; search the database by designer's name, client type, and other attributes; learn from articles and news written expressly for logo designers; and much more. Bill can be contacted at bill@logolounge.com.

2009 Logolounge Inc.


Reprinted with permission by the author.

Apple Logic Studio 9












Apple bu gün profesyonel müzik yazılımlarının bulunduğu Logic Studio paketini yeniledi.


Logic Studio, Logic Pro 9, MainStage 2 ve Soundtrack Pro 3′ü barındırıyor. 200′den fazla yeni özellik ve geliştirme, yeni Logic Studio’ya Gitarist, canlı performans sunanlar ve diğer müzisyenlere kendi müziklerini Mac’de üretme fırsatı sunuyor.

Logic 9 daki Yeni eklentiler ;

Gitaristler

  • Yeni Amp tasarımcısı ve yeni Pedalboard plug-in’leri
  • Genişletilmiş gitar notasyonu

Müzisyenler için prodüksiyon araçları

  • Flex Time
  • Seçilebilir Track içe aktarımı
  • Expanded Take klasörü düzenleme
  • Drum yer değiştirici
Canlı Performans

  • MainStage 2 için yeni playback ve yeni loopback plug-in’leri
  • MainStage 2 de performansların kaydı
  • MainStage 2 için tam ReWire desteği
Ayrıca Soundtrack Pro 3, Compressor 3.5, Jam Pack Voices pakete dahil edilmiş.


Ayrıntılı bilgiye www.apple.com/logicstudio adresinden ulaşabilirsiniz.

31 Temmuz 2009 Cuma

Contemporary İstanbul

Contemporary İstanbul, bu yıl 3-6 Aralık tarihleri arası dördüncü kez seyircilerle buluşacaktır. Türkiye'de bugüne kadar yapılan en geniş kapsamlı "modern ve güncel sanat" etkinliği olan Contemporary İstanbul, ülkenin kültürel ve sanatsal yaşamını dünyaya tanıtmaktadır.

Dört gün boyunca süren Contemporary İstanbul, ulusal ve uluslararası galerileri, tüm dünyadan gelen sanatçıları, koleksiyonerleri, müze müdürlerini, küratörleri, sanat eleştirmenlerini, basın mensuplarını ve sanatseverleri Lütfü Kırdar Uluslararası Kongre ve Sergi Sarayı çatısı altında birleştirecektir. Ana etkinliğinin yanı sıra Contemporary Istanbul ülkenin sanatsal gelişimine katkıda bulunmak üzere yıl boyunca tartışma panellerinden, sergilere kadar birçok yan etkinlikleri ve sanat projelerini sunmaya devam etmektedir.

Sparkawards

Spark Ödülleri 2009

Spark Ödülleri büyük tasarım ve tasarımcıları teşvik etmek ve insanları yaratıcılıklarını keşfetmeye yüreklendirmek için oluşturulan heyecan verici yeni bir yarışma.

Grafikler, ürün tasarımı, ulaşım ve mimari kabul edilen bir çok tasarım kategorilerden birkaçı.

Eğer siz ya da şirketiniz iyi tasarımlar yaratıyorsanız, bu önemli etkinlikte yarışma fırsatını sakın kaçırmayın.

Son katılım tarihi 11 Eylül 2009.


www.sparkawards.com

TRANS:MISSION

Spark is a bold new competition—a unique crossroads of design, where the interests of all participants in the community are represented and their strengths brought to bear. Spark leaps beyond the mid-century view of design. In this new world, how do the best ideas and best designs gain recognition? SparkAwards will validate superlative designs from professionals. But we also need a filter for the best novice designers and innovators, too. The world is now participating in design—let's enable the best formgivers to rise to the top.

Spark is about Change—designed change. Change for the better: studied, researched, cognizant of criteria like sustainability, suitability, context, inventiveness, process, universality—and yes, beauty.

Ultimately, one must ask why this is important. Commerce is important, but it is a means to an end. We might call the real goal "betterment." Better lives, better health, better water, better air. Great design can help us get there. Do your part—make designs that make a difference. We'll help.

BACKSTORY: A SPARK IN THE DARK

The story of Spark starts with a competition created by events producer Peter Kuchnicki in February, 2001. As Peter tells it, the time for change was at hand. “In the ten years prior, we had produced over 60 conferences and events, mostly for the advertising and media businesses. A few competitions were in that mix, so we knew they were fun to be involved with. Conferences are difficult and commercial topics were becoming boring. We wanted to break out and support sustainable design, advanced transportation and universal design. We needed another platform.”

Peter continued “In 2000 we began a series of conferences for the multi-disciplinary design magazine, Metropolis, with famous Editor Susan Szenasy. These were excellent affairs and introduced us to a delightful group of designers and architects. I was very impressed with this audience, but the Metropolis Conferences were coming to an end. Remembering our earlier work in the advertising community, I created a new awards competition as a side-event to the last two conferences. We called it Designing Worlds.”

Designing Worlds was a side-event that became the main event. Bobby Kennedy Jr. was the keynote speaker, the entrants were all students and the subject, sustainable design. As Peter related, “From the audience reaction, we knew this was the future. Now we had to turn it into an ongoing operation,”. “We took a little longer than planned – other events in 2001 took precedence. When we came back to the project, our friends in the related design disciplines were adamant about one thing—they were just not going to support another highly commercial, peer to peer design competition.” Brent Oppenheimer, Principal of O+Co in NYC, made it clear: “We have dozens of these things—we are obligated to enter them but they give me no pleasure. We’re looking for a higher angel—a way to promote societal advancement and innovation—not just ourselves.”

A unique fusion of talented professionals began to fashion the Spark initiative—top designers like Kit Hinrichs, a senior Pentagram partner, Sam Lucente, head of all design for Hewlett-Packard, pioneering digital film-maker Drew Takahashi and many others-- filmmakers, advertising folk, architects, all types of designers, kids and a few moms and dads. Media partners helped too—like the hot US magazines Dwell and Automobile. A few enlightened corporations began to underwrite the project too—HP and Autodesk were—and are essential partners.

So, as Peter “made the rounds” and gathered the new Spark Awards Advisory Council and Community Boards, the mission gradually evolved to become the initiative you see today. Their motto “One For All” reflects the “design for everyone” scope of the program. Simpler yet, the Spark “elevator speech” boils it down to four tenets: Spark supports Multi-disciplinary, Multi-cultural, Global and Aspirational Design.

21 Temmuz 2009 Salı

İyi Bir Web Sitesinin Sahip Olması Gereken 15 Anahtar Element

Bir web sitesini tasarlarken ve geliştirirken göz önünde bulundurmak gereken pek çok ayrıntı vardır. Gerçekte bu ayrıntılar sonsuz bir listenin birer parçası gibi görünebilirler ancak listeye dikkatli bakıldığında bu elementlerden birkaçının diğerlerinden daha önemli olduğu ve bu elementlerin de en başarılı web siteleri tarafından kullanıldığı gözlenir.

Web sitenizin planlama aşamasını tamamladığınızda geriye kalan elementler Kullanıcı Arayüzü Tasarımı'ndan İçerik Oluşturmaya, oradan da geliştirme aşamasının kendisine kadar değişen geniş bir kategori yelpazesine yayılır. Elbette Arama Motoru Optimizasyonu (SEO) için de dikkat edilmesi gereken bazı ayrıntılar var ama şimdilik onu bir kenara bırakalım.

İşte en iyiyi hedefleyen her web sitesinin sahibi olması gereken 15 anahtar element.

1. İyi Görsel Tasarım
İlk olarak... Görsel tasarım. Sizi bilmem ama ben bir web sitesini ziyaret ettiğimde eğer site beni görsel olarak tatmin etmiyorsa o siteyi kısa sürede terk ederim.

Bunu derken her iyi web sitesinin görsel olarak güzel görünmesi gerektiğini söylemeye çalışmıyorum, ama eğer bir web sitesi 1994'ten beri güncellenmemiş gibi görünüyorsa, diğer mükemmel web sitelerinin yanında sönük kalacağı aşikardır.

Temiz ve sade bir tasarım genellikle ihtiyacınız olan tek şeydir. Sitenizdeki parıltılı nesneler de güzeldir ancak ben "az ama öz" teorisine inanlardanım. Tasarımınızın kalabalık olmasını istemezsiniz. Onun sadece güzel görünmesini, böylece rakiplerinizin önüne geçerek potansiyel müşterilerinizin dikkatini çekmesini istersiniz.

İlk izlenim önemlidir. Her ne kadar tek başına iyi bir tasarım bir kişiyi sitede tutmaya yetmese de, göz alıcı tasarımlar ziyaretçinin sitenizde daha uzun süre kalmasını sağlayacak, en sonunda da aradıkları içeriğe ulaşabilmek için daha fazla çaba sarfetmiş olacaklardır.

2. Düşünceli Kullanıcı Arayüz

İyi tasarımla birlikte iyi bir kullanıcı arayüzü de gelir. Kullanıcı arayüz, başarılı işlevselliği olan sitelerin temelini oluşturur. Bir siteyi tasarlarken daima averaj kullanıcıyı göz önünde bulundurmalısınız. Sitenizi kimler ziyaret edecek - ideal müşteriniz kimler? Teknolojiye yatkınlar mı?

İdeal ziyaretçinizin bir görselini kafanızda canlandırmak ve siteniz için yapacağınız tasarımı planlandırırken bunu göz önünde tutmak daima yardımcıdır. Sitenizi ziyaret eden ziyaretçilerin birşey satın almadan ya da sitenize abone olmadan önce onların ihtiyacı olabilecek her şeyi sunduğunuzdan emin olun.

Navigasyonunuzun kolayca farkedilebilebilir olmasını ve site genelinde tutarlı bir şekilde kalmasını sağlamalısınız. Hem ana navigasyon üzerinde hem de içerik alanınızdaki bağlantılarda kullanıcının nereye tıklaması gerektiğini kolayca anlamalarını sağlayın.

3. Öncelikli navigasyonunuz görünebilir olsun
Gezinmesi kolay bir web sitesi sahibi olmanın bir bölümü, önceliğin navigasyonda olmasını sağlamakta yatar. Sitenizin anahtar bölümlerine bağlantılar içeren kesim, sitenizin ilk bakışta görünebilir alanında olmalıdır. Günümüzün büyüyen monitör boyutları göz önüne alındığında görünen kesim site tasarımınızın üst kısmındaki 500-600 piksellik kısma işaret ettiğini unutmayın.

Bu alan içerisinde yer alabilecek elementler logonuz (ki bu logo sitenizin ana sayfasına bağlantı içermelidir) ve bunun yanısıra sitenizin ana alanlarına bağlantılar olabilir. Bu kısmda eğer alt sayfalara bağlantı verebilirseniz çok güzel olur ancak çoğu durumda bu, tasarımınızın kalabalık olmasına yol açacaktır.

Örneğin "Ana Sayfa | Hakkında | Servisler | SSS | İletişim" bağlantılarını sitenizin en üst kısmında kolay bulunabilecek bir yere yerleştirebilirsiniz. Biyografi ve Özgeçmiş gibi alt sayfaları, sitenizin yan çubuğuna ya da dahil oldukları sayfa başlığının altına bağlantı olarak yerleştirebilirsiniz.

Burada önemli olan şey tutarlılıktır. Hem ana bağlantılarınızın hem de alt bağlantılarınızın sitenizin geneli boyunca aynı yerde olmasına özen gösterin.

4. Altlık Kısmında Navigasyonu Tekrar Edin
Eğer sitenizdeki ana navigasyon için görseller (ya da flash) kullanırsanız, sitenizin altlık kısmında navigasyon içeriğini tekrar etmeniz önemlidir. Sitenizin üst kısmında metin bağlantılar kullanıyor olsanız bile altlık kısmında bu bağlantıları yinelemeniz yardımcı olacaktır. Ziyaretçilerinizin sitenize baktıklarında aradıkları içeriğe kolayca ulaşabilmelerini sağlamalısınız.

Çoğu zaman altlık kısmı "Kullanım Sözleşmesi" gibi diğer bilgileri de içerebilir. Bu alanda bulunması kolay olması gereken ancak üst kısımdaki ana navigasyon bölümünde yer alacak kadar önemli olmayan bağlantıları listeleyebilirsiniz.

5. Anlamlı İçerik
"İçerik her şeydir" sözünü daha önce duymuşsunuzdur. İlk bakışta göze hoş gelen bir web sitesi sahib olabilirsiniz ancak o sitenin içeriği doyurucu değilse, ziyaretçinizin sitenizde uzun süre kalmayacağından emin olabilirsiniz.

Web siteniz için içerik yazarken şirketiniz, ürünleriniz, hizmetleriniz gibi öğeler hakkında yardımcı ve öğretici bilgiler sunabilmeniz önemlidir. Eğer bir blogunuz varsa, uzmanlık alanınıza yönelik bilgilendirici makaleler inanılmaz derecede yardımcı olacaktır.

Kendinizi ya da şirketinizi satmanız her ne kadar önemli olsa da, bunu ziyaretçilerinizin gözüne sokmamalısınız. Özellikle bloglarda blogunuzu ziyaret eden kullanıcıların daima sizin kişisel yaşamınız hakkında birşeyler okumak istediğini sanmayın - ziyaretçileriniz onlara nasıl yardımcı olabileceğinizi bilmek için oradalar.

6. Düzgün Hakkında Sayfası
Bu makalenin yazarının sitesindeki 10 popüler sayfası arasında (ana sayfadan, blogdan, 3 özel blog girdisinden ve portfolyo sayfasından sonra) Hakkında sayfası gelmektedir. İster inanın ister inanmayın, sitenin Hakkında bölümü, hizmetler ve portfolyo sayfalarından daha çok dikkat çekmektedir.

Bunun tek açıklaması vardır ki o da insanların meraklı olduğudur. İnsanlar bir şirketin ya da blogun ardında kimlerin olduğunu bilmek isterler. Ben biyografi sayfama kendi fotoğrafımı eklemek konusunda biraz utangaçtım, ancak birkaç ay önce en sonunda kendi fotoğrafımı ilgili sayfaya ekledim. Meraklılık hissinin neler yaptırabileceğine inanamazsınız. Şöyle bir baktığımda ben de kendimi sık sık bir tasarımcının ya da yazarın Hakkında sayfasını okurken buluyorum.

Kendi geçmişiniz ve bunun işinize ya da uzmanlık alanınıza olan etkileri hakkında bilgilerden bahsedin. Hakkında sayfası potansiyel müşterilerinize kendiniz hakkında biraz daha fazla bilgi verir ve sitenizin daha "kişisel" bir görünüme bürünmesini sağlar. Eğer yazınızı okuyorlarsa ve sizin hakkınızda biraz daha fazla şey bilmek istiyorlarsa, Hakkında sayfası sayesinde sizinle daha iyi bir bağ kuracaklar ve başka bir seviyede sizinle daha iyi iletişim kurabileceklerdir.

Potansiyel müşteriler genellikle, azıcık bile kişisel olmayı reddeden karaktersiz kurumların aksine arkasında "gerçek" kişilerin olduğu şirketleri seçerler.

7. İletişim Bilgisi

Sizinle nasıl iletişim kurabileceğini bulamamaktan başka hiçbir şey potansiyel müşteriyi bu kadar geri çekmez. Eğer hizmetlerinizle ilgileniyorlarsa ve sizinle iletişim kurup sizi kiralayabilecek basit bir sayfa dahi bulamıyorlarsa, kendinizi yarışmayı kaybetmiş olarak görebilirsiniz.

İdeal olarak tek bir iletişim yönteminden daha fazlasını vermek isteyeceksinizdir. En azından bir elektronik posta adresi ve iletişim formu. Sizi daha "gerçek" kılmak için ise bir telefon numarası ve eğer mümkünse bir posta adresi eklemeniz önerilir. Pek çok bireysel çalışanın (freelancer) evlerinden çalıştığını biliyorum, zira ben de öyleyim. Bu durumda ev telefonunuzu sitenizde yayımlamak istemeyebilirsiniz. Bu sebeple sadece iş görüşmeleri için kullanacağınız bir hat alarak ve bir posta kutusu kiralayarak bu sorunun önüne geçebilirsiniz.

Bu yöntemlerin vergiden düşülebildiğini ve sizi sitesinde sadece elektronik posta adresi sunanlardan çok daha profesyonel göstereceğini unutmayın. Aynı gemideki diğer evden çalışanlar için bu bir değişiklik arz etmeyecektir. Ancak eğer büyük boyutlu ya da kurumsal müşterilerle çalışırsanız, ulaşılabilir bir telefon numarası ve posta adresi, kararlılığın bir göstergesi olacak ve onların bir başkası yerine sizi tercih etmelerinde küçük bir rol oynayacaktır.

8. Arama
Eğer büyük bir web siteniz ya da blogunuz varsa, arama özelliği kullanmanız çok yardımcı olacaktır. Arama özelliği olmadan sitenizdeki yüzlerce sayfa arasında ziyaretçinizin aradığını bulmasını beklemek doğru olmaz. Eğer potansiyel müşteriniz aradıklarını bulamazsa, ancak bir başka sitede bulursa, sizin hizmetiniz daha iyi olsa bile "bulunamadığı" için potansiyel müşteriniz diğerini seçecektir.

Siteniz üzerinde Google Arama özelliğini kullanabilir ya da eğer WordPress (ya da diğer bloglama platformu veya içerik yönetim sistemi) kullanıyorsanı, bu platformlar genellikle bütünleşik arama motoru içerirler. Statik HTML sitesi üzerinde arama motoru inşa etmek her ne kadar kolay olmasa bile sizin için bunu yapabilecek servisler yok değil.

9. Kayıt / Abonelik

Eğer web siteniz düzenli olarak içerik sunuyorsa (örneğin bir blog), kullanıcılarınızın bu içeriğe kolayca abone olabilmelerini isteyeceksinizdir.

Eğer WordPress blogunuz var ise bu eklemesi gerçekten kolay olan bir başka özelliktir. Öntanımlı olarak WordPress üzerinde besleme (feed) adresi bulunur. Ancak eğer bu durumu kontrol altına almak istiyorsanız FeedBurner üzerinde ücretsiz bir hesap açabilirsiniz. Daha da iyisi FeedBurner FeedSmith eklentisini kullanarak blogunuzdaki tüm içeriğin otomatik olarak FeedBurner hesabınıza aktarılmasını sağlayabilirsiniz. Bu sayede içeriğinize abone olan kullanıcılar üzerindeki kontrolünüz artacaktır.

Eğer bir blogunuz yoksa ancak buna rağmen elektronik posta bildirileri için abonelik sunmak istiyorsanız örneğin, bunu sizin için sağlayacak pek çok şirket bulunuyor. Bu şirketler sitenize ekleyebileceğiniz ve bu sayede elektronik posta listeleri oluşturup onları yönetebileceğiniz bir kod sunarlar (bu arada FeedBurner da elektronik posta adreslerini toplamayı destekliyor). Bazı durmlarda elektronik posta adresleri RSS aboneliklerinden daha iyidir, zira potansiyel alıcılarınızın elektronik posta adreslerini depolayabilirsiniz. Abonelik sayılarının ve diğer genel istatistiklerin izini sürebilirken, RSS aboneliği olanlar güncellemelerinizi besleme okuyucuları aracılığı ile alabilir ve herhangi bir elektronik posta adresi vermek zorunda kalmazlar.

10. Sitemap (Site Haritası)
İki tür site haritası bulunur - biri insanlar, diğeri arama motorları içindir. Bir HTML (ya da PHP vs.) site haritasın sitenizi ziyaret eden ziyaretçiler için paha biçilmez bir araç olabilir ziya bu sayede sitenizin içeriğinin genel bir görünümüne ulaşarak aradıklarını kolayca bulabilirler.

Bir web sitesindeki tüm sayfaların bir listesini oluşturan bir site haritası özellikle sitenize arama özelliği ekleyemediğiniz durumlarda çok kullanışlı olacaktır. Sitenizin altlık kısmına ekleyebileceğiniz bir diğer bağlantı da site haritası olabilir. İyi bir site haritası sitenizdeki her bir sayfaı hiyerarşik olarak listeleyerek sayfalar arasındaki ilişkileri ve onların alt ve alt-alt sayfalarını gösterir.

11. Tasarımı İçerikten Ayırın
Anahat ve tasarım için HTML tablosu kullandığımız günler geride kaldı. Günümüzde en iyi şekilde geliştirilmiş siteler XHTML ve CSS kullanarak tasarım elementleri ile içerik elementlerini birbirlerinden ayırıyorlar.

etiketlerini kullanarak sayfanızdaki çeşitli metin ve görsel alanları için kapsayıcılar oluşturabilirsiniz. CSS dosyası kullanılmadığında tek göreceğiniz şey metindir, ki bu tam da arama motorlarının görmek istediği şeydir.

Harici bir CSS dosyasına bağlantı vererek içeriğinizi tasarımdan ayırabilirsiniz. Bu sayede HTML sayfanızın kaynak kodunda metinden başka neredeyse başka hiçbir şey yer almaz. Ayrı bir CSS dosyası yazıtiplerini, renkleri ve arkaplan görselleri gibi site tasarımınızı ilgilendiren elementleri içerirler.

İşin bir diğer güzel yanı ise sadece bir CSS dosyası üzerinde güncelleme yaparak sitenizin tamamında görsel değişkliğe gidebilecek olmanız. Bu sayede örneğin ana bağlantı renginizi maviden yeşile dönüştürmek için sitenizdeki her bir sayfayı değiştirmeniz gerekmez.

İçeriğin tasarımdan bu şekilde ayrılması ile arama motorları karmaşık kodlar arasından içeriğinizi çekip çıkarmak zorunda da kalmazlar. Harici dosya kullanımı ile sayfanızın açılma süresi de kısalacaktır ki ziyaretçilerinizin istediği şey de budur.

12. Geçerli XHTML / CSS
Sitenizi XHTML ve CSS kullanarak kodlamak yetmez. Kodun doğru olması gerekir. Internet üzerinde kaynak kodunuzun doğruluğunu test edebilecek paha biçilmez iki adet araç bulunmaktadır.

Geçerli kod yazmak için pek çok sebep bulunmaktadır. Doğrulanabilir bir kod yazarak sitenizin farklı tarayıcılarda aynı biçimde görünmesine bir adım daha yaklaşmış olursunuz (detayları için 13. adımı okuyun) ve bu arama motorlarına da yardımcı olacaktır. Eğer siteniz geçerli web standartları kullanılarak geliştirilmişse, arama motorları içeriğinize kolay bir şekilde ulaşacaktır.

Doğrulanabilir kod kullanarak işinizin ehli olduğunuzu göstermiş olduğunuzdan bahsetmeme bile gerek yok. Evet, müşterilerinizin pek çoğu aradaki farklı bilmeyecektir, ancak bazıları bu farkı bilir, özellikle de sizden standartlarla uyumlu kod yazmanızı isteyen müşteriler bu farkı önemserler.

Bunun dışında diğer web geliştiricileri de muhtemelen görünen dağın ardında neler olup bittiğini görmek için sitenizin kaynak kodunu kontrol edeceklerdir... Hem meraktan, hem de sırf bunu yapabildikleri için!

13. Çapraz Tarayıcı Uyumluluğu
Firefoxla yatıp kalkıyor olabilirsiniz ancak bu müşterinizin de sizinle aynı şeyi yaptığı anlamına gelmez. Müşterinizin Internet Explorer kullanıyor olma ihtimali gerçekten yüksektir. Hatta ne yazık ki Internet Explorer 6 bile kullanıyor olabilirler (beni bu konuda konuşturmayın lütfen. Internet Explorer'ın defolup gitmesini isteyen tek geliştirici olmadığımı söyleyeyim gitsin).

Hem kendi sitenizin hem de müşterileriniz için geliştirdiğiniz sitelerin farklı tarayıcılar üzerinde aynı şekilde görüntülenebilmesi önemlidir. Eğer sitenizi farklı platformlar üzerinde de aynı şekilde görüntüleyebilirseniz bu size artı puan kazandırır. Her ne kadar pek çok son kullanıcı PC kullanıyor olsa da, Mac kullanan kullanıcı sayısında özellikle son iki yıldır büyük artış gözlenmiştir. Eskiden sadece tasarımcıların ve profesyonellerin kullandığı bir platform olan Mac, günümüzde her kesim taradından kullanılmaktadır. Bu sebeple sitenizin Mac üzerinde de PC'de göründüğü gibi görünmesini sağlamak önemlidir.

Ne yazık ki pek çok kişi hem PC hem de Mac sahibi olacak kadar şanslı değildir (Linux ve türevlerinden bahsetmiyorum bile) ancak Browser Shots adı verilen bir sitenin yardımı ile sitenizin adresini girip farklı platformlar altında farklı tarayıcıları seçerek sitenizin ilgili tarayıcılar üzerindeki ekran görüntüsüne ulaşabilirsiniz. Eğer PC'de Windows Vista kullanıyorsanız ve Internet Explorer 6'ya erişiminiz yoksa bu durum çok kullanışlı olabilir.

14. Web İçin Optimize Edilmiş Görseller
Web için tasarım yaptığınızda tüm görsellerinizi sıkıştırılmış bir biçimde kaydetmeniz önemlidir. Ancak sıkıştırmada aşırıya kaçmamalısınız zira o zaman görselin kalitesi düşecektir. Kaliteyi kabul edilebilir düzeyde tutarak sıkıştırma yapmanız yapılabilecek en doğru şeylerden biridir.

Eğer baskı işi ile haşır neşirseniz, 300dpi'nin standart olduğunu bilirsiniz. Ancak bu oran web siteleri için geçerli değildir. Ekran için tasarım yaptığınızda görsellerinizi 72dpi çözünürlükte kaydetmeniz gerekir. Bu çözünürlüğü kullanırsanız hem dosya boyutu azalacak, hem de ilgili görselin yüklenme süresinde önemli bir düşüş gözlenecektir.

Adobe Photoshop gibi programların "Web İçin Kaydet" özelliği bulunmaktadır. Bu özellik sayesinde görsellerinizi otomatik olarak 72dpi çözünürlükte kaydedebilirsiniz. Yine bu ve bunun gibi programlar, ilgili görselin kaydedilmesi sırasında size sıkıştırma ile ilgili bazı ince ayarlar yapabilmenizi sağlayacak ayar pencerelerini de sunarlar. Web için seçmeniz gereken biçimin, sitenizin içeriğine ve hedef kitlenize göre değişmekle birlikte png, jpg ya da gif olması gerektiğini hatırlatmak isterim.

15. İstatistikler, İzleme ve Analiz
Her ne kadar bu element sahne arkası için geçerli olsa ve bir ziyaretçi olarak bilmeniz gerekmeyen bir element olsa da, bir web sitesi sahibi olarak bağımlılık derecesinde olmasa (olmaması gerekse) bile hayati önem taşımaktadır.

Internet üzerinde aşağıdaki bilgileri size sunabilecek pek çok analiz ve istatistik servisi bulunmaktadır.
  • Sitem kaç kez ziyaret ediliyor?
  • Kaç adet tekil ziyaretçi sitemi takip ediyor?
  • İnsanlar sitemi nereden buluyorlar?
  • Beni hangi arama terimleri sayesinde buluyorlar?
  • Hangi web siteleri bana bağlantı vermiş?
  • Sitemdeki en popüler sayfalar hangileri?
  • Ortalama ziyaretçim kim (platform / tarayıcı / ekran çözünürlüğü)?

İyi bir analiz programı ile neleri takip edebileceğinizi gördüğünüzde şaşırabilirsiniz. Belki de bu iş için kullanabileceğiniz en etkili (ve ücretsiz) çözüm Google Analytics olacaktır.

Eğer sitenizin performansını izlemek ve sitenizi nasıl daha da geliştirebileceğinizi görmek istiyorsanız, iyi bir istatistik servisi kullanmak çok önemlidir.

Web sitesi olmayan 700.000 şirket var !


Sanayi ve Ticaret Bakanlığı’ndan yapılan açıklamaya göre; Türk Ticaret Kanunu Tasarısı’nın “Elektronik işlemler ve bilgi toplumu hizmetleri” başlığı altında düzenlenen 1524 üncü maddesi, her sermaye şirketinin bir internet sitesi açması gerektiği ile bu sitede bulunması zorunlu asgari hususlar belirtildiğine dikkat çekildi. Sanayi ve Ticaret Bakanlığı, Türkiye Ticaret Sicili Gazetesi verilerine göre, tasfiye haline girmiş şirketler hariç olmak üzere, söz konusu Kanun tasarısının yasalaşmasını müteakip yaklaşık 700.000
şirket için web sitesi yükümlülüğü olduğunu bildirdi.


Çıkan tasarının amaçları neler?


Web sitesi açma zorunluluğu ile temelde şirketlerin şeffaflığının sağlanması hedefleniyor. Şirketler web sitelerinde, şirket ilanları, pay sahipleri ve ortakları açısından önem taşıyan açıklamalara, finansal tablolara, raporlara, yönetim kurulu ve genel kurul toplantılarına ilişkin bilgileri, denetçi raporları gibi hususlar yayınlaması gerekecek. Şirketlerin bu sayede, kurumsal kimliği daha belirgin olacak, hangi faaliyetlerde bulunduğu bilinerek, şirketlerin mali durumları izlenebilecek. Şirket ile ticari ilişkilere girecek gerçek veya tüzel kişiler web sitesinde yer alan bilgilere göre hareket edebilecekler.