Архив рубрики: Разработка

Видеоинструкции

Самая страшная тенденция последнего времени во всех справочных системах к онлайн-сервисам — видеоинструкции.

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

Иногда лень или жадность (платить ещё техническому писателю) владельцев приводит к поистине кошмарным креативам — на камеру мобильного телефона в тёмном помещении снимается маркерная доска, с нарисованными от руки интерфейсами.

Пишите текст, снабжайте его скриншотами. Если лень верстать, то выложите документ в PDF или любом другом формате. А ещё лучше, проектируйте интерфейсы так, чтобы они не нуждались в пояснениях.

А нужен ли вам сайт?

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

Давайте я расскажу вкратце, как делается нормальный «сайт-визитка». Начинается всё со встречи. Заказчику нужно убедится в адекватности исполнителя, а исполнителю в адекватности заказчика. Исполнитель разьясняет, что может предложить, в какие сроки и какую сумму это выльется. Заказчик прикидывает бюджет, выделяет главное. Если его устраивает качество работ в портфолио исполнителя а вторую сторону — бюджет, то заключается договор.

Читать далее А нужен ли вам сайт?

Об инструментах

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

Ранее об этом я писал, не стоит гвозди микроскопом забивать.

Про_подчёркивание

Символ подчёркивания достался нам в наследство от печатных машинок, где он использовался для того, чтобы нарисовать графы для ручного ввода при печати бланка, или подчеркнуть слово путём ручного переноса каретки. Сейчас он используется для чего угодно, включая ЧПУ (человеком понятные URL).

Только вот использовать _ в ЧПУ неправильно, так как символы, разделённые этим знаком, считаются одним словом, в том числе и поисковиками, которые ищут и по символам в URL. Слова в ссылках нужно разделять дефисом.

Попробуйте два раза кликнуть мышкой на примеры и сами увидите разницу в обработке большинством браузеров и редакторов:

  • пример_через_подчёркивание;
  • пример-через-дефис.

Очевидная вещь, но приходится сталкиваться. Ну и кроме того, если ссылка и подчёркнута и упоминается в явном виде на сайте, то подчёркивание_и_подчёркивание_сливаются.

Всё возвращается на круги своя

Глаз радует, что всё больше крупных проектов возвращается к простому лаконичному дизайну, осознав, что контент сейчас на первом месте. Уходят в никуда глянцевые объёмные кнопки, облака в шапках и градиенты, погоду и курс валют на сайтах вывешивают уж совсем дремучие люди. Если бы ещё повлиять как-то на исконные русские желания загадить все пустые места на сайтах баннерами (в том числе и анимированными) и выравнивать текст по ширине.

Процесс упрощения, как ни странно, начали в Microsoft, потом подтянулись Google и Apple. Сегодня вышло обновление WordPress с очень приятной админкой в минималистичном стиле.

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

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

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

goroh

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

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

Брутфорсят админку WordPress

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

  • Всегда обновляйтесь. И движок и плагины, особенно кэширующие. Самые замечательные дыры обнаружены как раз во всех популярных кеширующих плагинах.
  • Перенесите wp-config.php на уровень выше из папки блога. WordPress его найдёт.
  • Установите плагин с капчей для входа в админку.
  • Если ваш хостинг поддерживает SSL (ну или у вас свой сервер) в файле wp-config.php определите константу «DEFINE (‘FORCE_SSL_ADMIN’, true);», таким образом, вход в админку будет защищён.
  • Если совсем включить параною, можно вынести все скрипты WordPress за пределы видимости из инета.
  • Избавьтесь от ненужных плагинов.

Тяжёлое наследие реального мира

Я, несмотря на общую нелюбовь к продукции Microsoft, весьма тепло принял новую, продвигаемую ими концепцию интерфейса — Metro. Прежде всего, потому что используемый сейчас интерфейс устарел.
Хотите спросить, какой именно? Отвечу: все. Концептуально любой интерфейс пользователя любой операционной системы сейчас основан на переносе объектов физического мира на экран. Все эти пуговицы-кнопки, флажки, радиокнопки, папки, файлы и страницы… Вспомним ещё, сколько аппаратных ресурсов тратится для достижения всё большей реалистичности интерефейса — эффекты схлопываний, поворотов, прозрачности. Если пожертвовать красотой во имя производительности, можно было бы смело забыть о ежеквартальной плановой смене компьютера.
Выглядеть элементы управления в разных операционных системах или программах могут по разному, но основа одна и та-же: эмуляция объектов физического мира. Разработчики аргументируют, что иначе нельзя, не поймут.
Уверен, что если мы проведём «коридорное тестирование» на людях, крайне далёких от компьютеров — то не увидим разницы в скорости освоения командной строки и кнопки «Пуск». Например, много-ли времени понадобится человеку, чтобы осознать, что подчёркнутый текст на странице — это ссылка? Секунда после объяснения, и знание это останется с ним навсегда. Кстати, в реальном мире подчёркнутый текст не вызывает гиперпространственный прыжок или нуль-транспортировку. Следовательно, эффективный интерфейс не означает интуитивный.
Не знаю, удобен ли Metro, приживётся ли или разделит судьбу Microsoft Bob (как апогея интуитивности, кстати) — но я рад, что хоть кто-то экспериментирует.

И о рассылках

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

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

Я просто нажму кнопку «спам» в почтовом ящике, и проблемы пропадут.

 

О программировании

Не знаю, как описать мою любовь к программированию, но я попробую. Если этим занимаешься, кажется, что в мире нет ничего интереснее. Эта игра гораздо увлекательнее шахмат, игра, в которой можно устанавливать собственные правила и где конечный результат можно понимать по-своему.
А со стороны кажется – нет на свете ничего скучнее.
Первое, что привлекает в программировании, объяснить просто: ты говоришь компьютеру что-то сделать, и он это делает. Безошибочно. Всегда. Без возражений.
Это само по себе интересно.

© Линус Торвальдс

Бич рунета

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

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

И тут начинается самое интересное – ни один из визуальных редакторов нормально не чистит лишние теги и стили, которые в обилии вставляет Microsoft Office. Причём мусора может быть в десятки раз больше, чем полезной информации. Конечно, из за этого может поплыть вёрстка, это отрицательно сказывается на выдаче в поисковиках, это уменьшает скорость загрузки страниц. Ну и единый стиль оформления сайта, с тщательно прописанными шрифтами, стилями и отступами умирает.

Читать далее Бич рунета

Сеобезопасная заглушка

Реклама: Musa Motors производит выкуп авто на выгодных условиях.

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

Да, я знаю, можете и сами написать, ничего сложного, просто для экономии времени. В корень сайта бросаем файлы (сменив http://filonov.org на свой домен):

Читать далее Сеобезопасная заглушка

Подписка

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

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

С подпиской на сервисы вы сталкивались все – хостинг, плата за интернет, мобильный телефон. По подписке работают все сервисы 37 signals, некоторые антивирусы. Из примера именно приложений стоит отметить Evernote – его можно использовать как бесплатно, так и заплатив полтинник в год, за большее число возможностей.

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

О резиновых сайтах

Замечали, что в америке большинство сайтов имеет ограниченную ширину, а у нас большинство предпочитает “резиновые”, то есть растягивающиеся по ширине экрана? Провёл небольшой опрос и выяснил, почему так.

  • Наши хозяева сайтов терпеть не могут пустые пространства. Ведь туда можно сунуть ещё баннеры, ещё тексты и ещё акции.
  • Так принято.
  • Так у Васи.

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

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

Есть замечательные исключения – российский клон FaceBook, сайт “вКонтакте”, при “заимствовании” дизайна внёс изменение – сделал фиксированной ширину. В результате выглядит он лучше, и навигация по странице удобнее.

Вопреки мнению “Васи”, сайты с фиксированной шириной оказалось делать ещё и выгоднее. Гугл сузил область выдачи поисковика до 800px. В итоге рекламные объявления отображаются ближе к выдаче, месту, на которое смотрит пользователь. До введения ограничения на широкоэкранном мониторе объявления находились на границе области видимости. В итоге доход вырос с $5,5 миллиардов до $5,9 миллиардов. Рамблер тоже сузил область выдачи, но до 1400px.

P.S. Бытует мнение, что резину верстать сложнее. Это не так. Чуть больше работы у дизайнера становится при нарезке картинок, шапка сайта, например, может состоять из крайне левой, крайне правой и центральной повторяющейся вместо одной полосы.