• 01 Ссылки для UX-специалистов

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


      Читать дальше →
    • Закон Фиттса или как его использовать

      Здравствуйте, хабровчане!

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

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

      Формула:
      T = a + b * log ( D / W + 1 ),

      где T — время работы пользователя с меню в (мс), a и b — коэффициенты навыков и умений работы пользователя с тем или иным устройством, D — расстояние от одного до другого пункта меню, W — ширина пункта меню при движении к нему от другого пункта меню.

      Для большего понимания представим расчетную схему:


      Рисунок — Расчетная схема закона Фиттса.

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

      Рассчитаем среднее время для паркетного меню с параметрами: p1=120 px, p2=160 px, d=10 px, n=6, где n – количество пунктов меню.
      Получим таблицу, в которой указаны параметры Wi, Di, Ti.
      Читать дальше →
    • 58 признаков хорошего интерфейса

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

      1 Один столбец вместо нескольких


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

      image
      Читать дальше →
    • Публичный тест нового интерфейса HeadHunter



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

        Пока это тестирование, но если оно пройдет успешно (в том числе, надеюсь, и с вашей помощью), то запустим на 100% пользователей. Обратите внимание на новый личный кабинет, главное меню, поиск, который теперь есть на всех страницах, резиновый дизайн и многое другое. Тест работает на hh.ru, поэтому из других стран может не включиться.

        Ну что, друзья, делайте скрин старого hh.ru, сохраняйте в архиве для потомков и добро пожаловать на новый HeadHunter: hh.ru/new_design
      • Могадишо олимпийский

          image

          Однажды я уже публиковал на Хабре пьеску из своего малотиражного сборника «Бабушка не умерла – ей отключили жизнедеятельность» (2012), наберусь наглости опубликовать вторую. По жанру это спортивная антиутопия с элементами технического изобретательства, так что формальное соответствие критериям публикации соблюдено. Если я заблуждаюсь, прошу считать данный пост заявкой на изобретение нового вида спорта.

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

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

            Под катом — 5 первых названий с описаниями от меня, для затравки.
            update 1. В комментариях ещё 10+ названий.
            Читать дальше →
          • веб сайт (рассказ)

              иллюстрация
              давным давно, в очень далёкой галактике…*
              *ой, кажется, это уже где-то было…


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

              – В-владимир, – слегка заикаясь представился клиент. – В-вы тут с-сайты р-раз-рабатываете?

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

              – Ну да, я. Александр. Чем-то могу быть полезным?
              Читать дальше →
            • Устройство интернетов



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

                — Оки, задачу понял. Уже делаю — ответил я. Работа системного администратора в небольшой фирме, занимающейся продажей котельного оборудования, включает в себя множество дисциплин. Вёрстка макетов — одна из них. Недавно директор увидел какую-то софтину, строящую в реальном времени графики по данным с датчиков на котлах, и захотел, чтобы эти графики были включены в каталог с нашим оборудованием. И не просто включены, а в динамике, чтобы показать эффективность работы разных котлов под разной нагрузкой. Сначала директор сам хотел наделать скриншотов, но обнаружил, что данные слишком быстро обновляются, поэтому делегировал эту ответственную задачу мне.

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

                Недавно участвовал в разработке одного проекта — фото конкурса. По задумке, рейтинг фото альбомов должен формироваться из суммы всех публикаций в социальных сетях: Facebook, Вконтакте, Twitter. Т.е. общий рейтинг фотоальбома расчитывается:
                Рейтинг фотоальбома = кол-во «Share» в Facebook + кол-во «Сохранить» в Вконтакте + кол-во «Retweet» в Twitter

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

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

                Итак:
                • количество лайков будем получать от REST сервисов каждой социалки
                • кнопки рисуем свои и обрабатываем событие click

                Читать дальше →
              • Логика английских времен

                  Изучавшие или изучающие английский язык знают, каким страшным может казаться множество английских временных форм глаголов.
                  Всего в английском 12 временных форм. А в русском-то, на первый взгляд, всего 3, и как их связать с английскими, для новичка может быть совершенно не понятно.
                  Читать дальше →
                • Пасхальные яйца на сайте zoichland.ru

                    (Как-то давно уже на заходил на Хабр, так что не знаю, в каком хабе было бы интересно это рассказать. Так что не судите строго, я выбрал те хабы которые мне более подходящими показались).

                    Недавно оргкомитет Сочи-2014 сделал сайт, посвященный Зойчу. Знакомые ребята-разработчики, которые делали этот сайт, рассказали про пасхальные яйца, которые зашиты в www.zoichland.ru. Они появляются при одновременном нажатии сочетания клавиш. Случайно набрать такие сочетания клавиш почти невозможно, поэтому рассказываю здесь про самые смешные варианты:

                    Яйцо 1. Невидимость — одновременно нажать U+N+C
                    Довольно скучное яйцо.

                    Яйцо 2. Немецкие слова — QWERTY последовательно

                    Яйцо 3. Вверх ногами — зайти с домена dnalhcioz.ru
                    Очень ржал)

                    Читать дальше →
                  • Lost in static

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

                      В продолжение, вспомнил про замечательный Lost in static:

                      Lost in the Static — странная платформерная игра, использующая человеческую систему восприятия для создания целого визуального мира с помощью одной простой статичной картинки, отдельные части которой движутся в разные стороны и с разной скоростью.

                      Вот пара скриншотов для затравки:




                      Читать дальше →
                    • Советский «брендбук»

                        image

                        В это воскресенье, по дороге на Одесский «Староконный» рынок мне несказанно повезло. Всего за 5 гривен (20 рублей) я стал счастливым обладателем советского брендбука. Если быть точнее, это руководство по оформлению Украины в духе решений 26-го съезда КПСС. Особенно интересна текстовая часть (см. Приложения).

                        Раритет интересен не только фактом своего существования. Такого обстоятельного и детального «гайдлайна» я не встречал уже давно. Господа дизайнеры и сочувствующие — наслаждайтесь PDF-ом на Issuu. Вставить не получается :)
                      • Пробуем открыть свое дело

                          Пролог


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


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


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


                          Пробуем открыть свое дело. Часть 2

                          Много буковок...
                        • Здоровье и кодинг — как совместить?

                            У меня, как и у многих товарищей по профессии после нескольких лет сидячей работы и отсутсвия физических нагрузок здоровье начало ухудшаться.
                            Первой ласточкой стало медленно, но верно растущее пузо.
                            Затем последовал серьёзный удар по общему состоящию — я заработал проблемы сразу в двух местах позвоночника. Отлежался недельку в больнице, обколотый блокадами, пенницилином и прочими лекарственными гадостами, простудился там под новый год и получил массу неприятных впечатлений.
                            Проблемы со спиной были решительно списаны на подъём тяжестей и благополучно забыты… до весны. Весной произошёл рецидив с диагнозом «протрузия позвоночного диска» в поясничной части.
                            После пробежки по врачам последовали две недели работы на дому с попиванием таблеточек и лежанием на кровати.
                            Я понял, что если я серьёзно не займусь своим здоровьем, то могу с ним попрощаться навсегда. Но времени как всегда нехватает, дела, работа, дипломный проект и прочие вещи серьёзно мешали заниматься в тренажёрном зале или ходит в какие-нибудь оздоровительные заведения.
                            Но, подойдя к вопросу системно, я нашёл решение. Решение простое, бесплатное, доступное всем и занимающее не больше 20 минут времени в день.
                            Читать дальше →
                          • Как не стать спамером со своей уютной рассылочкой

                              image
                              Пользователь когда-то подписался на рассылку, но уже забыл когда, и главное зачем. Теперь ежедневно к нему падает спам, а по собственному опыту он знает, для того чтобы отписаться нужно зайти по ссылке свой профиль, найти и снять там какую-то галку а главное, помнить свой логин и пароль на давно забытом им сайте.
                              Его действия? «В спам!»

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

                              И вот, с десяток таких «отписок» и гугл будет удобно отсортировывать ваши рассылки в папочку Спам (584), у ВСЕХ ваших подписчиков.

                              Однако многие из нас уже успели заметить: некоторые письма в Gmail при попытке отметить их «В спам!» САМИ предлагают отписаться от рассылки в один клик.

                              Эта фича была введена google более года назад, но лишь единицы рассылок научились ей пользоваться. И не удивительно. В рекомендациях по осуществлению массовых рассылок, лишь косвенно упоминается о том, что Вам нужно сделать.
                              А сделать нужно не многое.
                              Читать дальше →
                            • Делаем загрузочно-установочную флешку

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

                                image
                                Читать дальше →
                              • Восстанавливаем флешки

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

                                  image
                                  Читать дальше →
                                • 10 советов как пройти путь от начинающего до программиста среднего уровня

                                    Добрый день

                                    Предлагаю вниманию сообществу перевод статьи «10 tips to go from a beginner to an intermediate developer». Её автор Justin James — один из работников компании Levit & James, занимает должность, которая включает в себя программирование, сетевое управление и системное администрирование. Ведёт постоянно свой блог на TechRepublic с 2005 года. Пишет статьи для MSDN Magazine.

                                    Несколько советов для начинающих разработчиков, которые хотят перенести их карьеру на следующий уровень.
                                    Читать дальше →