Прокрутка и внимание (исследование 2018 года)

Автор: admin от 7-06-2018, 19:15, посмотрело: 28

Предлагаю вашему вниманию перевод статьи Therese Fessenden — Scrolling and Attention. Статья посвящена новому исследованию использования прокрутки при просмотре сайтов. Предыдущее исследование было проведено в 2010 году, перевод статьи по нему так же был выложен на Хабре.



Прошу прощения за возможные неточности в переводе :)
Резюме: Люди скроллят вертикально больше, чем раньше, но новые eye-tracking исследования показывают, что они всё ещё смотрят на «первый экран» больше, чем на остальные.



Шаблоны человеческого поведения довольно стабильны, и гайдлайны юзабилити лишь изредка меняются по прошествии времени. Но один шаблон поведения, который всё же изменился с ранних времён веб-дизайна — это использование прокрутки. Изначально, люди редко скроллили вертикально; но в 1997 году, когда длинные страницы стали обычным явлением, они стали использовать прокрутку. Однако, пользователей всё ещё больше всего интересовала информация на «первом экране»; и даже в недавнем 2010 году наши eye-tracking исследования показали, что 80% времени пользователи тратят, просматривая именно «первый экран» страницы.



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

Категория: Веб-разработка

 

JSFiddle — новая версия

Автор: admin от 5-06-2018, 19:40, посмотрело: 36

Привет!



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

jsFiddle — одна из самых популярных сред веб-разработки (работающая в веб-браузере), позволяющая редактировать и запускать код, написанный на HTML, javascript и CSS, который будет называться «фиддлом». Есть возможность использовать библиотеки для javascript, такие как jQuery.



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

Категория: Веб-разработка

 

Дизайн-система. Определение понятия

Автор: admin от 21-03-2018, 21:50, посмотрело: 53

Дизайн-система. Определение понятия


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

Категория: Программирование » Веб-разработка

 

Использование CSS-сетки при проектировании пользовательских интерфейсов

Автор: admin от 28-02-2018, 12:55, посмотрело: 106

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



Использование CSS-сетки при проектировании пользовательских интерфейсов


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

Категория: Программирование » Веб-разработка

 

Конвертирование из Sketch в PSD

Автор: admin от 22-01-2018, 12:45, посмотрело: 227

Конвертирование дизайн-макетов из формата .Sketch в .PSD


Конвертирование из Sketch в PSD

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

К сожалению, пользоваться этой артиллерией могут лишь обладатели компьютеров на платформе MAC OS. Продукты Adobe являются доминирующим инструментом для веб-дизайнеров, работающих под ОС Windows, но сильно уступают перед «Sketch». Исходя из этого, вопрос конвертации макета для просмотра на обоих операционных системах актуален как никогда.

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

Категория: Программирование » Веб-разработка

 

Клуб создателей отечественных дизайн-систем

Автор: admin от 26-12-2017, 14:55, посмотрело: 101

В этом году многие отечественные компании показали свои наработки по дизайн-системам. Особенно активизировались к осени - каждый месяц кто-то да анонсировал свою дизайнерско-технологическую платформу. Мы с Юрием Ветровым давно работаем над дизайн-системами и решили придать импульс их развитию в России — запустили сайт-коллекцию Design Systems Club.



Клуб создателей отечественных дизайн-систем

Категория: Программирование » Game Development

 

34 независимых блога о UI-дизайне, веб-разработке и программировании

Автор: admin от 26-11-2017, 19:20, посмотрело: 150

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



Под катом вы найдете ссылки на блоги, рекомендованные резидентами разных платформ: Quora, Stack Overflow, Hacker News, Reddit и др. Авторы этих блогов занимают самые разные должности в ИТ-экосистеме: разработчики, тестировщики, дизайнеры, управленцы, и пишут как статьи для начинающих, так и более продвинутые материалы.



Другие наши тематические подборки:




  • 17 независимых блогов по математике, алгоритмам и языкам программирования

  • 22 независимых блога о разработке, ИБ, тестировании и геймдеве



34 независимых блога о UI-дизайне, веб-разработке и программировании

Категория: Программирование

 

Дизайн классов в играх: не только RPG

Автор: admin от 9-11-2017, 12:55, посмотрело: 150

Дизайн классов в играх: не только RPG




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



Для начала нам нужно ответить на вопрос: что же такое класс? Определение этого термина в играх достаточно расплывчато, и правильных ответов можно дать несколько. В таких RPG, как Dungeons & Dragons классы определяются правилами и представляют собой список способностей, которые может иметь персонаж игрока.



Если вы хотите быть скрытным убийцей или оборотнем, то вам нужно выбрать соответствующий класс. Хитрость в том, что возможности выбора этим не ограничиваются: вы можете выбрать расу (эльф или дворф) и историю персонажа (преступник или знатное лицо), что тоже влияет на варианты выбора в игре. В чём же разница между расой и классом? Если персонаж может изрыгать пламя, потому что он наполовину дракон, отличается ли это от возможности стрельбы огненными шарами из рук? На самом деле эти аспекты нужно рассматривать как вариации концепции классов.



Поэтому при обсуждении классов мы говорим не только о стандартных классах и расах из RPG, но и об армиях в Starcraft, персонажах Street Fighter и даже машинах из Mario Kart. Кажется странным засовывать их всех в одну категорию, но у них у всех есть нечто общее: выбор, который игрок делает за пределами игры, определяет его возможности в игровом процессе.

Категория: Программирование

 

Хакатон для всех от GDG & WTM Moscow

Автор: admin от 9-11-2017, 03:10, посмотрело: 362

Хакатон для всех от GDG & WTM Moscow



24-26 ноября в «Доме-Коммуне» состоится хакатон для всех, организованный IT-сообществами: Women TechMakers & Google Developers Group Moscow. Соорганизаторами мероприятия являются ВЭБ и МИСиС. Для участников будут доступны разные номинации от таких компаний партнеров как Google, App in the Air, ВЭБ. Участие в Хакатоне полностью бесплатное, но по предварительному отбору.

Категория: Программирование » Веб-разработка

 

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

Автор: admin от 31-08-2017, 17:31, посмотрело: 404

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



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

Категория: Программирование » Веб-разработка

 
Назад Вперед