API_for_designers

1.

Введение в API для дизайнеров
• Откуда в приложении берутся данные

2.

Что такое API?
• API — это способ, с помощью которого
интерфейс получает данные от сервера.

3.

Метафора официанта
• UI = клиент
• API = официант
• Сервер = кухня

4.

Как UI получает данные
• 1. Приложение отправляет запрос
• 2. API передает запрос серверу
• 3. Сервер отвечает
• 4. API возвращает данные приложению

5.

Типы API
• • REST
• • GraphQL
• • WebSocket

6.

Пример: интерфейс погоды
• • UI спрашивает API о температуре
• • API передает запрос серверу
• • UI получает точные данные

7.

Почему дизайнеру важно
понимать API
• • Ограничения данных
• • Обновление в реальном времени
• • Загрузка, ошибки, пустые состояния

8.

Что можно/нельзя показать в
интерфейсе
• • Какие данные доступны
• • Как часто обновляются
• • Есть ли задержки

9.

Важно учитывать в UI
• • Скелетоны
• • Спиннеры
• • Ошибки загрузки
• • Пустые экраны

10.

Итог
• API — связующее звено между дизайном и
реальными данными