Итоги конкурса, часть 1. Фронтендеры

    Привет, Хабр!

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

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

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


    Типичные недочеты

    В датах указан текущий год

    Дело в том, что когда речь идёт о текущем годе, то не обязательно напоминать об этом пользователю. Стоит сообщать о нём лишь в том случае, когда речь идет о прошедших или будущих годах.

    Не подписаны элементы управления

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

    Неэффективная сортировка списка

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

    Аббревиатура

    Трёх буквенный код валюты указан лишь на графике и не очевидно, что такое DKK и SGD. Старайтесь использовать хотя бы стандартный атрибут title.

    Некорректное использование яркости цвета

    Активный элемент должен светиться, а неактивный быть блёклым и не привлекать внимания.

    Значения в графиках

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

    Проверяйте контент!

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


    Теперь о хорошем
    Интерфейс, который нам показался лучшим и содержал минимальное количество недостатков:



    Рекомендация по презентации результатов
    Так как задание было для фронтендеров, то ожидалось, что в архиве будет лежать клиентская часть с минимумом серверной (близкой к нулю), но во многих архивах были запакованы целые проекты на ruby и php с инструкциями по установке.

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

    Спасибо всем, кто принял участие!


    Команда Островок.ru

    P.S.: Следующий пост будет посвящен бекендерам.
    P.P.S.: Кстати, у нас есть вакансии для веб-технологов!
    Ostrovok.ru
    35,00
    Компания
    Поделиться публикацией

    Похожие публикации

    Комментарии 20

      +10
      > Дело в том, что когда речь идёт о текущем годе, то не обязательно напоминать об этом пользователю
      Вот, скажите об этом как-нибудь разработчикам Хабра по поводу года в дате комментария. Пожалуйста.
        +3
        Заодно неплохо бы разницу во времени показывать, если время пользователя отличается от московского.
          0
          И учитывая нагрузку хабра, такие вычисления стоит перенести на сторону клиента.
          +1
          Иногда видишь на странице даты без указания года, и ломаешь голову: имеется в виду текущий год или это старые странички (архив) и дизайнеры просто забыли указать год. А с указание точного года я недвусмысленно понимаю какая дата указана.
            0
            согласен
            в таком случае, нужно оставлять точную дату у самого поста, но у комментариев писать в упрощённом виде
          +5
          Два раза приезжал в Островок на собеседования. Правда задание у меня было другое. Показалось, что там очень уютно. (хотя не работал кондей и было очень жарко). Приятные, интересные и очень умные люди, сожрали меня живьём на втором собеседовании, маньяки :) Зато после этого усиливается стремление расти и развиваться.
            0
            Здесь разработчик забыл закрыть глаза на минуту, а потом открыть и свежим взглядом обнаружить, что сортировка некорректна.

            А где здесь, собственно, некорректная сортировка?

            image
              0
              Или же подразумевалась сортировка в обратном порядке?
                +3
                кажется, подразумевалась сортировка по возрастанию. А -0.004 явно больше чем -0.4, а стоит при этом выше
                  +2
                  Именно так
              0
              «Интерфейс, который нам показался лучшим и содержал минимальное количество недостатков:»
              и на картинке изображены все те недостатки, что были описаны выше. Как-то это непонятно :)
                0
                Не все, минимальное количество :-)
                  +1
                  У страуса 3 ноги, но все остальные в классе сказали, что 4. :)
                  0
                  во-первых: не все, во-вторых, часть недостатков, которые они описывали, естественно, находились и в этой работе, но их было минимальное количество, все понятно
                  0
                  Эх, очень жаль, что я пропустил этот конкурс :(
                  А что у вас будет в блоге для бекендеров?
                    +2
                    вероятно для начала мы расскажем о том, какие ответы на тест для бэкендеров мы получили и что нам показалось особо интересным. а потом поглядим. и да, у нас есть вакансии для бэкэндеров тоже. приходите в гости.
                    +1
                    Да, забыл спросить — какой приз присуждался победителю конкурса? И где объявление было опубликовано? (Случайно не в рекламе на сайте? Которую фронтендеры хорошо знают, как резать? :) )
                      +1
                      Победителей конкурса мы приглашаем на собеседования и если они нравятся нам, а мы нравимся им — делаем предложение о работе.

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

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

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