Основи дизайну інтерфейсів: dropdown, button, filters, inputs | Design Bowl #5 special

Сьогодні не простий випуск, ми закінчуєм перший сезон, а це означає, що вам треба конкретно так насипати статейок. Замутим марафон. Менше тексту, більше посилань! Темою буде базові елементи інтерфейсу та правила їх використання. Якщо ви проектуєте інтерфейс чисто по відчуттям, а хотіли би мати якоїсь теорії за плечима або може ви не працювали з таблицями, а на співбесіді запитали як вирівнються числа в колонці, то сьогодні цей випуск саме для вас.

0:00 - Інтро
0:40 - Статті про "контроли"
1:38 - Про кнопки і СТА
2:17 - Pop-up VS спливаюче вікно
3:07 - Фільтри
3:42 - Таблиці
4:02 - Візуалізація даних
5:00 - Чек-лист

Список посилань:
1. Selection controls — UI component series: https://uxdesign.cc/selection-controls-ui-component-series-3badc0bdb546
2. A better segmented control:
https://medium.com/tap-to-dismiss/a-better-segmented-control-9e662de2ef57
3. Drop-Down Usability: When You Should (and Shouldn’t) Use Them: https://baymard.com/blog/drop-down-usability
4. Listboxes vs. Dropdown Lists: https://www.nngroup.com/articles/listbox-dropdown/
5. Button Design — UI component series: https://uxdesign.cc/button-design-user-interface-components-series-85243b6736c7
6. Buttons on the web: placement and order: https://uxdesign.cc/buttons-placement-and-order-bb1c4abadfcb
7. Popup Problems: https://www.nngroup.com/videos/popup-problems/
8. How to choose the right messaging component: https://medium.com/tap-to-dismiss/informative-decisional-b2ed272b4696
9. Filtering UI: A Horizontal Toolbar Can Outperform the Traditional Sidebar: https://baymard.com/blog/horizontal-filtering-sorting-design
10. Display “Applied Filters” in an Overview: https://baymard.com/blog/how-to-design-applied-filters
11. The Ultimate Guide to Designing Data Tables: https://www.uiprep.com/blog/the-ultimate-guide-to-designing-data-tables
12. How to Design Complex Web Tables: https://medium.muz.li/complex-tables-356826d11861
13. Data visualization: https://material.io/design/communication/data-visualization.html#selecting-charts
14. Chart types: https://www.carbondesignsystem.com/data-visualization/chart-types/
15. 7 Deadly Sins of Data Visualization: https://medium.muz.li/dataviz-sins-976f3a08948c
16. Чек-лист: https://www.checklist.design/

===
Підтримати Rist на Patreon:
https://www.patreon.com/rist_center

—
👉 Підписатись: https://bit.ly/33TXSAR

👉 Facebook: https://bit.ly/3kEdm2w
👉 Instagram: https://bit.ly/362sRgN
👉 Telegram: https://bit.ly/2G1OfYK
👉 LinkedIn: https://bit.ly/30pd4oH

—
✍️ Якщо ти маєш ідеї щодо розвитку Rist або хочеш стати одним із авторів, тоді чекаємо твій лист: hello@rist.center

____
Powered by Cieden

Видео Основи дизайну інтерфейсів: dropdown, button, filters, inputs | Design Bowl #5 special канала Rist