Интерактивные карты в среде современного веб-дизайна
Тема гео-локаций приобрела свою актуальность в начале 2009 года. Это произошло в связи с таким большим количеством приложений как GPS-навигаторы, смартфоны и т.п, которые стали доступны для людей среднего класса. Это и поспособствовало открытию новой темы для разработок веб-дизайнеров. В этой статье мы покажем уже существующие проекты и те, которые планируются быть готовыми в ближайшем будущем.
Основы интернет-карт
Когда многие люди задумываются об интернет-картах, то сразу на ум им приходят такие карты, как Google, Yandex, MapQuest и TomTom. Это огромные гиганты индустрии, но при этом они далеко не самые творческие из этого типа проектов. Зная это можно отметить, что тот же Google не является не является собственником этого рынка. Существует ещё много места для творческих инноваций в интернет-карты.
Три самые основные задачи таких карт:
1. Навигация и направление
2. Показ отношения и тенденции с географической стороны
3. Показ достопримечательностей.
Метки: дизайн, подборка, Юзабилити
Опубликовал: Дизайнер от 15 Апр 2010
Правила хорошего сайдбара
Сайдбар является важным элементом каждого блога. В стандартных двух колонках, он расположен справа от основной колонки и содержит некоторую информацию и ссылки, связанную с вашим блогом.
Хорошо организованный сайдбар должен включать в себя некоторые важные элементы, такие как: подписка на rss, рекламу, последние и популярные заметки, и поиск по блогу. Также многие блоггеры добавляют на боковую панель и другие различные виджеты, такие как: Работа, Твиттер, Google Friend Connect, Facebook Fan Page).
Все ниже перечисленные пункты отсортированны и распределенны по мере их функций и значений. Вот пример хорошего и сбалансированного распределения этих элементов:
Подписка: Эта часть в некоторых случаях включает в себя краткое описание блога. Эту часть обычно распологают в верхней части сайдбара, и занимает она в среднем около 5% сайдбара. Она должна включать в себя ссылку на RSS канал, подписку на страницу по электронной почте, Твиттер и Facebook профили.
Реклама: Боковая панель являеться идеальным местом для размещения рекламы. В среднем эта область занимает 35%-40% от сайдбара. Практика показывает, что лучше всего использовать не более двух баннеров (размером 125х125 пикселей) в одну строку.
Последние и популярные посты: Список с последними и популярными постами является хорошим способом узнать что-то новое для ваших читателей, а именно: узнать популярные и последние статьи, таким образом можно увеличить общее количество просмотренных страниц.
Внешние виджеты: Многие блоги добавляют на сайдбар внешние виджеты, такие как: Facebook Fan Page или Google Friend Connect. Эти виджеты не являются обязательными, но все-таки они могут быть полезны вашим читателям.
Другие элементы: В среднем занимает около 10% от сайдбара и в нем располагаются самые различные элементы, такие как: работа, обновления Твиттера, список тегов, и так далее.
Заключение:
Последние рекомендации о ширине сайдбара. Слишком большая или маленькая ширина не рекомендуется. Я рекомендую установить вам ширину в ~260 пикселей, так чтобы сайдбар мог содержать два рекламных баннера в строку и зазором между ними в 10 пикселей.
via
Метки: wordpress, дизайн, Техногрет, формы, Юзабилити
Опубликовал: Дизайнер от 09 Фев 2010
Тенденции простоты дизайна в 2010 году
Когда дизайнеры разговаривают о тенденциях веб-дизайна, чаще всего они имеют ввиду сам стиль, цвет и визуальный образ. Такое представление является неверным.
Это совсем не значит, что вам придётся прибегнуть к использованию минималистского дизайна. Вам необходимо упрощать дизайн, удаляя ненужные элементы и сокращая количество стадий создания дизайна.
Метки: веб-дизайн, дизайн, клиенты, разработчики, Юзабилити
Опубликовал: Дизайнер от 18 Янв 2010
Четыре полезных аспекта современного веб-дизайна
15 лет назад интернет не выглядел так, как он выглядит сейчас. Интернет был довольно скучным, непривлекательным и визуально простым. Небыло никаких движков и систем управления, весь интернет был статичным.
C тех пор много изменилось. Сегодняшние современные технологии в области веба являются сложными, заманчивыми и в тоже время интересными. Создания интерактивных и удивительных интерфейсов с помощью таких технологий как Flash/Flex/Silverlight стали более простыми и доступными для современных веб-разработчиков и дизайнеров.
Сейчас очень легко увязнуть в творческих работах современных веб-дизайнеров. Попробуйте заглянуть на популярную , которая даст вам некоторое предастваление о творчестве и характере интерфейсов, которые сегодня создают дизайнеры.
Но куда же тогда делся универсальный дизайн? Юзабилити? Пришлось ли им пожертвовать этим важным фактором для того, чтобы обеспечить их пользователей неземным опытом?
В данной статье я бы хотел остановиться на четырех аспектах современного дизайна — то, что вы должны учитывать при работе на над своими проектами.
Метки: веб-дизайн, Ошибки, Юзабилити
Опубликовал: Дизайнер от 21 Дек 2009
Дизайн комментариев: Вопросы, практика и примеры
Дизайн «комментариев» — это важная часть дизайна, и о ней зачастую забывают дизайнеры. В конце концов, комментарии находятся в нижней части страницы и их зачастую не видно.
Хорошее оформление комментариев всегда будет запоминаться и отличать вас от ваших конкурентов. Не пожалейте времени на дизайн комментариев, ведь каждый аспект может проявить влияние на клиентов. Клиенты увидят, что вы помните и стараетесь для них. Им будет приятно принять участие в комментариях.
Метки: wordpress, дизайн, формы, Юзабилити
Опубликовал: Дизайнер от 19 Дек 2009
