Интересно стало посмотреть на производителей газированной воды, точнее на их сайты. Нашла не всех, видимо потому что некоторая вода идет от одного и того же произвотдителя, а может быть просто потому что просто нет сайта. Смотрим. И конечно если вы нашли чтото интересное, то не забываем выкладывать и делиться. Ога?)

Parisco все записи автора

Parisco все записи автора

Flash игры и развлечения позволяют отвлечься от напряженной работы, переключиться на что-то веселое и в результате повысить свое настроение. А с хорошим настроением работается уже по-другому. Обычно я ставлю ссылку на забавную игру или интересный сервис в конце статей (постскриптумы), а сегодня предлагаю вам специальную подборку оригинальных и увлекательных развлечений, которую я собрал за последнее время.

Flash игры и развлечения

В океане с акулами - вы попадаете в панорамный подводный мир, кишащий акулами и экзотическими рыбами. Можно сделать в режим полного экрана, а также менять точки обзора, кликая на значке рыбы в правом нижнем углу. Кстати, попробуйте кликнуть на акуле .

Из рук в руки - интересное онлайн развлечение. Ваш курсор становится красным мячиком, который будут заботливо передавать из рук в руки. Просто двигайте мышкой.

Падающий песок - знаменитая flash игра. Многие люди буквально "подсаживаются" на нее. На первый взгляд, ничего особенного - сыпятся разноцветные вещества. На самом деле все гораздо интереснее. Можно нарисовать линии (на нижнем меню - wall), сыпать струи пороха (gunpowder), напалма (napalm), нитро (nitro), нефть (oil), воск (wax) и другие вещества, а затем все поджечь огнем (fire). Кроме этого, есть опции изменения интесивности сыпящихся струй веществ, толщины курсора, ластика для стирания излишков и другие, что делает эту flash игру разнообразной и увлекательной.

Для этой игры нужен Java плагин. Можете скачать его на официальном сайте Java (у меня установка плагина напрямую через браузер не сработала).

3d шар - эта flash игра ставит перед вами цель - поймать и отбить падающий шар в трехмерном пространстве. Это сделать довольно непросто. В начале игры нужно ввести свое имя латинскими буквами.

Первобытная война - в этой игре вы будете сражаться в первобытном мире. На скриншоте виден наездник, сидящий на динозавре, а также падающие горящие камни.

Стань художником - этот сервис - настоящая находка для любителей рисовать. Можно рисовать все, что захотите (в меню это команда paint), добавить рамку (select a frame), текст (значок T), сохранить и отправить ваше творение друзьям на e-mail (save and send), а также смотреть работы других посетителей со всего мира (view other paintings) и видеть запись процесса рисования (replay painting).

Еще одна классная опция - можно поместить свое творение в галерею (в левом меню выберите для этого hang in gallery):

Разберись с бандой - простая, но увлекательная flash игра, которая не позволит вам скучать.

Разбей компьютер - наконец-то сбылась мечта многих . Можете вволю долбить компьютер за очередную системную ошибку.

Кричащие бобы - очень интересная flash игра. Сначала появляется банка с бобами, кликаете по ней и бобы начинают по очереди выходить на экран. Кликайте на них и увидите, что произойдет .

Падающий Буш - забавная flash игра. Джордж Буш падает по бесконечным шарам, временами застревая в них. В таких случаях надо помочь ему мышкой.

Другие увлекательные flash игры вы можете найти на сайте Vivalagames.

Креативные часы - цифры созданы из фигур людей.

Нарисуй свой цветок - еще один замечательный онлайн сервис для любителей рисовать. Можно легко и быстро нарисовать интересный цветок, выбирая формы лепестков, их рахмер, цвет, прозрачность (petal opacity) и количество лепестков (number of petals). Кроме этого, можно сохранить свой цветок (save your flower) в огромную базу нарисованных цветков, которую формируют посетители этого полезного сайта. Можете также смотреть работы других и дорисовывать их.

Цветочный сад - рисуем красивые цветы одним кликом. Можно создать цветочный сад за несколько секунд.

Супер герой - интересный бразильский сервис по созданию тысяч вариантов супер героя. В самом начале в левом меню нужно выбрать один из трех вариантов (fantasy, super-hero и basketball). Затем кликаете по следующим опциям до появления кнопки Load. Кликнув и по ней, вы получаете возможность задавать цвет и форму всех элементов внешнего вида супер героя (в правом меню), либо смотреть случайные варианты (all random).

Панорамная библиотека - вы попадаете в панорамную библиотеку, в которой вы можете поворачиваться вверх, в стороны и вниз. Создается реалистичное ощущение того, что вы находитесь в библиотеке.

Летающие линии - забавная flash игра, в которой вам дается возможность делать летающие линии различных форм и расцветок.

Точка и препятствия - эта flash игра не для слабонервных и требует железной выдержки и спокойствия , чтобы провести красную точку через все двигающиеся препятствия от старта до финиша. При этом все нужно сделать максимально быстро.

Пуки - легкий и забавный 3d шутер, в котором надо подстрелить злых пуки.

Овечки - забавная flash игра, в которой нужно попасть стрелой в овечку. Это сделать не так просто - овечки пробегают очень быстро.

Том и Джерри - эта красочная flash игра особенно понравится любителям знаменитого мультсериала. Игра сделана очень профессионально.

Весы - эта flash игра позволит вам проверить свой глазомер. На одну чашу весов падают шары разного диаметра, вам нужно бросить свои шары на левую чашу, чтобы уравновесить их. Для этого кликните над своей чашей и немного подержите кнопку мышки нажатой. Чем дольше держать кнопку мышки, тем большего диаметра появится шар. Цель - максимально уравновесить чаши. Следующие уровни этой flash игры становятся все более сложными.

Желаю вам хорошего настроения!

Источник:shakin.ru

Parisco все записи автора

Parisco все записи автора

Если вам не хватает вдохновения и свежих идеи для веб-дизайна - тогда приглашаю вас посетить эти сайты.

1. baliwebdesign.net

Очень красивый дизайн, особенно впечатляют верхние кнопки.

2. iconiza.com

Веселый веб-дизайн с лучших традициях web 2.0.

3. joyent.com

За основу оформления шапки сайта взяты векторные рисунки.

4. makao.it

Необычный подход к оформлению дизайна сайта.

5. mts.altervista.org

Цветовая гамма этого сайта хоть и яркая, но все элементы гармонируют друг с другом.

6. paulenderson.com

У этого сайта шапка тоже сразу привлекает взгляд.

7. therissingtonpodcast.co.uk

Вся главная страница этого сайта сделана в виде векторного рисунка с облаками и самолетами.

8. veerle.duoh.com

Это довольно известный своим дизайном сайт.

9. vikiworks.com

Перевернутая трава вверху - довольно оригинальный подход к оформлению сайта.

10. artscode.com

У сайта artscode просто замечательный дизайн. Все тщательно продумано.

11. betterimage.org

Студия веб-дизайна из Северной Каролины.

12. bittbox.com

Дизайн довольно простой, но фон древесины добавляет индивидуальности.

13. letter2god.com

У этого сайта приятный дизайн и ничего лишнего.

14. litepost.com

Оригинальный веб-дизайн в виде почтового конверта.

15. luvdalot.com

Цветы в дизайне - это классический подход.

16. prartweb.com

Зеркальные отражения всегда прекрасно смотрятся.

17. stevengleave.co.uk

 

Parisco все записи автора

Область применения Flash поистине огромна и ограничивается лишь фантазией веб-дизайнеров. С помощью Flash можно создавать ошеломляющие своей изящностью дизайны, способные заставить истекать слюнками даже самого привередливого зрителя!

Несмотря на то, что с помощью Flash веб-дизайнер может создать практически все, что угодно, у него есть один немаловажный недостаток - Flash категорически не юзабелен и не обладает соответствующей степенью доступности.

С помощью Flash веб-дизайнеры могут претворять в жизнь такие задумки и идеи, которые просто невозможно реализовать с помощью (X)HTML и CSS!

Результаты кропотливой работы веб-дизайнера могут быть поистине очень выразительными и впечатляющими при 2-ух условиях:

• Если дизайнер нашел оптимальное соотношение между графикой, анимацией и мультимедиа
• Если дизайнер следует правилам юзабилити и взаимодействия с пользователем

В силу своих особенностей, плюсов и минусов, Flash нецелесообразно использовать на сайтах, где необходим оперативный и интуитивно-понятный доступ к информации.

В данной статье-обзоре мы представляем Вашему вниманию отобранную нами коллекцию из 65 превосходных Flash-дизайнов.

Ошибка №1: Использование Flash вместо (X)HTML/CSS

Ошибка №2: Непонятная навигация

Ошибка №3: Использование поп-апов

3D и видео-эффекты

Визуальные элементы

Чистые и просторные дизайны

Пользовательский интерфейс, навигация

Креатив

Оригинал статьи: 65 Excellent Flash Designs

Parisco все записи автора

Parisco все записи автора

Наступило лето, зелень на деревьях с каждым днем становится все гуще и гуще…

В связи с этим представляю Вам небольшой обзор, состоящий из 23 дизайнов с использованием дерева. По-моему, реализовано отлично! Конечно, какие-то дизайны лучше, какие-то хуже. Как говорится, о вкусах не спорят!

1) Philippe Plaideux

2) BurningSea

3) Wrapragecure

4) Potter Family

5) GnvPartners

6) Wrapragecure

7) Miba

8 ) Henryjones

9) Alexbuga

10) Yucesoy

11) Silent7

12) SwingTheory

13) CodingMonkeys

14) CssArtillery

15) Leslyg

16) Williams Bistro

17) Backstage

18) Nanamiart

19) JoshuaSortino

20) Paul Wallas

21) Freshlypainted

22) Nebonmedia

23) Rubiqube

Оригинал статьи: Stunning Designs Using that Piece of Wood

Parisco все записи автора

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

Конечно, для этого важно глубокое понимание фундаментальных принципов юзабилити, но чтобы ссылаться на них в обсуждении столь же важно знать, как называются эти концепции. Более того, использование точных определений может помочь отстоять свою точку зрения в дискуссии.

Правила и принципы юзабилити

Правило 7±2

Возможности мозга по обработке информации не безграничны, в соответствии с результатами исследования Джорджа Миллера кратковременная память может одновременно содержать от 5 до 9 сущностей. Этот факт часто используется при обосновании необходимости сократить количество элементов в навигационных меню до 7, что вызывает горячие дебаты¹, поскольку не совсем ясно, как это правило должно применяться в веб. [Miller’s studies²]

Правило 2-х секунд

Заключается в том, что пользователь не должен ждать любой реакции системы, к примеру, запуска или переключения приложения, более 2-х секунд. Значение 2 секунды выбрано произвольно, но кажется достаточно подходящим. В общем случае, чем меньше ждет пользователь, тем лучше.

Правило 3-х кликов

Пользователь не будет в восторге от использования сайта, если он не может найти необходимую ему информацию за три клика мышкой. Другими словами это правило подчеркивает важность понятной и простой навигации. Во многих случаях важно не столько количество необходимых кликов, сколько общая понятность системы, даже 10 кликов не проблема, если на каждом этапе пользователь четко представляет, где он и куда должен двигаться дальше.

Правило 80/20 (Принцип Парето)

Заключается в том, что 80% эффекта получается в результате 20% действий. В бизнесе это правило часто применяется в виде: «80% продаж приходится на 20% клиентов». В веб-дизайне и юзабилити это правило работает не менее эффективно. К примеру, значительно улучшить отдачу сайта можно определив 20% пользователей, заказчиков, действий, продуктов или процессов которые дают 80% прибыли и обратив на них особое внимание при разработке.

Восемь золотых правил для разработчиков интерфейсов

В результате исследований взаимодействия человека и компьютера Бен Шнейдерман составил набор правил, которые могут быть использованы при разработке многих типов интерфейсов. Эти принципы актуальны как для разработчиков интерфейсов, так и для веб-дизайнеров.

1. Стремитесь к логичности
2. Для опытных пользователей должен быть быстрый способ (сокращения, горячие клавиши, макросы)
3. Должна быть информативная обратная связь
4. Диалог должен быть законченным
5. Обработка ошибок должна быть простой
6. Должен быть простой способ отмены действий
7. Пользователь должен чувствовать, что все под его контролем
8. Как можно меньше загружайте кратковременную память

Подробнее о правилах Шнейдермана можно узнать из Wikipedia: Shneiderman’s rules for design³.

Правило Фиттса

Опубликованная Паулем Фиттсом в 1954 году модель движений человека, определяет время, необходимое для быстрого перемещения в целевую зону как функцию от расстояния до цели и размера цели. Обычно это правило используется при рассмотрении движения мышью от точки A к точке B. Это может быть важно при размещении элементов, количество кликов на которые желательно увеличить.

Перевернутая пирамида

Перевернутая пирамида — это стиль написания, при котором основная мысль представлена в начале статьи. Статья начинается с вывода, за которым следуют ключевые моменты, а завершается наименее важной информацией. Пользователи хотят получать информацию как можно быстрее, поэтому перевернутая пирамида как нельзя лучше подходит для веб, такого же мнения придерживается и гуру юзабилити Якоб Нильсен⁴.

Удовлетворенность

Пользователи не выбирают оптимальный путь в поисках необходимой информации. Им не нужно самое лучшее и надежное решение, напротив — часто они готовы удовлетвориться быстрым и не самым лучшим решением, которое будет «вполне приемлемым». Применительно к веб, удовлетворенность описывается именно этим случаем: пользовать получил «вполне приемлемое» решение проблемы — даже если альтернативные решения полнее покрывают его требования на длительный срок.

Психология в юзабилити

Синдром утенка (Baby-Duck-Syndrome)

Обычно пользователи привязываются к первому, изученному ими дизайну, и судят остальные по тому, насколько они на него похожи. В результате пользователи предпочитают системы, похожие на те, которые они знают, и не очень любят остальные. Эта проблема часто возникает при редизайне, пользователи, привыкшие к предыдущей версии дизайна, в новой структуре сайта чувствуют себя не комфортно.

Баннерная слепота

Пользователи игнорируют все, что похоже на рекламу, и что интересно, делают это весьма эффективно. Хотя рекламу замечают⁵, ее все равно всегда игнорируют⁶. У пользователей выработаны довольно-таки четкие схемы, которым они следуют, выполняя в веб различные действия: в поисках необходимой информации они фокусируют внимание на тех частях страницы, где эта информация может быть расположена — на основном тексте и гиперссылках. Большие, красочные, анимированные баннеры в этом случае полностью игнорируются.

⁶
Источник: Banner Blindness: Old and New Findings⁶
Перевод: Пользователи не видят баннеров⁷

Эффект неопределенности (Эффект Зейгарник)

Человек не терпит неопределенности — мы стараемся найти ответы на возникающие вопросы, причем как можно скорее. Эффект неопределенности основан именно на этой особенности поведения людей. Видео ролики, статьи и сюжеты, использующие эффект неопределенности, обычно заканчиваются внезапно, не разрешая сложную ситуацию и не отвечая на возникающие вопросы. Этот эффект часто используется в рекламе: задавая посетителям интересные и провокационные вопросы, рекламщики часто принуждают к чтению материала или клику на ссылке.

Обнаруженный Блюмой Зейгарник⁸ в 1927 году эффект помогает установить эмоциональную связь с читателем и невероятно эффективен в маркетинге. Читатели лучше запомнят, о чем была реклама, и даже мелкие детали будут запомнены более четко и точно. Эффект Зейгарник используется и при написании текстов для веб, чтобы привлечь и заинтересовать посетителей.

Гештальт принципы восприятия форм

Это фундаментальные правила человеческой психологии в контексте дизайна интерфейсов человек-компьютер.

Закон близости утверждает, что когда мы видим набор объектов, объекты, расположенные ближе друг к другу, мы распознаем как группу.

⁹
Реальный пример действия закона близости c MTV Music Awards 2002. Источник⁹.

Закон сходства утверждает, что сходные объекты человек подсознательно группирует.

The Law of Prägnanz утверждает, что один и тот же объект может играть важную роль в одном визуальном поле и быть частью фона в другом.

⁹
В логотипе Macintosh можно разглядеть как обычно счастливое лицо, так и счастливое лицо в профиль. Источник⁹.

Закон симметрии утверждает, что мы склонны воспринимать симметричные объекты как один объект.

Закон смыкания утверждает, что люди склонны объединять объекты, которые на самом деле едиными не являются.

⁹
В логотипе IBM мы видим буквы I, B, M хотя на самом деле там есть только линии различной длины. Источник⁹.

Подробнее эта тема раскрыта в статье Gestalt principles of form perception⁹.

The Self-Reference Effect

Этот эффект особенно важен при создании текстов для веб, поскольку может значительно улучшить связь между автором и читателем. Вещи, связанные с нашим собственным опытом, мы запоминаем лучше, чем те, которые с нами не связаны. К примеру, после прочтения статьи люди лучше запоминают персонажей, истории или факты, с которыми они были как-то связаны.

Термины и концепции

Отслеживание взгляда (Eye-Tracking)

Отслеживая движение глаз, можно определить, куда смотрит пользователь. Существуют методы, позволяющие, наблюдая за каждым движением глаза, определить области которые привлекают его наибольшее внимание. Исследования в этой области позволяют делать выводы о том, насколько комфортабельно чувствуют себя пользователи на сайте и как быстро они могут понять его структуру. Некоторые интересные факты, выявленные в процессе исследований, можно найти на Eyetrack07¹⁰.

¹¹
Пример результата отслеживания взгляда. Источник¹¹.

Сгиб (Fold)

Сгиб — это линия, проходящая на уровне нижней границы окна браузера, все расположенные ниже нее элементы страницы не видны без прокрутки. Уровень этой линии зависит от разрешения монитора посетителя. На элементы, расположенные выше сгиба, обычно приходится больше кликов и внимания пользователей, и как следствие, больше прибыли, но существуют и противоположные мнения¹². [Usability.gov¹³]

Подсказки (Gloss)

Подсказки к ссылкам можно добавить с помощь атрибута title. Точное описание всех внутренних и внешних ссылок с помощью информативных подсказок и текста ссылки может улучшить юзабилити веб-сайта.

Graceful Degradation, Fault-tolerance

Свойство сайта отображать контент и сохранять базовый функционал, даже если некоторые его компоненты не могут быть отображены или использованы. На практике это означает, что контент веб сайта должен быть доступен при любых возможных ошибках, в любом браузере и операционной системе.

Granularity

Степень разделения большого объема сложных данных на небольшие модули.

Hotspot

Кликабельная область сайта, меняющая свое оформление после клика на нее. Это характерно для :focus-эффектов после клика на ссылку или другой элемент сайта.

¹⁴
Hotspot и gloss на Smashingmagazine.com¹⁴

Разборчивость (Legibility)

Визуальная разборчивость текста.

Minesweeping

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

Мистическая навигация (Mystery-Meat Navigation, MMN)

Этот термин используется для обозначения навигации, в которой пользователю трудно понять назначение гиперссылок или вообще найти их.

Логичность (Physical consistency)

Логичность внешнего оформления сайта — положения логотипа, навигации, использование графических элементов и типографики. Логичность очень сильно влияет на удобство навигации по сайту.

Прогрессивное улучшение (Progressive Enhancement, PE)

Стратегия разработки, при которой базовый функционал сайта доступен из всех браузеров, а для пользователей современных браузеров предусмотрены дополнительные возможности. Основное преимущество такого подхода в том, что он позволяет создавать сайты, удобные для пользователей с медленными соединениями или старыми браузерами, при этом предоставляя дополнительные возможности для пользователей со скоростными соединениями и современными браузерами. [Wikipedia¹⁵]

Читабельность (Readability)

Обозначает уровень понятности смысла текста, зависит от сложности предложений и используемых терминов. Обычно измеряется уровнем образования: необходимого читателю, чтобы понять текст. Читабельность и разборчивость — понятия разные. [Usability Glossary¹⁶]

Дизайн ориентированный на пользователя (User-centered design, UCD)

Стратегия дизайна, в которой пользователи, их нужды, интересы и поведение являются основой при разработке структуры сайта, навигации и подаче информации. Такой подход стал стандартом для современных веб-приложений, особенно в свете рассвета приложений, использующих контент, генерируемый пользователями. В Веб 2.0 пользователей нужно мотивировать к созданию контента и другой активности, при этом работа с сервисом должна вызывать минимум затруднений и быть максимально удобной.

Бдительность (Vigilance, sustained attention)

Способность сохранять внимательность при выполнении длительных, монотонных задач, таких как проверка текста на наличие ошибок, запоминание встреч и договоренностей, сохранение документов во время работы. В современных веб-приложениях такие задачи выполняются автоматически, тем самым повышая удобство сервисов.

Walk-Up-And-Use Design

Интуитивно понятный дизайн, который посетители, использующие его в первый раз или которым он понадобиться только однажды, могли эффективно использовать его без предварительного обучения или инструкций.

Wireframe

Скелет сайта, который отражает идеи концепции и структуру будущего сайта. Может быть представлен в виде презентации, демонстрирующей заказчикам, особенности компоновки и функциональности сайта, а также возможные сценарии выполнения пользователями их задач. Обычно скелет не содержит визуальных элементов или готовой разметки сайта, но, возможно, в него будут включены черновики или скетчи. Пример¹⁷. [Glossary¹⁶, Wikipedia: Wireframes¹⁸ ]

¹⁹

Инетересно было бы увидеть в комментариях ваши варианты перевода этих терминов, для некоторых я не нашел ничего подходящего.

Wireframes. Источник¹⁹.

Parisco все записи автора

Именно юзабилити и практичность определяют успех или неудачу сайта, а не его дизайн, как ошибочно думают многие. Сами подумайте, если Вы делаете сайт для целевой аудитории, а ее представители не могут ничего на нем найти, о какой прибыли и говорить? Успешный сайт – такой сайт, который понятен пользователю и который способен выполнять возложенные на него задачи.

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

Как думают пользователи?

Обычно поведение пользователей в Интернет ничем не отличается от поведения покупателей в магазинах! Посетители просматривают каждую новую страницу, сканируют глазами текст и кликают на первую привлекшую их внимание ссылку.

В основном пользователи ищут что-то интересное или полезное и как только такие объекты ими находятся, пользователи кликают на них. Если же открывшаяся страница не оправдала ожиданий пользователя, он жмет на кнопку браузера «Назад» и продолжает поиски.

• Пользователи ценят качество. Если на сайте имеется важная и полезная для пользователя информация, то он закроет глаза на оформление сайта и на рекламу, на нем размещаемую. Именно поэтому сайты, предоставляющие первосортный контент, но не обладающие изысканным оформлением, имеют стабильную высокую посещаемость. Запомните! Контент гораздо важнее для пользователя, нежели дизайн.
• Пользователи не читают, они сканируют глазами. Пользователи сканируют веб-страницы, ища на них «зацепки», такие как заголовки, списки, слова, выделенные жирным или курсивом и т.д.
• 
  Пользователи не читают, они сканируют. Видите закономерность – «горячая» зона тянется до середины предложений. Это типично для сканирования контента глазами.
• Пользователи нетерпеливы, они хотят все прямо здесь и сейчас. Простой закон: если сайт не может оправдать ожиданий целевой аудитории, компания теряет прибыль. Чем труднее пользователям понять сайт, тем выше шанс, что они незамедлительно покинут его.
• Пользователи не принимают оптимальных решений. Пользователи не используют простых путей в процессе поиска необходимой им информации. Также они не просматривают веб-страницы сверху донизу – их взгляд бродит в хаотичном направлении. Как только они увидят ссылку, которая, по их мнению, способна предоставить искомую ими информацию, они незамедлительно кликают по ней. [смотреть видео]
• 
  
  На обоих скриншотах видно, что взгляд пользователей бродит в хаотичном направлении по веб-странице.
• Пользователи следуют своей интуиции. В большинстве случаев пользователи с грехом пополам выполняют различные действия, не читая инструкций, размещаемых на сайте. Согласно Стиву Кругу: «Если мы находим что-то, что работает, мы используем это. Абсолютно неважно, как это работает, нам важен сам факт этого!»
• Пользователи хотят владеть ситуацией. Пользователи хотят управлять своим браузером и не терпят вмешательства в свою вотчину со стороны. Например, их неописуемо раздражает, когда при заходе на сайт меняется размер окна их браузера или выскакивают всплывающие окна, обходя установленный блокировщик и т.д. Отсюда вытекает еще одно очень важное и часто нарушаемое правило: никогда не задавайте открытие ссылок в новом окне браузера. Пользователи сами решат, что, как и где им открыть.

1. Не заставляйте пользователей думать

Вспомнили первый закон юзабилити Стива Круга?! Веб-страница должна быть максимально понятна пользователю. В процессе создания веб-страниц, Вы должны сделать все возможное, чтобы избавить пользователя от всевозможных вопросов, которые могут возникнуть у него при попадании на эту страницу.

Если же навигация по сайту и его структура запутаны и неочевидны, то количество вопросов у пользователя только возрастет и он не сможет понять, как работать с Вашим сайтом, как переместиться из точки А в точку Б…

Вам необходимо добиться максимальной прозрачности и очевидности структуры Вашего сайта, все пути по сайту сделать интуитивно понятными ради того, чтобы пользователи без труда и в любой момент могли попасть в любую точку Вашего сайта.

Давайте рассмотрим наглядный пример. У Beyondis.co.uk в самом верху веб-страницы размещен девиз: «beyond channels, beyond products, beyond distribution». Почему именно в этом месте? А потому что разработчики исходили из того, что при просмотре веб-страниц пользователи действуют по схеме «F», отсюда следует, что первым, что увидят пользователи, будет этот девиз.

Несмотря на то, что дизайн сайта интуитивно понятен, для того, чтобы понять, о чем конкретная его страница, необходимо искать ответ. Этот недостаток – вина проектировщика, который обязан предусматривать все возможные вопросы, которые могут возникнуть у пользователя, находящегося на сайте.

Если же поменять местами левую часть (девиз) и правую (графическое изображение с описательным текстом), то этот вопрос бы отпал сам собой. Как видите, решение перед носом, нужно просто его увидеть!

ExpressionEngine использует такую же простую структуру, как и в предыдущем примере, но при просмотре страницы сайта у пользователей не возникает никаких вопросов – им все понятно!

Посмотрите, как грамотно разработчики предлагают выбрать пользователям между онлайн-тестированием движка и его бесплатным скачиванием.

Именно простота привлекает пользователей в веб-сайтах. Им нравится, когда Вы заранее знаете, что они хотят, и предлагаете им это. Только добившись этого, Вы сможете успешно взаимодействовать со своими пользователями.

2. Не испытывайте терпение пользователей

В процессе реализации новых проектов не забывайте о минимальных требованиях, предъявляемых к пользователям. Чем меньше действий требуется от пользователя, тем охотнее он будет пользоваться тем или иным сервисом.

Пользователи очень не любят, когда от них требуется заполнения больших форм. Поэтому не рекомендую Вам их использовать, если Вы, конечно, не хотите распугать всех посетителей. Позвольте пользователям гулять по Вашему сайту, не требуя от них регистрации и авторизации.

Ужасную ошибку совершают те, кто не пускают пользователя на сайт без указания последними их e-mail’ов.

Как совершенно верно утверждает Райан Сингер, разработчик 37Signals, пользователи охотно бы дали Вам свой e-mail после того, как увидели Ваш сервис в действии и смогли понять и оценить, что они получат взамен на свой e-mail.

Stikkit – отличный пример удобного для пользователей сервиса, не требующего от них ничего лишнего, а только самую важную информацию. В такой ситуации пользователи чувствуют себя комфортно – самое главное.

А вот и менее удачный пример - Mite требует ввести гораздо больше регистрационной информации, вследствие чего весь процесс может занять около 30 секунд, что доставляет пользователям некий дискомфорт.

Самым лучшим вариантом будет убрать все барьеры, будь то требование зарегистрироваться или подписаться на что-либо перед тем, как получить доступ к сервису.

3. Управляйте вниманием пользователей

Поскольку веб-сайты представляют одновременно и статический и динамический контент, некоторые элементы пользовательского интерфейса лучше привлекают внимание пользователей. Например, изображения сразу же привлекают к себе взор пользователей и являются более замечаемыми элементами сайта, чем контент.

Человеческий взгляд далеко не прямолинейный и способен мгновенно фокусироваться на границах, узорах и движущихся элементах. Именно по этой причине видео-реклама так сильно раздражает пользователей. Однако с маркетинговой точки зрения – такой вид рекламы самый заметный.

Humanized.com в совершенстве использует метод захвата и управления вниманием пользователя. Единственным элементом, цепляющим взгляд пользователей, является слово «FREE». Под и справа от этого заголовка располагается контентная часть, описывающая, что и как пользователь получает бесплатно.

Фокусировка пользовательского внимания на определенных участках сайта позволяет помочь им попасть из точки А в точку Б без каких-либо умственных усилий с их стороны.

Чем меньше у пользователей возникает вопросов относительно пользования Вашим сайтом, тем с большим доверием они будут к Вам относиться!

4. Все функции Вашего сайта должны быть видны пользователям

Современные дизайны сайтов обычно критикуются за их уклон в пошаговое управление пользователями в процессе достижения их цели, крупные иконки с визуальными эффектами и т.д. Однако с точки зрения перспектив дизайна эти элементы очень даже хороши.

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

Подобные пользовательские интерфейсы очень просты, очевидны и юзабельны.

Dibusoft.com совмещают визуально привлекательный дизайн с ясной и прозрачной структурой самого сайта. Сайт имеет 9 основных навигационных опций, которые видны даже при беглом взгляде.

Запомните! Все функции Вашего сайта должны быть видны пользователям даже при его беглом просмотре. Это фундаментальный принцип успешного пользовательского интерфейса. Пользователи должны получать удовольствие от взаимодействия с Вашим сайтом.

5. Пишите эффективные и понятные тексты

Правила написания текстов для печатных изданий и для Web различаются. Для Web необходимо писать кратко, четко и понятно, разбивать текст на короткие абзацы, делать цепляющие заголовки, создавать различные списки и т.д.

Избегайте использования заумных и профессиональных выражений – Ваш текст должен быть понятен любому рядовому пользователю.

Выражайте свои мысли словами максимально четко, например, если Вы хотите, чтобы пользователь зарегистрировался, Вам следует сделать ссылку вида «зарегистрироваться» или «получить аккаунт», вместо «начать тут».

Eleven2.com полностью следует этому правилу. На сайте не встретишь никаких заумных и непонятных слов. На самом же виду висит цена – то, что пользователям и нужно.

6. Стремитесь к простоте

Принцип простоты должен являться основополагающим принципом дизайна. Пользователи редко заходят на сайты с целью насладиться их оформлением и поискать, где же там завуалирована навигация, в основном же их цель – контент. Поэтому упор сделайте на контенте, а облеките его в форму простого, но радующего глаз дизайна.

Crcbus встречает пользователей простым и в то же время привлекательным дизайном. Вы вряд ли поймете, о чем этот сайт, т.к. он на итальянском, но навигация сайта, заголовок с подзаголовком и футер видны довольно четко даже невооруженным взглядом. Отличный пример простого, удобного и привлекательного дизайна.

По мнению пользователей, лучший дизайн сайта – чистый текст безо всякой рекламы и других ненужных контентных блоков, каким-либо образом отвлекающих их от изучения необходимого контента.

Именно поэтому версия для печати так востребована пользователями Интернет.

Finch предоставляет пользователям выбор нескольких путей перехода по сайту с кратким описанием каждого, что очень удобно и не перегружает пользователей.

7. Не бойтесь свободного пространства

Реально трудно переоценить важность свободного пространства для сайта. Мало того, что оно снижает нагрузку на пользователей, создаваемую сайтом, так еще и помогает более эффективно усваивать предоставляемый контент.

Первым, что делает пользователь при заходе на сайт, это сканирует веб-страницу, деля ее на блоки.

Если Ваш сайт перегружен различными смысловыми элементами и блоками, то его гораздо труднее читать, сканировать, анализировать и работать в целом. Если у Вас есть потенциальная возможность разделить имеющиеся блоки чертой, то лучше воспользуйтесь свободным пространством в качестве разделителя.

Иерархия в разы снижает сложность (Закон Саймона): чем качественнее Вы превратите весь контент сайта в иерархию, тем легче он будет восприниматься пользователями.

В нашем очередном примере Cameron.io использует свободное пространство в качестве основного элемента дизайна и, как видите, смотрится очень профессионально, а контентные блоки видны невооруженным глазом.

8. Взаимодействуйте с пользователями посредством «языка дизайна»

В своих трудах по эффективной коммуникации Аарон Маркус освещает 3 фундаментальных принципа «языка дизайна» - всего того, что пользователь видит на экране.

• Организация. Обеспечьте свой сайт ясной и прозрачной структурой для удобства пользователей. Последовательность расположения элементов, простота и ясность навигации сайта – основные понятия организации. Эти же правила должны быть применены ко всем элементам сайта.
• Экономия. Сделайте больше с минимальным набором визуальных элементов. В своей работе Вы должны использовать следующие 4 основных принципа: простота, ясность, уникальность и выразительность. Простота включает в себя только самые важные элементы для коммуникации. Ясность: каждый элемент сайта должен быть понятен и не вызывать вопросов. Уникальность: все основные элементы и их свойства должны быть уникальными. Выразительность: все самые важные элементы должны быть легко воспринимаемы.
• Коммуникация. Сделайте Ваш сайт, соответствующим ожиданиям пользователей. В грамотном пользовательском интерфейсе в балансе находятся четкость, читабельность, типографика, символика, цвета или текстуры. Оптимально будет использовать 3 гарнитуры шрифта максимум 3-ех размеров – по 18 слов или 50-80 символов на строке.

9. Общепринятые соглашения – наши друзья

Согласованное и общепринятое оформление элементов сайта не приведет к получению в итоге скучного и невзрачного сайта. Соглашения, по своей сути, очень полезны и удобны, т.к. они уже предоставляют готовые решения, которые легко узнаваемы пользователями всего Мира.

Только представьте, что бы было, если каждый веб-дизайнер размещал на своем сайте свой вариант иконки RSS, а не просто преобразовывал общепринятый.

То же касается и базовых принципов, как то структурировать файлы по папкам.

Изучайте пользователей, их поведение и ожидания. Ваш сайт должен им соответствовать и оправдывать. Больше информации по этой теме можно найти на сайте Якоба Нильсена (на английском языке) или на русском языке на WebMascon’e.

Самой хорошей проверкой будет зайти на сайт, предварительно переведя его на другой язык с помощью, например, Babelfish и попросить кого-нибудь найти что-либо на страницах этого сайта. Если сайт использует общепринятые соглашения, то пользователи смогут достичь определенных успехов поиска, даже не зная установленного языка.

Стив Круг, например, рекомендует использовать усовершенствованные общепринятые соглашения только в том случае, когда Ваша идея лучше общепринятой. В остальных же случаях настоятельно рекомендуется использовать общепринятые соглашения.

10. Постоянно тестируйте

Юзабилити-тестирования должны проводиться на регулярной основе, т.к. только при таком раскладе Вы можете всегда быть в курсе потребностей и желаний Ваших посетителей.

Далее приведу Вам 4 важных пункта для запоминания:

• Согласно Стиву Кругу, тестировать 1 пользователя на 100% эффективнее, чем ни одного. Также тестировать 1 пользователя в начале реализации проекта гораздо лучше, чем тестировать 50 ближе к его запуску. Согласно первому закону Боэма, основная масса ошибок встречается на этапе проектирования. В дальнейшем же избавление от неисправленных ошибок обходится очень дорого.
• Тестирование – постоянный процесс. Суть этого заключения состоит в том, что Вы должны тестировать каждый новый элемент сайта с целью его совершенствования.
• Результатом юзабилити-тестирований являются практические рекомендации. В ходе тестирований выявляются неполадки и недоработки, которые Вам необходимо исправить по горячим следам.
• Согласно закону Уайнберга, разработчик не в состоянии тестировать свой собственный код. Все очень просто – после долгих работ над одним проектом, Ваш глаз «замыливается» и Вы не можете оценить результаты своих усилий свежим взглядом. Вы знаете, как и что работает. Поэтому в этой ситуации нужен человек со стороны, незнакомый с разрабатываемым Вами проектом.

Заключение! Если Вы хотите создать неотразимый во всех отношениях сайт, Вы должны регулярно подвергать его всевозможным тестированиям.

Оригинал статьи: 10 Principles Of Effective Web Design

Parisco все записи автора

Как Вы понимаете, сайт выступает в роли связующего звена между Вами и Вашими потенциальными клиентами и покупателями. Вам необходимо заинтересовать их, чтобы не упустить. Отлично справляется с этой задачей грамотно написанная история.

Читать увлекательные истории любят все от мала и до велика! Вспомните, когда Вы были маленькими, истории Вам читали Ваши родители. Когда Вы выросли, у Вас не пропала тяга к интересным и захватывающим внимание историям. Все профессиональные спикеры ведут свои речи в виде историй для поглощения внимания своей аудитории! Это работает!

Профессиональный сайт как профессиональный спикер – преподносит информацию своей аудитории в захватывающей внимание форме, форме истории! Все, что Вам нужно для успеха – полностью сосредоточить внимание Вашего оппонента на себе и подвести к покупательскому решению!

Поскольку подавляющее большинство посетителей попадает именно на главную страницу сайта, соответственно, история, размещаемая на этой странице, должна быть отшлифована донельзя, иначе потери неизбежны!

Итак, как Вы знаете, любая история состоит из 3-ех частей: вступления, основной части и развязки (заключения). Не забудьте об этом в процессе написания истории для своего сайта.

Далее я хочу поделиться с Вами простым планом, способным помочь Вам в процессе написания потрясающей истории для главной страницы Вашего сайта!

 

Шаг 1. Определяемся с основной целью главной страницы сайта

Основная ошибка подавляющего большинства сайтов – цель их существования либо размыта, либо вовсе не определена. Даже если главная страница сайта имеет четкую цель, то это не поможет в ситуации, когда остальные элементы сайта и его структура хаотичны и не определены.

Я как раз сейчас я работаю с одним клиентом, у которого есть сайт, контент на котором просто превосходный, но проблема его как раз в контенте. Чтобы у пользователя перед глазами предстала четкая картина, ему необходимо гулять по страницам сайта и собирать информацию по крупицам, т.к. главная страница сайта отвечает всего на несколько его вопросов.

Это большая ошибка, т.к. пользователи ненавидят терять время на переходы по множеству ссылок, они хотят получить все ответы сразу в одном месте без лишних телодвижений – это необходимо помнить всегда.

Первое, что я сделал – спросил клиента, какова же вообще цель его сайта. Данный им ответ прояснил всю картину! Теперь стало ясно, о чем писать и на что делать акцент!

Шаг 2. Поглощаем внимание читателя

Каждый посетитель, зашедший на Ваш сайт, хочет получить интересующую его информацию сразу же и в одном месте. Для этого Вам необходимо составить такой заголовок, который сразу бы отбросил все сомнения посетителя о том, туда он попал или нет.

Заголовок должен дать понять посетителю, что Вы действительно понимаете, что ему нужно, его проблему. Ваш заголовок должен говорить ему: «Поздравляю! Вы попали по адресу! Здесь Вы найдете ответы на все свои вопросы, найдете решение всех своих проблем!».

Первый пример эффективных и работающих заголовков: «Вы хотите научиться продавать в разы больше с большим энтузиазмом и меньшими нагрузками? Тогда наш тренинг создан специально для Вас!». Как видите, заголовок содержит в себе одновременно проблему и ее решение! Этот заголовок заставляет заинтересованных посетителей погрузиться с головой в чтение дальнейшего текста.

Второй пример эффективных и работающих заголовков: «А Вы знаете, что у 1 из 3 женщин в течение ее жизни наблюдаются проблемы с сердцем?». Этот заголовок так же заинтересовывает и поглощает внимание читателя, стремящегося узнать об этом подробнее!

Шаг 3. Информация должна быть представлена последовательно

Т.к. в основном цель перед сайтом ставится глобальная, то и информации для раскрытия этой цели в письменной форме предостаточно. Любой уважающей себя компании необходимо иметь тексты, рассказывающие о компании в целом, о ее конкурентных преимуществах, о роде ее занятий, о предоставляемых услугах и т.д.

Всю эту информацию необходимо расположить последовательно и только в последовательном виде предоставить пользователям. Ни в коем случае не наоборот.

Итак, история, размещаемая на главной странице Вашего сайта, должна иметь вступление, основную часть и заключение. Каждая из этих 3-ех частей должна быть непосредственно связана с соседней, должна плавно перетекать в нее.

Представьте такую ситуацию: Вы рассказываете своему другу о том, что Вы нашли такой магазин, в котором предлагают огромный и небывалый нигде более ассортимент товаров. Только Вы дошли до самого интересного места, как тут же зазвонил телефон. Вы прервались и стали общаться по телефону. В этот момент Ваш собеседник сбился и потерял внимание, а так же интерес к Вашему рассказу.

То же самое случится, если переход между частями Вашего рассказа будет несвязным и неплавным.

Теперь Вы вооружены работающей и высокоэффективной техникой, а так же пошаговым планом ее реализации. Остается только приложить усилия и сделать!

Оригинал статьи: Using Your Homepage to Tell a Story

Parisco все записи автора

Представляю Вашему вниманию отличный сервис по автоматической генерации CSS-файлов. От Вас потребуется лишь знание того, что Вы хотите получить в итоге. Все остальное данный сервис сделает сам.

Заполните все необходимые поля CSS Builder’a, нажмите Build и скопируйте полученный код в Ваш файл с расширением .css

Для перехода на сайт CSS Builder’a, нажмите на изображение выше.

 

Parisco все записи автора

Для многих остается загадкой, почему одни статьи тысячекратно добавляются в закладки различных сайтов социальных сетей, а другие - раз, два и обчелся. На самом деле тут ничего секретного нет, все очень просто - надо просто знать основные тому причины, которыми я и поделюсь далее в этой статье.

Почему важно уметь писать «активно добавляемый в закладки» контент?

Тот, кто умеет писать «активно добавляемый в закладки» контент, владеет своей нишей и всегда находится в центре событий! Только представьте, какие Вы получите выгоды от того, что представители Вашей целевой аудитории будут сохранять Ваши статьи на сайтах социальных сетей - Вы в долгосрочной перспективе будете получать все новых и новых целевых посетителей, что не может не радовать, Вы получите известность, авторитет и т.д.

Кстати, эту технику используют все крупные и известные проекты!

А теперь давайте поговорим о составляющих «активно добавляемого в закладки» контента.

10 составляющих «активно добавляемого в закладки» контента

Перед перечислением этих составляющих хочу предупредить, что необязательно, но желательно использовать все перечисленные ниже элементы. Можно экспериментировать и комбинировать их по своему усмотрению, подыскивая наиболее эффективную комбинацию.

1. Объем статьи. Наиболее общая причина, по которой пользователи добавляют статьи в закладки. Это объясняется тем, что на прочтение объемных статей требуется много времени, которого на момент их нахождения может просто не оказаться.

Вывод: пишите качественные, информативные и объемные статьи (но не «лейте воду», этого посетители не оценят).

2. Давайте своим читателям пищу для размышления. Это означает, что в своих статьях Вы должны поднимать темы, требующие более глубокого осмысления. Так, например, поступает Сет Годин. На его блоге публикуются короткие заметки, каждая из которых содержит подобную «фишку», вследствие чего все его заметки добавляются заинтересованными читателями в закладки.

3. Напишите полезное пошаговое руководство на актуальную тему. Обучающие пошаговые руководства по определению содержат несколько шагов, которые просто невозможно (в зависимости от сложности и степени подготовленности читателя) запомнить при первом, тем более, беглом изучении. Именно это и служит причиной добавления их в закладки.

Добавив данное руководство в закладки, пользователь сможет получить к нему моментальный доступ в любое время и в любой момент, избежав его длительных поисков на просторах Интернет.

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

4. Создайте сборник ссылок по какой-либо конкретной теме. Работа над созданием качественного сборника ссылок отнимает много времени, но оно окупится слихвой. Посетители будут безмерно благодарны Вам за проделанный труд. Все заинтересованные пользователи добавят данный сборник в закладки, т.к. удобства от этого очевидны…

5. Создайте список рекомендуемых лично Вами ресурсов. Если Вы пользуетесь уважением и авторитетом среди представителей своей целевой аудитории, то они с должным вниманием воспримут Ваши рекомендации. Помните - Вы обязаны предоставлять своей аудитории поистине полезные ссылки, никаких «левых», в противном случае, Вы лишитесь бесценного доверия…

Некоторые идеи: список полезных веб-сайтов, перечень полезных статей по конкретной теме и т.д.

6. Создайте компактную памятку (подсказку) на конкретную тему. Компактная памятка представляет собой своеобразную «подсказку» (формат A4) по какой-либо теме, освещающая все ее основные моменты. Они очень ценятся среди пользователей, в подтверждение чему моментально отправляются в их закладки!

Процесс создания качественных компактных памяток (подсказок) я описал в этой статье.

7. Высказывайте свое мнение по спорным вопросам. Читатели, согласные с Вашим мнением, добавят данную Вашу статью в закладки и при первом удобном случае дадут на нее ссылку в соответствующем обсуждении, например на форуме. Тем самым, тут уже можно заметить элементы вирусного маркетинга, что бесспорно Вам на пользу!

8. Соберите в одном посте ТОП самых-самых лучших видео по конкретной теме. Потратьте время на их поиск. Реализация данной идеи способна дать отменный результат. Пользователи будут вынуждены добавить подобный пост в закладки, т.к. например если длительность каждого видео составляет 5 минут, то для просмотра уже 10 видео потребуется время, которого опять же на данный момент может не оказаться.

9. Предложите пошаговое решение какой-либо актуальной проблемы. Подобные статьи будут добавлены в закладки большим количеством посетителей сразу же. Ее добавят как те, кто испытывает эту проблему, так и те, кто не испытывает, как говорится, на всякий случай. Я, например, недавно добавил в закладки статью, предлагающую список идей для написания статей.

10. Соберите ссылки по различным темам в рамках одного поста. Разбейте собранные ссылки по четким группам, организуйте навигацию по ним. Чем больше полезных ссылок, тем больше пользователей добавят данный пост в закладки.

Теперь у меня несколько вопросов к Вам, Уважаемый читатель:

1. Есть ли у Вас, что добавить к моему списку?
2. Было ли у Вас такое, что Вы написали статью, которая пользовалась невероятным успехом и ее добавили в закладки сотни и даже тысячи пользователей? Если да, то, пожалуйста, предположите, что стало этому причиной?
3. Какой обычно контент чаще всего добавляется в закладки Вашими посетителями?

Оригинал статьи: 10 Tips for Writing Bookmarkable Content

Parisco все записи автора

Вся прелесть отменных дизайнов заключается в повышенном внимании дизайнеров к его мелким деталям. Чтобы дизайн выглядел неотразимо, необходимо умелое обращение с цветом, создание креативных форм и т.д. Заметьте, мелкие детали придают дизайну уникальный и неповторимый вид!

Хочу представить Вам интересные креативные решения в оформлении навигационных кнопок:

В продолжении еще несколько примеров!

Оригинал статьи: Monday Inspiration: Paper Strips Menus

Parisco все записи автора

Flash является поистине огромной силой. С помощью Flash веб-дизайнеры претворить в жизнь то, что они никогда бы не реализовали с помощью (X)HTML+CSS. С помощью Flash создается огромное количество интерактивных приложений, дизайнов и оболочек.

Сайты, созданные на Flash, выглядят очень живыми. С помощью Flash стирается грань между статикой и динамикой. Flash - сила!

В этой статье-обзоре мне бы хотелось продемонстрирвоать Вам примеры красивых, креативных, необычных и выдаю

Реклама и игры

Robo Brawl game

Oh, By The Way

Good things

Neon Bible

Build your wild self

Farm Rio

Zune

iDecorabilit

Agatha

Sir Patroclo

Halo3

CDX

Искусство

Typography Kicks Ass

Masayuki Kido

Serge Tretiakov

Bernhard Wolff

Sergey Tyukanovs Museum of Art

Eye-Project

Zoomquilt Part II

Bigo and Twigetti

Веб-дизайнеры и веб-компании

Opulentes

Progetty Design Studio

Atsushi Watanabe

Mohammad Rahimi

Max Shaman

Clusta

Xcel Media

Chu Keng Fu

Martin Haake

The Science

Communicator World

No-Idea

Saizen Media Studios

MiniGorille.com

Esja

Kraftvoll

Amautalab

Aardman Animations

Другое

Manuell Dall’olio

Оригинал статьи: 39 Creative Flash Designs

 

Parisco все записи автора

Совершенно неожиданно мне в голову пришла идея собрать данные о том, как преобразовывались сайты 10 крупнейших и известнейших компаний за последние 12 лет.

В качетсве “жертв” выступают следующие мировые бренды: Apple, Amazon, Adobe, CNN, Nike, Yahoo, Microsoft, ESPN, Starbucks и MTV! По-моему, идея предоставить взору широкой аудитории ступени развития веб-представительств столь крупных и уважаемых компаний, очень любопытная! Лично мне было очень интересно понаблюдать за процессом эволюции!

Итак, хватит вводных слов, переходим к просмотру!

1. Apple сегодня / 5 лет назад / 10 лет назад

 

 

 

 

 

 

2. Amazon сегодня / 9 лет назад

 

 

 

 

3. Adobe сегодня / 5 лет назад / 9 лет назад / 12 лет назад

 

 

 

 

 

 

 

 

4. CNN сегодня / 5 лет назад / 8 лет назад

 

 

 

 

 

 

5. Nike сегодня / 5 лет назад / 8 лет назад

 

 

 

 

 

 

6. Yahoo сегодня / 4 года назад / 8 лет назад / 12 лет назад

 

 

 

 

 

 

 

 

7. Microsoft сегодня / 5 лет назад / 10 лет назад

 

 

 

 

 

 

8. ESPN сегодня / 8 лет назад

 

 

 

 

9. Starbucks сегодня / 7 лет назад

 

 

 

 

10. MTV сегодня / 5 лет назад / 10 лет назад / 11 лет назад

 

 

 

 

 

 

 

 

Оригинал статьи: The Evolution of Websites: How 10 Popular Websites Have (And Have Not) Changed

 

Parisco все записи автора

В связи с тем, что в Рунете появляется все больше и больше тематических блогов, мне бы хотелось сделать обзор привлекательных и необычных дизайнов WordPress-блогов. Данный обзор касается исключительно зарубежных блогов.

Надеюсь, что после просмотра этой коллекции, у Вас проснется чувство прекрасного и Вы преобразите или хотя бы задумаетесь над преображением своего детища!

Ошеломляющие красочные дизайны

1) Raduceuca

2) PopCultureTees

3) Jordi Romkema

Дизайны в стиле Гранж

4) Daninko

5) Robgoodlatte

6) Matt Brett

7) Bien Bien Bien

Использование векторной графики

8 ) Octwelve

9) Monofactor

10) w3sh Magazine

11) Photoshop Lady

12) Elitist Snob

13) Paul Enderson

Темные дизайны

14) Razvanstavila

15) Evaneckard

16) Best Web Gallery

17) Csling Photography

18) Dale Anthony

В стиле минимализма

19) RVCAclothing

20) Exhero

21) Critical Webdesign

3-ех колоночные дизайны

22) No Ventilador

23) Type Neu

24) Rubiqube

25) Productos Organicos

26) Leslyg

2 колоночные дизайны

27) Bigsweaterdesign

28) Lee Noris

29) Henryjones

30) Divitodesign

31) Push Standards

32) Positive Space Blog

Свежие дизайны

33) WordPress

34) Problogdesign

35) Myokyawhtun

36) Markup

37) Photoshop Candy

Многоколоночные дизайны

38) Chrizdee

39) The9513

40) Filosof

41) Dicksonfong

Артистичные дизайны

42) WebDesignerWall

43) StolenDesign

44) Jrvelasco

45) Artgeex

46) Malenehald

Простые и элегантные дизайны

47) Papel Continuo

48) Larissa Meek

49) Adii

50) Okapi Studio

51) Electric Pulp

52) Bistrian Iosip

53) Design Disease

54) Mancub

55) Pixele

56) Eton Digital

57) Ciclismo Urbano

58) Reform Revolution

59) Kineda

60) Freelenz

Оригинал статьи: 60+ Unusual WP Blog Designs

Смотреть далее

Parisco все записи автора На сайте papagdemama.net появилась новая студия дизайна, которая представила нам свою коллекцию сделанных работ. Заходи и смотрим) Вот часть из них: