Category: медицина

Category was added automatically. Read all entries about "медицина".

Наглядность в таблицах

Наглядность — это такое свойство верстки, которое помогает пользователю вникнуть в суть, не читая текст или читая по минимуму. Взглянул — и всё ясно: о чем идет речь, что самое важное, в каком порядке смотреть, какой из этого вывод.

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

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

Посмотрим, как это работает.

1. Иконки

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




Collapse )

Результаты конкурса коронавирусных таблиц

Задание

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

A4-Simptomi (1).jpg

Победитель

В конкурсе участвовало 59 человек. Дмитрий Селезнев справился лучше всех и получает билет на дистанционный мастер-класс «Большая переверстка». Вот его работа:




Collapse )

Конкурс «Таблица симптомов коронавируса»

На «Оди» вышла моя статья о наглядности в таблицах. К статье прилагается конкурс:

Нарисуйте свою версию таблицы о симптомах коронавируса, простуды и гриппа. За основу возьмите данные, опубликованную на сайте Роспотребнадзора ↓ При необходимости их можно дополнить информацией из других источников.

Победитель получит билет на онлайновый мастер-класс «Большая переверстка».




Результат сохраните в формате JPEG или PNG. Если умеете прикреплять изображение к комментариям в ЖЖ, то прикрепите. Если нет, загрузите его на файлообменник, а к комментарию прикрепите ссылку. Убедитесь, что ссылка работает и доступна для просмотра всем.

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

Прием работ заканчивается 18 мая в 23:59 по Москве. Макеты, загруженные после этого времени, в конкурсе не участвуют. 19 мая откроются комментарии. 22 мая я опубликую результаты и назову победителя.

Поехали!

Работы участников
Результаты конкурса

Во Вконтакте

Писать и говорить «во Вконтакте» — полный бред. Кому-то эта форма кажется логичной, но язык работает по-другому: сложное упрощается, лишнее убирается — даже если оно логично. Так сократилось, например, слово «близорукий», которое раньше звучало как «близозоркий» (зоркий вблизи). Два -зо- произносить сложно, осталось только одно. Люди чаще говорят «на Фейсбуке», а не «в Фейсбуке», потому что так проще. В разговорной речи «Вконтакте» все называют «Контактом» и не парятся: узнал из Контакта.

Другое дурацкое слово с двумя одинаковыми приставками: «вовнутрь». Во- и в- — это одно и то же. Достаточно сказать «внутрь».

Переверстка №9. Инфографика для YouMagic

Ренат пишет: Пациент: инфографика для youmagic.pro. Изометрические картинки еще более-менее удались, а вот с текстами беда, особенно учитывая то, что в одном из пунктов не список, а абзац обычного текста.




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

Collapse )