За цветовете в уеб дизайна

Мрежата е залята от стерилни дизайнерски решения. На практика е невъзможно да отличиш сайтовете на Hewlett-Packard, IBM, Dell, Microsoft и безброй други един от друг (подобно оформление, подобна цветова гама). Някой може да каже, че подобна сходност тази еднаквост прави използването на Мрежата по-лесно, заради стандартизирането на интерфейсите, но истината е, че подобни сайтове предлагат на своите потребители рутинно изживяване и не могат да създадат положителна връзка със своята аудитория.

Една лесно различима причина за този бозав дизайн е цвета. Може би никой друг елемент на дизайна не оказва такова влияние върху начина, по който се чувстваме на дадено място (уебсайт, къща и др.) както цвета. Цветовете могат изведнъж да променят нашите настроения и нашите мнения. Те могат да ни накарат да се чувстваме удобно, да ни вдъхнат страхопочитание или да ни въодушевят. Когато говорим за дизайн на интерфейси, цветовите комбинации в природата могат да се окажат особено полезни. От сложните уеб приложения до информативните сайтове тип брошура, комбинациите от цветове, които се срещат и в природата имат потенциала да идентифицират (като помагат за създаването на запомнящи се сайтове), да напътстват (като помагат на потребителите да се съсредоточат върху действията), да ангажират (като правят оформлението на страниците по-удобни и по-привлекателни) и да вдъхновяват (като предлагат нови идеи за избор на цветове).
Цветовете отличават

Живеейки живота си, ние бързо забравяме за събития, които влизат в рамките на навика и рутината. Запомняме уникалните изживявания или събития, които са въздействали върху емоциите ни. По същия начин се държим и в Мрежата. Когато всички сайтове изглеждат по един и същи начин, ние доста лесно ги хвърляме в общия куп от изживявания тип “вече съм бил тук, виждал съм това”. А като вземем предвид и колко бързо се прехвърляме от сайт на сайт, такова отъждествяване е още по-вероятно.

Ето защо уебсайтовете не трябва да пропускат нито една възможност да се различат от останалите. Ако вашият сайт изпъква над другите, толкова по-голяма е вероятността потребителите да му отделят повече време или да се замислят повече, когато го видят. Дори може да го запомнят и да се върнат отново. Вероятно няма по-добра възможност да се направи приятно впечатление, освен чрез използването на цветовете. Хората реагират на цвят мигновено: те се въодушевяват, радват се или им става скучно.

Една уникална палитра, използваща цветове, които могат да бъдат открити в природата, ще ви помогнат да се измъкнете от цветните шаблони в Мрежата (илюстрация 1) и да създадете запомнящ се уебсайт. Например, естествената комбинация (илюстрация 2) използвана в този дизайн (илюстрация 3) контрастира рязко с по-стандартната версия (илюстрация 4) на същия сайт. Меките цветове са достатъчно ефирни, за да служат като фон, но и са достатъчно отчетливи, за да обособят четирите основни групи информация в сайта.

Но преди да започнете да използвате “цветовете на прерията” в дизайна си, запомнете, че изборът на цветове трябва да са съобразени с вашата аудитория. Понеже цветът влияе толкова ефективно, трябва да сме сигурни, че влияем по правилния начин.

Цветовете напътстват

Цветовете в природата често са по-малко наситени и по-приятни за окото, отколкото изкуствените им заместители. В резултат на това, те позволяват на потребителите да се съсредоточат върху необходимите действия, вместо да бъдат разсейвани от прекалено оттенъци. Когато се опитваш да се съсредоточиш върху информацията в страница с прекалено много наситени оттенъци (илюстрация 4), окото непрекъснато се връща към ярките цветове (в този пример, към синята лента горе). И обратното, жълтите и сини оттенъци в другия дизайн (илюстрация 3) създават баланс, който позволява на изображенията, навигацията и съдържанието да изпъкнат. (това е особено полезно за страници с много съдържание.) Най-силните визуални елементи са най-полезните: навигационните менюта и основното съдържание, не фоновите цветове. Може би това е резултат от факта, че сме започнати с цветовите комбинации в природата. Свикнали сме с фонове в сини, жълти и сиви оттенъци, защото ги виждаме всеки ден.

Този феномен е особено важен в контекста на уеб базираните приложения, където потребителите могат да взаимодействат с онлайн услуга в продължение на часове или дори дни. Ако използваме палитра, която не обсебва вниманието, позволява на потребителите да се съсредоточат върху работата си и върху важната информация. Разбира се цветът не е всичко, което ви е нужно, за да създадете едно страхотно изживяване; структурата, интерактивността, оформлението и други трябва да се съгласуват, за да се създаде ползваем и полезен сайт или приложение. Но цветът е една важна част от уравнението и не трябва да бъде пренебрегван.
Цветовете ангажират
“Формата следва функцията – това е погрешно схващане. Формата и функцията трябва да са едно цяло, обединено в духовен съюз.”
—Frank Lloyd Wright

Цветните комбинации в природата са особено полезни що се отнася до друг аспект на дизайна: емоционалната реакция. Ползваемостта е от жизнено значение за насочването на потребителите от Точка А към Точка Б, но е нужен характер, който да създаде приятното изживяване, което хората ще искат да повторят и да споделят.
“Цветовете в природата са познати и предлагат приемлива за всички хармония.”
—Edward Tufte, 1989

Обърнете внимание на следните две версии на един формуляр. Едната (илюстрация 5) използва неприветлива и смущаваща палитра. Другата използва естествена цветна палитра и е по-”отзивчива”, защото е използва по-топли, по-приветливи цветове. За чиновниците, които трябва да попълват този формуляр отново и отново, по-приветливия интерфейс е по-ангажиращ и им осигурява по удобна среда, в която те могат да работят.

Книги за уеб дизайн

Поводът е издаването на класическата книга на Якоб Нийлсен “Web дизайн” на българския пазар.

Аз съм чел руския превод на книгата и я препоръчвам на всеки. По света са издадени огромно количество книги свързани с тази тема, но само няколко са истински ценни. Книгата на Якоб Нийлсен е една от тях.

Доколкото съм запознат с нашия книжен пазар, по отношение компютърната тематика се издава предимно обучаваща литература (за Photoshop, Flash и др.), като на пазара може да се намери един вариант поне от пет издателя и значително по-малко специализирана литература (например за уеб дизайн). Виждал съм няколко несериозни и смешни книжлета от типа: направете си сайт, дизайн за начинаещи или 1003 безполезни съвета; имаше и нещо от родните “лидери” ABC Дизайн, но дори не съм го поглеждал.

Става така, че вместо да прочетеш книга с необходимата информация е по-лесно да поровиш в Интернет, за да я намериш. Тук вече става въпрос – колко качествена ще бъде тази безплатна информация. Никой известен автор не би си позволил да качи свои материали в Интернет без да има някаква изгода от това. По-нормално е да издаде книга или да напише статия, за да спечели честно своите пари, освен ако няма начин да прави това през мрежата, за пример – Джефри Зелдман.

Стигаме до извода, че Книгата и Интернет си имат своите плюсове и минуси: Книгата се възприема по-лесно, докато в Интернет може да се намери свежа и разнообразна информация. По този повод идва ред да кажа, че “Web.дизайн” на Jakob Nielsen е писана 1998-1999 година. Това не значи, че тя е безвъзвратно остаряла, там има изследвания и принципи, които не биха могли да изгубят своя смисъл, но актуалността като че ли вече не е същата. Има и много примери на сайтове, които вече са със съвършенно различен дизайн и различна концепция, който трудно може да се свърже с представата за web сайт от далечната 98 година. Защо Софт-Прес се сетиха да издадат едва сега тази книга, вместо да си направят труда да преведат “Don’t Make Me Think” на Стив Круг, най-актуалната книга за web дизайн в момента?

Между другото Якоб Нийлсен е един от най-ревностните противници на Flash, а вижте какво става в Интернет. Скоро добрият стар HTML ще отстъпи място на по-съвременните уеб езици, като CSS 2, XML… и на никой няма да му дреме за юзерите с Explorer 3 или Netscape 2. Но има много решения, които благодарение на Нийлсен започват да придобиват голямо значение в последно време. Някои са: описание на уеб страниците, така че да бъдат достъпни от хора с увредено зрение или други недостатъци, чрез транслиращ софтуер; съвместимост с текстови браузери и мета-машини; повишена гъвкавост, поради навлизане на новите технологии като WAP, където резолюцията и цветовете са значително по-малко от нормалните. Той също прогнозира, че много по-голяма част от хората ще ползват Интернет именно от такива средства – в движение, за онлайн услуги и какво ли още не, като компютрите ще изгубят своята лидерска позиция в това отношение.

Въпреки високата ефективност на Интернет и свежата информация е по-добре да се прочете една хубава книга.

Блог за дизайн

Ако се интересувате от уеб дизайн, то тогава този стартиращ блог би представлявал интерес за вас.

SEO за търсачки и уеб дизайн

SEO оптимизацията често се определя като по-техническата част на интернет маркетинга. Така е, защото тя помага за представянето на един уеб сайт в Интернет, като в същото време изисква няколко технически умения по HTML/XHTML. SEO оптимизирането понякога е наричано “SEO копирайтинг”, защото много често техниките са свързани с уникалността на текстовото съдържание на един уеб сайт. Като цяло, SEO може да бъде определено като дейноста по оптимизиране на уеб страници или цял уеб сайт, като целта е да се постигне по-добра посещаемост при търсене от световните търсачки (Yahoo, Bing, Google, Yandex, AOL и др.).

Въпреки, че SEO оптимизацията помага при увеличаването на трафика на един уеб сайт, тя не се смята като реклама. Има вариант, при който се заплаща за да излизате на челни позиции при определени ключови думи в спонсорираните връзки (платформата Google AdWords), но това не се дължи по никакъв начин на оптимизацията която сте направили или планирате да направите, а защото сте си платили.

SEO оптимизирането може да бъде направено за кратко, може и да бъде постоянно  поддържано (SEO кампания). В някои случаи е достатъчно да се направят няколко основни стъпки, ако областта на уеб сайта е с относително редки ключови думи, което същевременно води до почти сигурно позициониране в топ позициите при търсене. Но в останалите, трябва да се обърне сериозно внимание на SEO оптимизацията, като предварително се направи SEO анализ на ключовите думи и се изберат най-точните.

В същото време, SEO оптимизирането не гарантира автоматично топ позиции при търсене на определени ключови думи, но неспазването на някои основни правила със сигурност няма да остане незабелязано. За това ние от уеб дизайн ЕООД предлагаме цялостно SEO оптимизирани сайтове, спазвайки тези правила още в началото на самия проект. Дори в случаите, когато не правим оптимизация на сайтовете, а само уеб дизайн, ние го проектираме така, че тя да бъде лесно направена за в бъдеще.

Как да разположим елементите при уеб дизайн

Когато започвате нов уеб дизайн, без значение какво си дизайн методология е, да започнете с празна страница. Няма нищо за уеб страница – така че първото нещо, което правя е слагам нещо горе на страницата.

Но не мислиш за поставянето на тези елементи или просто да ги хвърлят в страницата волю неволю? Добрите уеб дизайнери не позволяват на позиция и подреждането на техните проекти, за да се появят на случаен принцип. Те си мислят за:

* Какво е елемент
* Как елемент се отнася до страницата цели
* Когато елемент се вписва с останалите елементи на страницата

Какво е елемент Вие сте Пускане
Има много общи елементи в уеб страница, като например: заглавия, навигация, снимки, текстово съдържание, както и ADMINISTRATIVA. Знаейки това, което е елемент помага да се определи, където трябва да се постави на страницата. Така например, обикновено не би изложило на уеб страница заглавие в дъното на страницата. Навигацията е обикновено се намират в ляво или в горната част, и ADMINISTRATIVA най-често се намират в долната част.

Как ли елемент се отнасят до гола на страницата

Знаейки вашите цели и целите за тази страница са от ключово значение за позициониране. Ето защо рекламите са намерени в подобни места на уеб страници. Ако целта е да накараш хората да кликнете върху тях или бележка, след това ги поставя в исторически места, където хората гледат и кликнете върху тях helsp да изпълнят своите цели.

Къде са другите елементи на страницата
В някои отношения изглежда, че това е най-очевидно, част от проект – в крайна сметка, ако вече имате лого в горния ляв ъгъл, да не започваш да пускат съдържание на върха му. Но също така трябва да се мисли за контекста на своите позиции. Поставянето на реклама блок в средата на текстов блок предполага чувство за връзка между двата елемента. Поставяне на хоризонтална линия, след като заглавие или по ред може да създаде усещане за разминаване между заглавието или по ред и съдържание.
Когато поставите елементи могат да направят разлика

Както казват в недвижими имоти, има три важни правила: “Място. Местоположение. Местоположение.” Ако Мона Лиза са били съхранявани в гаража на леля ми, тя няма да имат ефект върху хората, че тя не виси в Лувъра. Тя все още е една и съща картина, но ако се седи до стари кутии с боя, мръсна косачка и прах покрити юнкер автомобил отнема от страна на неговите околности.

Сега, аз не мисля, че повечето хора имат “гета” място на своите уеб дизайн страници, но ефективно разположение осигурява визуална йерархия и структурата на вашата уеб страница. Ако можете да ангажират клиентите си чрез един интересен и завладяващ дизайн, като направите половината работа.
Сорт е подправка на живота

Един от най-лесните техники за дизайн е център на елементи на страницата. И много дизайнери началото на проекта с това като тяхната цел – всичките им елементи от дизайна на проекта по средата, обикновено хоризонтално, вертикално, но понякога, както добре. Центриране привлекателна сила за много хора, защото това е лесно. Вие знаете, че вие “направи това право”, защото половината от елементи на страницата са от едната страна на екрана, а другата половина е от другата.

Но центриране е скучно. Центриране неща ги кара да изглеждат много по плосък екран и няма нищо за окото си да улови и да се мотае върху. Центриране е много рядко в природата. В действителност, дори и неща, които изглежда да е центрирано, като листа (вижте снимката) са малки несъвършенства, които водят на окото.

В точка в изображението е поставен така, че тя съвсем не е центрирано. Всеки от хоризонтални и вертикални измервания от краищата на страницата са различни. Можете да видите това на уеб страница, също. Като играете с поставянето на точка (и оттам, други елементи на уеб страница), който предоставя разнообразие на вашите проекти. Можете да приложите тази на повече от един елемент от страницата, като ги неравно разстояние един от друг, както и на страницата ръбове. Ето един пример на неравно разстояние с две точки.
Намерете точки на интерес на вашата страница

Точки на интерес са фокусни точки на уеб дизайн – местата, където окото се внимание. Чрез промяна на разстояние около тези точки на интерес за Вас може да повлияе на това как тези позиции се видят на страницата.

Например, изображението може да бъде фокусна точка на вашата уеб страница. Можете да избирате от центъра на изображението на страницата, но това е скучно и плоско. Вместо това разгледайте другите елементи на страницата и промяна на границите около изображението за да се създаде дизайн, който засилва интересът към тази снимка.

На тази страница проба, аз поставени три елемента: заглавие, снимка и надпис. Мога да изберете до центъра на всички елементи, но това е скучно оформление и няма ясна визуална йерархия. Окото ти е насочено към изображение, защото това е едно изображение, а не защото на позицията е в оформлението.

С просто направи няколко малки промени в позицията на елементите и полетата около изображението, в резултат на разположение е по-привлекателен вид и окото е съставен от заглавие, чрез снимка, с надпис. Тъй като разстоянието между заглавието и картинката е различна от надписа и пространството образ, вие получавате усещане, че надписа принадлежи на изображението. Мога да добавите още снимки към тази страница и тя ще бъде ясно, че бяха около Шаста, но надписите ще отида с всеки образ поотделно.
Повече информация за локализация Дизайн

Точка на изображението не е моя идея – Намерих го в една голяма книга, наречена “Основи на дизайна Дизайн Основи на Индекс от Джим Краузе (сравни цените).

Handheld organizer

Handheld organizer or personal digital assistant, is a handheld device that combines computing, telephone/fax, Internet and networking features. A typical Handheld Organizer can function as a cellular phone, fax sender, Web browser and personal organizer. Unlike portable computers, most handheld organizers began as pen-based, using a stylus rather than a keyboard for input. This means that they also incorporated handwriting recognition features. Some handheld organizers can also react to voice input by using voice recognition technologies. Handheld organizers of today are available in either a stylus or keyboard version.

Apple Computer, which introduced the Newton MessagePad in 1993, was one of the first companies to offer handheld organizers. Shortly thereafter, several other manufacturers offered similar products. Today, one of the most popular brands of handheld organizers is the series of Palm Pilots from Palm, Inc.

PDAs are also called palmtops, hand-held computers and pocket computers.

Уеб дизайн на сладкарница

Уеб дизайн за сладкарници Маркрит

Статичен сайт

В основата си интернет сайтовете могат да бъдат два вида – динамични сайтове и статични. Употребата на един от двата типа се определя предимно от нуждите на клиента, но и двата вида са добра интернет реклама. Статичните сайтове представляват съвкупност от уеб страници, които при определени условия могат да се променят във времето.

Статичните уеб сайтове нямат бази от данни и с тях не може да се направи електронен магазин. Статичните сайтове са най-доброто решение за презентационен, личен сайт също така и за малък фирмен или корпоративен уеб сайт.

Колкото и да Ви е невероятно статичните сайтове си имат и предимства:

• Ниска цена за малки сайтове
• Възможности за изработка на много раздвижен уеб дизайн
• Бързина на зареждане на сайта
• В повечето случаи – простота на изработката
• Не е необходимо програмиране

Нашият екип може да направи нов уеб дизайн за Вашия стар уеб сайт. Ще Ви предоставим хостинг с отлична видимост от цял свят. Регистрирайте домейн име преди някой друг да го е заел

Какво е статичен сайт, и какво – динамичен сайт?

За да бъдем кратки ще кажем, че при статичния сайт всяка страница от сайта се изгражда сама за себе си. Тя представлява самостоятелен HTML файл, в който се съдържат всички елементи от страницата – както дизайнът, така съдържанието на самата страница. Когато посетител кликне върху адреса на тази страница, сървърът директно я изпраща за разглеждане към браузъра на посетителя.

За разлика от статичния, при динамичния сайт дизайнът (общото оформление на сайта и навигацията) се дефинира в отделен общ за всички страници шаблон (темплейт), а съдържанието на всяка отделна страница се съдържа в база данни, откъдето се “извиква” за динамичното генериране на страницата. Когато посетител кликне върху някой елемент от менюто, системата за управление на съдържанието (CMS) “поръчва” от базата данни нужното съдържание и изпраща така “сглобената” страница на потребителя.

От това става ясно че, за разлика от статичната страница, която съществува и е на разположение по всяко време, динамичната страница в същност не съществува постоянно, а се създава (генерира динамично) само при поискване от потребител.

» Кое тогава е по-добро: динамичен или статичен сайт?

Неотдавна, в един сайт на колеги срещнах твърдението, че статичните сайтове били като “старите черно-бели вестници”, с което колегите очевидно искаха да ни убедят, че единствено динамичният сайт е доброто, съвременно решение. Трудно мога да се съглася с такова мнение!

Истината е, че както статичния, така и динамичния сайт, си имат свои както положителни, така и отрицателни страни. Затова и определено неправилно е да се твърди, че единият тип е категорично за предпочитане пред другия.

Ето положителните и отрицателните страни на всяко от двете решения:

» Статичен сайт

Положителни страни:
• Статичният сайт позволява практически пълна свобода при създаването на дизайн, съобразен с всякакви изисквания от страна на клиента.
• Статичният сайт позволява по-добро оптимизиране за търсещи машини на всяка отделна страница, което може драстично да подобри класирането на сайта в Google.
• Поради липса на сървърна обработка и връзка с база данни, една статична страница се зарежда съществено по-бързо от същата по обем динамична, като това съотношение може да достигне до 60%.
• Тъй като статичният сайт обикновено се изгражда и актуализира на локален компютър и едва след това се “качва” на сървъра, собственикът на сайта по всяко време разполага с актуално резервно копие от своя сайт. Това обикновено е изключително важно при възстановяване на сайта в случаи на сривове в сървъра или пробив в сигурността му.

Отрицателни страни:
• Статичният сайт се актуализира по-трудно и това обикновено е добре да се прави от самите уеб дизайнери.
• При статични сайтове е по-трудно (понякога и невъзможно) да се създават по-сложни функционалности от типа на сортирания, филтрирания и т.н.

» Динамичен сайт

Положителни страни:
• Динамичните сайтове са снабдени със система за управление на съдържанието, която позволява на обучено лице от фирмата-собственик да актуализира и допълва съдържанието на сайта, без да се налага за всяко нещо да се викат уеб дизайнерите.
• Динамичните сайтове позволяват създаването на повече активни функционалности от типа на сортирания на продукти, търсения и филтрирания по даден признак и т.н.

Отрицателни страни:
• Динамичните сайтове като цяло по-трудно се поддават на детаилна оптимизация за търсещи машини и при равни други условия един динамичен сайт обикновено се класира по-зле в търсачките в сравнение с добре оптимизиран статичен сайт. Някои ситеми за управление на динамични сайтове (CMS) дори се опитват (неособено успешно) да имитират поведението на статичен сайт, за да “се харесат” на търсачките.
• Тъй като при динамичния сайт всяка страница се генерира “по заявка”, това отнема повече време на сървъра и динамична страница като правило се зарежда по-бавно в сравнение със статична страница със същото съдържание.
• Тъй като при динамичния сайт съдържанието се създава и актуализира директно в базата данни на сървъра, обикновено собствениците не разполагат с резервно актуално копие на съдържанието, което пък води до рискове от загуба на информация в случай на срив в сървъра или хакерска атака на сайта.
• Тъй като всеки динамичен сайт е базиран върху конкретна система за управление на съдържанието (CMS), изграждането на сайта трябва да бъде съобразено с възможностите и изискванията на тази система. Това обикновено води до ограничения както по отношение графичното оформление на сайта, така и по функционалностите му.

» Обобщение

Вместо обобщение, ще си позволим да Ви посъветваме следното:

Статичен сайт е по-подходящ за вас ако:
• Целта на сайта Ви е преди всичко онлайн представяне на Вашата фирма и ще включва неголям брой страници (до 20 – 30).
• Не възнамерявате много често (ежедневно или ежеседмично) да актуализирате информацията в сайта.
• Съзнавате, че всеки трябва да върши своята работа, и Вашата работа, като професионалист във Вашата област, не е да актуализирате сайтове.

Динамичен сайт е по-подходящ за вас ако:
• Планирате Вашият сайт да съдържа много десетки или стотици страници, които често (ежедневно или ежеседмично) ще бъдат променяни и обновявани.
• Планирате изграждане на изцяло онлайн базиран бизнес (онлайн магазин).
• Разполагате с необходимите ресурси (средства и персонал с необходимата подготовка) за редовна и компетентна поддръжка на сайта.

Уеб дизайн услуги

УЕБ ДИЗАЙН

За да бъде Вашият бизнес успешен, Вие трябва да го представите на потенциалните си клиенти във всяка възможна подходяща форма.

Предлагаме Ви най-съвременното решение – интеренет сайт, разработен специално за Вас и съобразен със спецификите на дейността Ви. Независимо от това дали произвеждате продукти или извършвате услуги, виртуалното пространство ще отвори множество нови възможности и ще Ви популяризира.
Добрият сайт привлича вниманието и информира, като насърчава хората, които се нуждаят точно от това, което Вие можете и искате да им предложите.

Създаването на един сайт преминава през множество етапи – от първоначалната му концепция през неговия дизайн и окончателно оформление. Ние притежаваме богат опит в тази област и можем да намерим заедно най-доброто решение за Вас.

Когато съставяме концепцията на един сайт и оформяме неговия дизайн, ние вземаме предвид всички детайли за Вашата фирма и дейност, така че крайният продукт да задоволи както Вашите изисквания, така и да отговори на търсенето на Вашите клиенти.

Залагаме на качеството и подбираме внимателно всеки отделен елемент. Така получаваме цялостен и взаимообвързан проект, който възвръща многократно вложената в него инвестиция. Той представлява мощно средство за комуникация между Вас и Вашите потенциални клиенти.

The Details That Matter

A long time ago, in a galaxy far away, the graphic arts industry was populated by full-time illustrators, production assistants and compositors. With only composing sticks for laying out type, straight edges for defining grids, a human proofer to catch spelling mistakes and an arsenal of X-acto blades for making edits, these guys lived and breathed detail. Mistakes were costly. It was a trade position that required lengthy apprenticeship; job security depended on getting all of the little things right.

While many of the tactile skills needed for our new generation of PC-based web design and development are radically different, a critical eye for detail is as relevant as ever. In fact, because of the lower cost of entry and increasing commoditization of design, that eye for detail is not only necessary for staying afloat in the profession, but a requirement for success.

The functional details are different than the ones with which our forefathers wrestled. Most of us do not own goggles to prevent spray adhesive from getting in our eyes or loupes to gauge dot gain at a press check. We do, however, have to deal with the endearing idiosyncrasies of browsers; we all run into the same double margin bug and inconsistent JavaScript support. These are quantitative, documented issues. Good website builders like you and I avoid these altogether simply by writing better code. But the details that can kill a project faster than a fly against a windshield are more subversive: the ones that, in hindsight, should have been blindingly obvious.
It’s never just about design

Only the luckiest website builders actually build websites all day. Most of us are also part-time proofers, project managers, usability experts, design critics, navigational architects, therapists for copywriters, and general go-to experts on all thing interweb. We are responsible for not only testing in different browsers, but for knowing which browsers our audience will use, and why. We have to sit in on conference calls and listen to people criticize our work and ask the same question nine times. We are responsible for checking the consistency of link treatment. Button design. Form functionality. Whether little decorative flourish A matches little decorative flourish B. We have to pay attention to a lot of stuff, and a lot of it falls well outside the sphere of design.

After working in numerous design departments and managing of a diverse creative team, I’ve learned that the best employees have distinct habits. These employees:

* re-read the project brief before clarifying outstanding questions with the project manager or client,
* communicate with project stakeholders to catch any mid-project scope changes—and, more importantly, understand why these changes are happening,
* challenge changes they don’t agree with, and defend their positions objectively and pragmatically,
* pass work to colleagues for a peer gut-check before a formal review,
* spell check, then reads everything again to catch the errors spell cheque doughs knot,
* read everything again for language nuances, such as consistent point of view, active voice, and parallel structure,
* study relevant market trends and understand the competition,
* suggest details that improve the piece, from adding clearer alt text to switching out images, to altering the grid in ways that allow content to breathe,
* know which battles to fight and which to avoid, and
* recognize and work on the details that help them get better at their jobs…and then go on to get better at their jobs.

Invest for the long run

When design deliverables go wrong, it often leads to Old Testament, end-of-the-world stuff—fire and brimstone, rivers and seas boiling, cats and dogs living together. Every finger lands squarely in the face the designer. And why not? It is every designer’s responsibility to ensure the 100% satisfaction of the client, and that means delivering work in which every detail is thought through: top to bottom, inside and out.

In practice, though, there are two types of people when it comes to paying attention to detail: those who say they reviewed their work, and those who actually reviewed their work.

Website designers and developers who consistently fall short of expectations, who let little details slip through, ultimately develop a bad reputation. For the corporate employee, choice projects go to others and promotions are few; for the freelancer, client referrals dwindle. Perhaps most deflating, however, is that colleagues no longer take you seriously in peer design reviews. When people expect you to miss the details, the road to redemption is long.

The black comedy of it all is that few people celebrate designers when they get it right. We are, after all, expected to nail it perfectly every time. We juggle all of the tiny pieces of the great project puzzle, and after it goes live on the web, then it’s on to the next project. There is little short-term glory in being perfect, but there are long-term rewards for being consistently great, and good managers look for that consistency across the careers of their employees.
The little things lead to success

When designers and developers think about the details of the project, they must think critically and analytically. The best solutions come from both sides of the brain, built from both the how and the why.

To be truly great, we have to understand the motivation of our clients, maintain constant two-way communication with shockingly uncreative people, get a firm handle on copywriting and how that craft exists symbiotically with the visual element, and foresee how the finished whole will be greater than the sum of the bits and pieces we spent hours obsessing over. All of these factors cascade into the final product.

Creative professionals who can see all angles of a project are the ones who ultimately succeed in the industry. They win awards, get promoted, and make money, but most importantly they develop a reputation for caring about detail, for putting a personal and deliberate effort into making sure all of the tiny things are in place to make the final product perfect.