Design by HTML
2 likes401 views
Документ обсуждает важность внедрения HTML-вёрстки на ранних этапах проектирования интерфейса для почты Яндекса. Использование HTML-макетов помогает создавать более точные и наглядные дизайны, избегая недопонимания между дизайнерами и разработчиками. Скорейшее развитие HTML-макетов позволяет команде эффективно справляться с возникающими вопросами и улучшает качество конечного продукта.
Design by HTML
- 1. Роль HTML-вёрстки в проектировании интерфейса Почты Яндекса Николай Яремко
- 2. О чём я сегодня хочу сказать Чем раньше начинаем использовать HTML, тем лучше — глубже, точнее и наглядней — получается дизайн. 2
- 3. Как обычно дело устроено? Дизайнеры рисуют нам макет интерфейса 3
- 4. На макет смотрят менеджеры 4
- 6. Если проект важный, то им интересуется весь Яндекс! 6
- 8. Нужен кто-то, кто бы собирал коллективное знание. Кто-то, к кому можно было прийти со спорным вопросом. 8
- 9. Проектировщик – источник знания об интерфейсе 9
- 10. 10
- 11. Это полная фигня. Всё равно получается по-другому. 11
- 12. 12
- 13. Макет – источник знания об интерфейсе 13
- 14. Менеджер думает: «Вроде похоже на то, что я имел в виду» «Ну это же только макет» 14
- 15. Воображение дорисовывает картинку. При этом упуская все проблемные места. 15
- 16. Задача проектировщика избавить команду от необходимости использовать воображение 16
- 17. HTML-макет позволяет добиться высокой точности
- 18. Вопросы разработчиков «Как это будет резиниться» «Что произойдёт, если адрес будет длиной в 100 символов» «Что произойдёт, если нажать вон туда» «Где мы покажем сообщение об ошибке» 18
- 19. Вместо того, чтобы отвечать на каждый такой вопрос, можно сделать HTML-макет, где каждый сможет сам найти ответы на свои вопросы. 19
- 20. «Что произойдёт, если нажать на кнопку?»
- 21. 21
- 22. 22
- 23. Чтобы такие макеты делать быстро, нужен какой-то фреймворк. 23
- 25. В каждом файле правки, касающиеся только одного макета 25
- 27. Чем раньше начинаем использовать HTML, тем лучше — глубже, точнее и наглядней — получается дизайн. 27
- 28. HTML-макет
- 29. Готовый сервис
- 30. Худший сценарий — страдает качество, дизайнеры и разработчики — вёрстка начинается только после того, как дизайн закончен. 30
- 31. Дизайнер думает, что он справа. Он знает, как надо! 31
- 32. Верстальщик думает, что справа он. Он знает, как не надо! 32
- 33. 33
- 34. Cамый ценный момент в разработке интерфейса: верстальщик начинает разговаривать с дизайнером 34
- 35. Дизайнер, научиться так верстать несложно. Без валидности, семантичности и поддержки всех браузеров. 35
- 36. Верстальщик, за полчаса-час можно из любого макета сделать HTML. Проведите этот час вместе. 36
- 37. Спасибо! Николай Яремко 37