Опубликовано

Как мы уместили таблицы в экран смартфона и унифицировали в рамках дизайн-системы

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

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

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

Для дизайн-проектирования это ставит нам 2 задачи:

1. Превратить большое в маленькое – перевести объемные списки в мобильное представление.

2. Разработать подход к унификации – унифицировать мобильное представление для разных списков в рамках нашей экосистемы. Чтобы пользовательский опыт был единообразным, вне зависимости от модуля, с которым работает пользователь.

В этой заметке поделимся тем, как мы подходили к решению задач перевода таблиц в списки и унификации представления разных списков.
Читать дальше →
Как мы уместили таблицы в экран смартфона и унифицировали в рамках дизайн-системы
Source: habrahabr

Опубликовано

Пост №3608590

Автор: 8l8i8

Развернуть

{
«@context»: «http://schema.org»,
«@type»: «BlogPosting»,
«mainEntityOfPage»:{
«@type»:»WebPage»,
«@id»:»/post/3608590″
},
«headline»: «Свободный от забот :: Смешные комиксы (веб-комиксы с юмором и их переводы)»,
«image»: {
«@type»: «ImageObject»,
«url»: «http://img1.joyreactor.cc/pics/post/full/%D0%A1%D0%B2%D0%BE%D0%B1%D0%BE%D0%B4%D0%BD%D1%8B%D0%B9-%D0%BE%D1%82-%D0%B7%D0%B0%D0%B1%D0%BE%D1%82-%D0%9A%D0%BE%D0%BC%D0%B8%D0%BA%D1%81%D1%8B-4646839.jpeg»,
«height»: 1600,
«width»: 1600 },
«datePublished»: «2018-08-16T11:27:18+03:00»,
«dateModified»: «2018-08-16T11:27:18+03:00»,
«author»: {
«@type»: «Person»,
«name»: «8l8i8»
},
«publisher»: {
«@type»: «Organization»,
«name»: «JoyReactor.cc»,
«logo»: {
«@type»: «ImageObject»,
«url»: «http://joyreactor.cc/images/joyreactor_ie6.png»,
«width»: 207,
«height»: 54
}
},
«description»: «»
}

Комментировать 
Пост №3608590
Source: Joyreactor

Опубликовано

Пост №3608579

Автор: poworot-777

ссылка на гифкуРазвернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3608579″ }, «headline»: «автомобиль :: женщина :: зачем? :: гиф анимация (гифки — ПРИКОЛЬНЫЕ gif анимашки)», «image»: { «@type»: «ImageObject», «url»: «http://img1.joyreactor.cc/pics/post/full/%D0%B3%D0%B8%D1%84%D0%BA%D0%B8-%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C-%D0%B6%D0%B5%D0%BD%D1%89%D0%B8%D0%BD%D0%B0-%D0%B7%D0%B0%D1%87%D0%B5%D0%BC-4646813.gif», «height»: 342, «width»: 480 }, «datePublished»: «2018-08-16T11:22:59+03:00», «dateModified»: «2018-08-16T11:22:59+03:00», «author»: { «@type»: «Person», «name»: «poworot-777» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3608579
Source: Joyreactor

Опубликовано

Пост №3608577

Автор: katy_just

Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3608577″ }, «headline»: «World of Warcraft :: TES Online :: Warcraft :: Blizzard (Blizzard Entertainment) :: The Elder Scrolls :: ElvenBacon :: фэндомы», «image»: { «@type»: «ImageObject», «url»: «http://img1.joyreactor.cc/pics/post/full/ElvenBacon-World-of-Warcraft-Warcraft-Blizzard-4646809.jpeg», «height»: 1801, «width»: 2560 }, «datePublished»: «2018-08-16T11:22:43+03:00», «dateModified»: «2018-08-16T11:22:43+03:00», «author»: { «@type»: «Person», «name»: «katy_just» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3608577
Source: Joyreactor

Опубликовано

Пост №3608566

Автор: IvanDolgunA

Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3608566″ }, «headline»: «Donkey Kong :: крокодил :: Картинка :: King K. Rool :: Donkey Kong Country :: Игры», «image»: { «@type»: «ImageObject», «url»: «http://img0.joyreactor.cc/pics/post/full/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B0-%D0%BA%D1%80%D0%BE%D0%BA%D0%BE%D0%B4%D0%B8%D0%BB-King-K-Rool-Donkey-Kong-4646782.jpeg», «height»: 1016, «width»: 680 }, «datePublished»: «2018-08-16T11:12:18+03:00», «dateModified»: «2018-08-16T11:12:18+03:00», «author»: { «@type»: «Person», «name»: «IvanDolgunA» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3608566
Source: Joyreactor

Опубликовано

Цитата #451802

vitalylhy: Пионером не был, комсомольцем не был и, похоже, в пенсионеры меня тоже не примут…
Цитата #451802
Source: bash

Опубликовано

Пост №3608555

Автор: linogor

Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3608555″ }, «headline»: «YoRHa No.2 Type A :: Pod (Nier Automata) :: YoRHa No.2 Type B :: YoRHa No.9 Type S :: NieR Automata :: Игровой арт (game art) :: Nier (series) :: Игровая эротика :: shinya komi :: Игры», «image»: { «@type»: «ImageObject», «url»: «http://img0.joyreactor.cc/pics/post/full/%D0%98%D0%B3%D1%80%D0%BE%D0%B2%D0%BE%D0%B9-%D0%B0%D1%80%D1%82-%D0%98%D0%B3%D1%80%D1%8B-shinya-komi-NieR-Automata-4646764.jpeg», «height»: 1298, «width»: 986 }, «datePublished»: «2018-08-16T11:06:17+03:00», «dateModified»: «2018-08-16T11:06:17+03:00», «author»: { «@type»: «Person», «name»: «linogor» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3608555
Source: Joyreactor

Опубликовано

Пост №3608552

Автор: Imebal

так начинается гражданская войнадва пропагандона доренко и соловьеб прыгнули друг на друга. Пока что в твиттере.Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»http://polit.reactor.cc/post/3608552″ }, «headline»: «так начинается гражданская война / твиттер :: Доренко :: политика :: соловьев :: интернет», «image»: { «@type»: «ImageObject», «url»: «http://img1.joyreactor.cc/pics/post/full/%D0%BF%D0%BE%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%B0-%D0%94%D0%BE%D1%80%D0%B5%D0%BD%D0%BA%D0%BE-%D1%81%D0%BE%D0%BB%D0%BE%D0%B2%D1%8C%D0%B5%D0%B2-%D1%82%D0%B2%D0%B8%D1%82%D1%82%D0%B5%D1%80-4646753.jpeg», «height»: 891, «width»: 750 }, «datePublished»: «2018-08-16T11:03:38+03:00», «dateModified»: «2018-08-16T11:03:38+03:00», «author»: { «@type»: «Person», «name»: «Imebal» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «два пропагандона доренко и соловьеб прыгнули друг на друга. Пока что в твиттере.» }
Комментировать 
Пост №3608552
Source: Joyreactor

Опубликовано

Цукерберг, «Роскосмос» и Маск строят космический интернет. Для чего он и когда заработает?

После «космической» телефонии и телевидения очередь добралась и до интернета. Уже в этом месяце с Байконура запустят первые спутники компании OneWeb. Скоро 800 аппаратов обеспечат повсеместное соединение […]
Цукерберг, «Роскосмос» и Маск строят космический интернет. Для чего он и когда заработает?
Source: 4pda