Веб-дизайн

индекс
150,39
15 декабря в 11:02

Публичный тест нового интерфейса HeadHunter



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

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

Ну что, друзья, делайте скрин старого hh.ru, сохраняйте в архиве для потомков и добро пожаловать на новый HeadHunter: hh.ru/new_design
+14
16628
30
djika 15,8
14 декабря в 23:05

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


+43
30080
264
alexzfort 239,8
11 декабря в 12:41

Evil Icons: как мы изобретали SVG-иконки



Мы почти полностью перевели проекты на векторную графику, хотя еще полгода назад были адептами символьных шрифтов (шучу, не такими уж и адептами). В статье я расскажу, с какими сложностями мы столкнулись в процессе, что из этого получилось, и почему вам стоит переходить на SVG уже в следующем проекте.
+48
26851
227
OutPunk 53,5
11 декабря в 12:09

Алан Купер об интерфейсе

image

Известно, что программа с полезнейшим функционалом, но неудобная в использовании — ничто.
В области проектирования пользовательских интерфейсов книга Алана Купера «About Face: The Essentials of Interaction Design» — один из основополагающих трудов и её высоко оценивают специалисты.

Существует русский перевод 3-го издания 2007 года «Алан Купер об интерфейсе. Основы проектирования взаимодействия», но в этом году автор подготовил новое 4-е издание — дополненное и переработанное.
Мы – издательство «Питер» – хотим выпустить его на русском. В связи с этим хотели бы оценить потенциальный спрос.
Алан Купер об интерфейсе — новое издание

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

Проголосовало 406 человек. Воздержалось 134 человека.

+3
3049
26
ph_piter 97,1
10 декабря в 08:40

Ваши письма попадают в спам? Проверьте IP на бан

ХострТрекер предлагает проверить, не попал ли Ваш домен в DNS блеклист. Это может случится по целому ряду причин: например, подозрение в рассылке спама, размещении запрещенного контента (или даже просто ссылок на сайты, где таковой имеется) и т.п. Как это выявить и как с этим бороться? Читайте под катом.



+1
3752
96
smiHT 10,8
9 декабря в 16:15

Формы в интернет-магазинах проектируют следователи угро

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

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

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

Сразу скажу, что большую часть форм я не осилила.



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

Также мне кажется, что почтовый адрес «8 Марта, 1-12» точно потребует уточнения оператором. В Москве есть улица «8 Марта», «8 Марта 1-я» и «8 Марта 4-я». А еще «8 Марта» есть в поселке Внуково, который тоже в Москве.

+12
14301
124
lyalius 20,6
9 декабря в 03:54

Долой абсолютные единицы в иконках-спрайтах tutorial


Спрайты — классный способ сократить количество запросов к серверу. Можно упаковать кучу иконок в один спрайт и прописать в CSS смещения для каждой иконки. Однако, очень неудобно, что нужно попиксельно всё это считать. Пиксели — значит никакой динамики. Если использовать пиксели, то кусочек спрайта будет отображаться фиксированным размером — независимо от того, выводится он внутри параграфа, или внутри заголовка. Это неправильно, мне кажется, и неудобно. Но, похоже, я нашёл интересный способ выводить иконки динамического размера.
+24
17633
241
Xu4 19,6
8 декабря в 11:13

Привет, я дизайнер, и я хочу, чтобы все и везде выглядело одинаково из песочницы

При верстке макета всегда всплывает множество интересных и потенциально проблемных моментов, которые казались дизайнеру элементарными, но на самом деле таили за собой опасное. Все это можно было бы предотвратить, если бы клиент не строил из себя архитектора всей системы, а дизайнер относился к сайтам не как к журналу, а как к сайтам, продумывая взаимодействие с пользователем, создавая грамотную архитектуру, которая логически непротиворечива и действительно дружелюбна к пользователю. Нужен кто-то, кто обладает определенной IT-культурой, в то же время является и дизайнером, и верстальщиком, и немного программистом, даже архитектором БД. Наверное, это тот, которого все называют UI/UX-дизайнером. Такого человека сложно найти, стоит он дорого и путь к такому званию долгий. Поэтому в типичном случае все происходит проще и вместо инженерного подхода наблюдается некоторая разновидность подхода эволюционного. К сожалению, этого бывает достаточно, это даже можно поддерживать, но только если вы не перфекционист.
+24
26331
267
8 декабря в 06:00

Несколько интересностей и полезностей для веб-разработчика #34

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

Firefox для iOS


Пока это еще только наработки, но затея просто великолепная.

SVG Edit




Отличный инструмент для редактирования SVG прямо в браузере. Вообще с распространением дисплеев с высоким разрешением, сообщество веб-разработчики все чаще и чаще обсуждает всевозможные способы взаимодействия с SVG. Идея еще одного простого и открытого редактора очень даже уместна, а функционал способен удовлетворить все потребности фронтендеров. Исходники тут. Также хочу добавить, что проект не стоит на месте и постоянно развивается.
+41
27162
377
7 декабря в 23:36

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №137 (1 — 7 декабря 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


+34
30025
258
alexzfort 239,8