Автор оригинала: FreeCodeCamp Community Member.
Мэттом Ротенберг
Я построил Прототипирование Playbook – Блог коротких учебных пособий (или «играх»), которые помогают дизайнерам использовать браузер для их дизайна и потребностей прототипирования.
Со временем я надеюсь создать всеобъемлющий набор статей о том, как реализовать конкретные проекты. Дизайнеры – в частности, в частности, новые для разработки на переднем углу – могут использовать эти шаблоны, если они застряли реализацию решения о дизайне.
Например:
- Я не могу понять, как заполнить эту таблицу с данными
- Я не могу понять, как показать спиннер после нажатия этой кнопки
- Я не могу выяснить, как превратить этот кусок разметки в «символ», который можно использовать и повторять в другом месте
Цели
Люди учатся лучше всего, делая. Таким образом, цель каждого учебника состоит в том, чтобы пролить свет на фундаментальную концепцию предельной разработки.
Например, когда дизайнеры заполняют таблицу с данными, они видят Итерация в действии. Когда дизайнеры видят спиннер после нажатия кнопки, они получают проблеск асинхронные события Отказ Когда дизайнеры превращают пользовательскую маркировку в нечто многоразовое, они изучают Компоненция через практикую это.
Чем более практическая цель – быть дружелюбным, всеобъемлющим ресурсом для дизайнеров для экспериментов с прототипом в браузере.
Я полностью осознаю множество ресурсов, доступных для дизайнеров, чтобы заточить свои предельные навыки. Например, веб-сайты, такие как CSS Tricks иметь тонну отличных статей по этим темам.
Это сказано, я не нашел исчерпывающую коллекцию коротких, усваимых и практично Учебники по этим темам. И это именно то, что предоставит Playbook Prototying.
Модель контента
Для каждой «Play» в PlayBook я создал следующую модель содержимого:
- А Название описание концепции (ов) быть покрытым
- А Сценарий Для применения конкретного интерфейсного инструмента прототипирования
- А Макет с низким содержанием точности предполагаемого решения о дизайне
- Управляемый Реализация О дизайном решении в ванильном JavaScript (ES6), Vue JS и Rect JS
Первый выпуск
Первый вопрос охватывает три вышеупомянутых сценария.
Вы можете просмотреть этот выпуск прототипирования Playbook здесь Отказ
Это все еще работает в процессе. Некоторые из затягивающих вопросов, которые у меня есть:
- Как мы можем улучшить модель контента?
- Являются ли эти сценарии реалистичными, понятными и применимыми?
- Мы реализовали какие-либо проектные решения в нетрадиционных способах?
Я приветствую ваш отзыв через Выпуск GitHub или Pull Prees Отказ
В дополнение к обратной связи мне любопытно увидеть Как Вы применяете эти методы. Не стесняйтесь поделиться прототипом, над которым вы в настоящее время работаете, особенно если вы реализовали и улучшились при методике, которую вы нашли в PlayBook. Обмен уходом.
Более того, я открыт для предложений для будущих вопросов PlayBook. Другие темы могут включать в себя:
- Работа с поддельными/манекенными данными
- Пустые и ошибки состояния
Счастливого взлома!
Оригинал: “https://www.freecodecamp.org/news/a-winners-guide-to-prototyping-in-the-browser-95c5a161a67d/”