Как стать автором
Обновить

Какой софт используете при проектировании сайтов?

Чулан
Наверняка среди хабралюдей есть проектировщики сайтов. Скажите, кто каким софтом пользуется при планировании структуры сайта?
Всего голосов 7: ↑6 и ↓1 +5
Просмотры 779
Комментарии 51

Техническое задание? Идите лесом!

Чулан
Хочу начать с того, что за свою деятельность в сфере разработки софта и веб-сайтов я написал более 200 технических заданий (ТЗ). От самых маленьких на 5-7 страниц, до более развёрнутых на 100-150. Среди этих проектов были и такие, которые не нужны были ни заказчикам ни исполнителям, и такие, в которые вкладывалась душа — со стороны всех участников проекта. И что я теперь об этом думаю? А думаю я, что технические задания вообще на…
Читать дальше →
Всего голосов 76: ↑23 и ↓53 -30
Просмотры 1.4K
Комментарии 29

Нужно ли ТЗ сайту? (часть 1)

Чулан
Кабы схемку, аль чертеж, мы б затеяли вертеж...
(Тит Кузьмич и Фрол Фомич)


image

Нужно ли ТЗ сайту? Сегодня это один из самых спорных вопросов веб-разработки.

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

Но если сайт, в техническом плане, вполне обыкновенный, и объем не слишком… Как здесь быть?
Читать дальше →
Всего голосов 11: ↑4 и ↓7 -3
Просмотры 905
Комментарии 4

Проклятье веб-сайтов и волшебный UX design

Дизайн
Представьте себе обычного директора, который решил сделать обычный сайт для своей не менее обычной компании. Он нашёл ближайших веб-разработчиков с честными глазами и в двух словах на одной салфетке описал им стандартные пожелания обычного корпоративного сайта. А может быть он поступил проще — указал на похожий сайт и сказал: “Мне надо тоже самое, только круче!”. Разработчики привычно сами себе написали техническое задание и с честью его выполнили. Потом как смогли наполнили сайт контентом и запустили, помолясь. За месяц работы на сайт зашло десяток роботов и несколько случайных посетителей. Директору рассказали о SEO, на которое ему, скрепя сердце, пришлось выделить на три месяца по 50 тыс. руб. — “чтобы попробовать” и “чтобы наверняка”. Благодаря раскрутке сайт начал появляться в поисковой выдаче и счётчик стал показывать почти тысячу посетителей в день. За это время к менеджерам звонило по 5-10 человек в месяц, говоривших что они смотрят сайт и у них есть вопросы о товарах. Реальным клиентом стал только один, да и то, по-мелочи.

Убитый печалью директор отменил всё это бессмысленное SEO и с негодованием отказался от предложений потратить ещё денег на услуги “партизанского” и “социального” маркетинга со “100% результатом”. Попытки выяснить причину неудачи ни к чему не привели — все эксперты только разводили руками и опять советовали потратить денег на SEO, контекстную рекламу и маркетинг. Или заказать новый сайт у новых разработчиков — вдруг на этот раз он получится лучше. И вот поиск причин неудачи перешёл из области разума в область метафизики. Ведь неизвестно — может у разработчиков сайта отрицательная карма (на хабре), или хостинг сайта расположен на старом индейском кладбище, или сервер не окропили святой водой, или сглазили по ftp, или это конкуренты заплатили денег энергоинформационному экстрасенсу и он с помощью генератора акустического резонанса (модель бубен) взял, да и сайт весь ПРОКЛЯЛ!
Читать дальше →
Всего голосов 82: ↑51 и ↓31 +20
Просмотры 11K
Комментарии 54

Что такое проектирование сайта и почему его нужно делать

Управление проектами *
Проектирование — этот, возможно, ключевой этап создания интернет-сайта, отвечает нам на следующие вопросы:
  1. Каковы наши цели — зачем мы делаем сайт? Как мы реализуем поставленные цели?
  2. Как сайт будет выглядеть и работать?
Читать дальше →
Всего голосов 67: ↑57 и ↓10 +47
Просмотры 44K
Комментарии 44

Концепция сайта: как и зачем её создавать

Управление проектами *
Концепция сайта — это первый результат дизайна сайта в широком смысле этого слова (в дальнейшем я буду употреблять его именно так, понимая под ним процесс проектирования и создания сайта). И первое, что, на наш взгляд, необходимо оценивать (не в коммерческом смысле этого слова, а в смысле «получить качественную оценку»).

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

Читать дальше →
Всего голосов 7: ↑4 и ↓3 +1
Просмотры 40K
Комментарии 4

Рейтинги CMS по популярности и качеству, рейтинг CRM, инструментов для проектирования, сервисов для документооборота и ведения бухгалтерии

Разработка веб-сайтов *
Не без гордости презентуем вам последние рейтинги в этом году, для некоторых — весьма долгожданные.

Кратко: системы управления сайтом/контентом (СMS), инструменты для прототипирования/проектирования, CRM-системы, решения для ведения документооборота, бухгалтерии.

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

Традиционный рейтинг CMS по доле рынка (популярности) среди интернет-агентств

Новый рейтинг CMS по совокупности ключевых параметров (т.е., по качеству)
1 UMI.CMS 112,65
2 1C-Битрикс 101,54
3 NetCat 101,49
4 WordPress 91,83
5 Joomla! 91,38
6 MODx 90,66
7 Drupal 88,38

Опрос, модерация и анализ данных проводились с марта по декабрь 2011 года.
В голосовании по вопросу использования CMS участвовал 341 игрок рынка.

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

Читать дальше →
Всего голосов 73: ↑41 и ↓32 +9
Просмотры 26K
Комментарии 120

Progressive Enhancement или всё-таки Graceful Degradation

Разработка веб-сайтов *Проектирование и рефакторинг *
SerenityНельзя просто так взять и рассказать про progressive enhancement, не упомянув о graceful degradation. В чем же разница между этими понятиями? Как уже говорилось в более ранней статье, graceful degradation можно перевести, как отказоустойчивость. Это очень широкое понятие, но в контексте веба его можно понимать как отказоустойчивость клиентских веб-интерфейсов, серверной части сайтов и так далее. В этой статье graceful degradation будет пониматься как отказоустойчивость клиентских веб-интерфейсов.

Graceful degradation может выражаться в возможности работы при отключенном JavaScript, в достаточно аккуратном отображении интерфейса в браузере, не поддерживающем новые свойства CSS3, в адекватном отображении сайта при отключенных изображениях. В каждом из этих случаев работа пользователя с интерфейсом будет в принципе возможна, хотя и не так удобна.
Читать дальше →
Всего голосов 39: ↑38 и ↓1 +37
Просмотры 87K
Комментарии 49

Так ли дорого прогрессивное улучшение?

Разработка веб-сайтов *Проектирование и рефакторинг *

В предыдущей статье рассматривалась теория и практика прогрессивного улучшения (progressive enhancement). В этой статье мы от идеологии перейдем к аксиологии и рассмотрим финансово-экономическую обоснованность применения прогрессивного улучшения.

В некоторых комментариях к предыдущей статье выражалось мнение, что использовать прогрессивное улучшение в реальной разработке не стоит. Причины сводились к излишней дороговизне: «На то, чтобы создать сайт в соответствии с этим подходом, нужно потратить слишком много времени, а это слишком дорого и не нужно ни заказчику (за такие деньги), ни исполнителю».
Читать дальше →
Всего голосов 30: ↑27 и ↓3 +24
Просмотры 15K
Комментарии 18

Проектирование административной части сайта. Вы это делаете?

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

А как показывает мой личный опыт, скорость и удобство работы в админке сайта, особенно для больших контентных проектов или интернет-магазинов, очень важны и часто от этого напрямую зависит прибыль.
Вот и захотелось спросить у аудитории Хабра.
Всего голосов 11: ↑5 и ↓6 -1
Просмотры 9K
Комментарии 18

Организационные принципы при проектировании сайтов

Блог компании SECL Group Usability *
Это статья является логическим продолжением недавней статьи: Серьезное проектирование серьезных сайтов. Мы опять делимся опытом о проектировании больших сайтов. На этот раз я хочу рассказать о принципах построения самого процесса проектирования, ведь от самого процесса тоже очень многое зависит.

Есть ряд принципов, которые нужно обязательно использовать при проектировании сайтов.

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

  2. Переносим оффлаин опыт. Один из важнейших принципов успешного проектирования – переносить опыт из оффлайна в онлайн. Нужно представить себя на месте представителя целевой аудитории, подумать, как он удовлетворяет свои потребности, связанные с тематикой проекта в оффлайне, и сделать то же самое, только лучше, в онлайне. Для иллюстрации принципа представим, что мы проектируем социальную сеть автолюбителей, где типичный представитель целевой аудитории имеет автомобиль, покупает автозапчасти в магазине возле дома, общается с приятелем Васей из соседнего гаража. Понимая поведение нашего потенциального пользователя в оффлайне, мы сразу можем предложить ему: привязать автомобиль к профилю по VIN-номеру с подробным справочником о нем; сделать некий аналог авторынка с разными продавцами, возможностью сравнивать цены, отзывами о работе; сообщество владельцев таких же автомобилей, с каждым из которых можно будет пообщаться и т.д. Это маленькие идеи, которые мне пришли в голову буквально на ходу, просто я представил себя на месте потенциального пользователя. Всего за пару минут можно сформировать несколько десятков неплохих, а самое главное полезных идей.



Читать дальше →
Всего голосов 18: ↑8 и ↓10 -2
Просмотры 15K
Комментарии 7

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

Блог компании «Кельник»
Два с половиной года назад хабровчан нужно было убеждать в необходимости проектирования. Сегодня поисковая выдача Яндекса по запросу «проектирование сайта» содержит больше сотни тысяч страниц (к сожалению, не всегда хорошего качества). Это говорит о консенсусе в отрасли — проектирование сайтов необходимо.

В новой статье мы хотим развеять очень устойчивое и популярное заблуждение: «результат проектирования — документ или прототип». Такая мысль, по умолчанию прошитая в головах всех клиентов и почти всех исполнителей, выливается в серьёзные финансовые потери.
Как же так?
Всего голосов 33: ↑31 и ↓2 +29
Просмотры 15K
Комментарии 38

Борьба с изобилием: usability форм фильтрации

Веб-дизайн *Usability *
Recovery mode
Tutorial
Большинство интернет-магазинов, новостные порталы, да и многие информационные сайты содержат большой объем элементов контента в одной категории. Одним структурированием каталога здесь не обойтись. Придется либо строить иерархию меню уровней в 5-7 (хотя и это может не решить проблемы), либо вываливать на пользователя десятки страниц выдачи в надежде, что он сам разберется, что ему нужно.
Читать дальше →
Всего голосов 26: ↑23 и ↓3 +20
Просмотры 16K
Комментарии 38

Как мы создавали новый сайт FirstDEDIC

Блог компании FirstVDS
Recovery mode
Примерно полгода назад стало очевидно: наш сайт – это место, где мы теряем клиентов. Тогда мы решили что-то поменять. В статье ниже я расскажу как мы (отдел маркетинга компании) начали с простого «обновления нескольких страниц сайта», а закончили «кардинальной перестройкой», опишу что мы делали, сколько это заняло времени и главное – зачем это все.
Читать дальше →
Всего голосов 32: ↑18 и ↓14 +4
Просмотры 8.5K
Комментарии 34

Эффективный подход к нетиповой разработке сайтов

Разработка веб-сайтов *


Мы несколько лет занимаемся разработкой сайтов разной степени сложности. За 5 лет сделали более 300 проектов. В своей работе мы не используем шаблоны, дизайн уникальный и разрабатывается под нужды клиента. Не берем готовую CMS и не пытаемся привести задачи клиента к типовому решению, используем Django Framework и разрабатываем такой сайт, который максимально подходит под задачу. В общем, стараемся сделать максимально качественный сайт, на который способны. Как при этом не сломать спину, добиться результата и заработать денег, чтобы развиваться дальше?

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

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

Читать дальше →
Всего голосов 24: ↑14 и ↓10 +4
Просмотры 17K
Комментарии 9

Дилетанты против Экспертов — рецепты проектирования сайтов для новичков

Интерфейсы *Usability *
Recovery mode
Обозначим проблему: вот обычный человек запускает новый бизнес и ему нужны новые каналы привлечения клиентов. В том числе нужен и хороший продающий вебсайт. Этот человек, как бы он не был опытен, начитан и образован — скорее всего не имеет достаточного опыта, чтобы сразу сходу начать успешно выстраивать стратегию в e-commerce. То есть он не набил еще достаточно шишек, обладает слишком оптимистичным мировосприятием и бурлит идеями и гипотезами. Это типичный Дилетант. Противостоять же ему в бизнесе будут Эксперты-конкуренты — люди, на своей шкуре прочувствовавшие тысячи ошибок и имеющие бесценный опыт. У них осталась всего одна идея — именно она и является основной политики их бизнеса. Они далеки от восторженных «ахов» и не любят смузи — в общем, это типичные заматерелые Эксперты. Как простому Дилетанту создать недорогой начальный вебсайт и соперничать на равных с опытными мастерами своей рыночной нише?
Читать дальше →
Всего голосов 13: ↑4 и ↓9 -5
Просмотры 3.3K
Комментарии 2

Action-Domain-Responder — доработка MVC под задачи веба

Разработка веб-сайтов *PHP *Совершенный код *Проектирование и рефакторинг *ООП *
Перевод

Цель


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

ADR

Предпосылки


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

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

Еще одной вскрывшейся проблемой является тот факт, что часто мы рассматриваем Представление (View) как шаблон (template), хотя в контексте веба, вероятно, более уместно было бы говорить о том, что Представлением является HTTP-ответ. Исходя из вышесказанного, я считаю, что ADR способен предоставить лучшее, чем MVC, разделение концепций для веб-приложений.
Читать дальше →
Всего голосов 15: ↑12 и ↓3 +9
Просмотры 23K
Комментарии 7

WebProfy сделал шаг

Блог компании Kokoc Group Управление медиа *
Студия веб-дизайна WebProfy (Kokoc Group) разработала дизайн сайта Фестиваля «Всероссийский День ходьбы», который впервые прошел в стране по инициативе Олимпийского комитета России 3 октября 2015 года.

Читать дальше →
Всего голосов 10: ↑8 и ↓2 +6
Просмотры 1.6K
Комментарии 1

Создание продающих сайтов с помощью STM модели

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

  • Собственный опыт — «получилось на прошлом сайте, получится и сейчас»;
  • Мнения экспертов и информация из статей — «телефон обязательно должен быть в шапке», «обязательно внедрите модуль сравнения товаров»;
  • Мнения авторитетных сотрудников — «дизайнер сказал, что в левом блоке нужно разместить новости»;
  • Сравнение с конкурентами — «у компании N на сайте есть модуль избранного, их сайт продает, значит и нам он нужен».
Всего голосов 18: ↑12 и ↓6 +6
Просмотры 13K
Комментарии 3

Проблемы понимания MVC в ASP.NET MVC и не только

Разработка веб-сайтов *.NET *ASP *Проектирование и рефакторинг *
Из песочницы

Случалось ли вам делать рефакторинг "толстых" контроллеров? Приходилось ли создавать многоэтажные модели представлений? Добавлять в представление данные и переписывать при этом код контроллера? Казалось ли вам, что что-то идёт неправильно?


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

Читать дальше →
Всего голосов 12: ↑9 и ↓3 +6
Просмотры 23K
Комментарии 259
1