20 шагов к лучшему прототипированию | Participants
|
- Statistics
- Participants
- Translate into Russian
- Translation result
- Translated in draft, editing and proof-reading required. Completed: 22%.
If you do not want to register an account, you can sign in with OpenID.
20 Steps to Better Wireframing | ||
Possibly the biggest mistake in any development project is failure to plan. Recently, the owner of a prospective start-up told me that planning was unnecessary and a good developer could just start coding. This, I promise you, will end in tears. | Возможно, самая большая ошибка в любой разработке — это отсутствие планирования. Недавно владелец будущего стартапа сказал мне, что без планирования можно было бы обойтись, и хороший разработчик мог бы просто начать программировать. Проект с таким началом, обещаю вам, закончится печально. | — Гарантирую, что проект, начатый так, кончится печально — Gargo |
Wireframing is one of the first steps in your planning process and arguably it’s one of the most important ones. This is when the idea starts to take shape as an application, becoming boxes and buttons that users will interact with. This article will take you through a wireframing process; who should be involved, the tools to use and tips to enable you to make better wireframes. | Бумажное прототипирование — один из первых шагов в процессе планирования и, вполне возможно, самый важный. На этом этапе идея начинает обретать форму, превращаясь в набор блоков и элементов, с которыми будет взаимодействовать пользователь. Эта статья проведёт вас по всему процессу создания прототипов, расскажет о том, кто должен быть в него вовлечён, какие инструменты применять, и посоветует, как достичь лучшего результата. | |
1) Be Clear About Your Objective | — Я бы заменил закрывающие скобки на точки. — Kinday | |
As a developer I can understand the temptation to jump in and start coding. Often the initial idea seems so simple that surely you could just sit down and bash it out? Unfortunately, projects are rarely simple and anyone with experience will know what a myriad of unforeseen issues and challenges await you if you go down this route. | Как разработчик я понимаю искушение сразу же начать программировать. Исходная идея кажется такой простой, что вы можете просто сесть и сразу начать воплощать её? К сожалению, проекты в итоге редко оказываются такими простыми, какими кажутся в начале. Любой человек с опытом знает, что вас поджидает бесчисленное множество непредвиденных задач и проблем, если вы пойдёте этим путём. | |
A wireframe will help you identify many of these issues in a way that is time and cost effective. It is far easier to make changes to a collection of paper screens than after you have written a thousand lines of code. | Прототипы помогают избежать множества из этих проблем, экономят время и снижают затраты. Внести изменения намного проще, когда система у вас представлена лишь бумажными эскизами экранов, а не тогда, когда вы уже написали тысячу строк кода. | |
The process also helps to create a better understanding of the application. Putting it down on paper raises questions and ideas and leads to changes. | Кроме того, прототипирование помогает лучше понять будущее приложение. Перенесите идеи из головы на бумагу — возникнут новые вопросы, появятся новые идеи, и это приведёт к изменениям. | |
The final output will be a blueprint from which designers, developers, architects and project managers will work and makes sure everyone is in sync. | Итогом работы станут чертежи, по которым дизайнеры, разработчики, архитекторы и менеджеры проекта смогут уверенно и слаженно работать. | — Заменил "диизайнеры" на "проектировщики". Так как на русском слово "дизайнер" имеет более узкое значение, чем английское designer. — kremien — Чертежи у меня ассоциируются с домами и подлодками: что-то очень точное, выверенные. А в тексте говорится скорее о каких-то общих схемах, набросках. — skrpnk — эскизы? — ruguevara |
2) Make it Functional, Not Pretty | ||
There are variations in how wireframes are presented and this is reflected in the various tools available. Fundamentally it is about the functional parts of an application, e.g. that a page will have 3 text boxes and 2 buttons. It’s about function not form. | Есть разные варианты представления прототипов, и это проявляется в том, что этого существует множество инструментов прототипирования. По большому счёту прототипы отражают функциональные части приложения, например то, что страница будет содержать 3 текстовых поля и 2 кнопки. Прототип отражает распределение функций, а не конечные формы. | — Весь абзац ужасен. Надо переписывать. — skrpnk |
At Howard Baines we take an austere approach to this and our wireframes include nothing but the functional elements (boxes, buttons, dropdowns etc). We ignore anything that could be seen as design or layout. Others may go a little further and include layout and other visual elements. Whatever works for you. | В компании «Говард Бейнс» мы применяем аскетичный подход к прототипам. Они не содержат ничего, кроме функциональных элементов (блоки, кнопки, выпадающие меню и т. д.). Мы избегаем того, что может быть воспринято как оформление или компоновка. Некоторые могут пойти в этом немного дальше и включить в прототипы компоновку и детали оформления. Каждый выбирает то, что подходит именно в его случае. | — Схемы для меня это скорее блок-схемы, организационные схемы и прочее, отличное от прототипов экранов — ruguevara |
© Think Vitamin.
— Как все-таки переводить wireframe? Я перевожу как UIModeling — http://uimodeling.ru/process/document... — структурные схема страниц, как перевести глагол? Прототипирование тут подходит или нет? — glebis
— Я собирался переводить как "прототипирование", так мы уже говорим и другого термина не могу подобрать — ruguevara
Да и сами wireframes тоже можно называть прототипами. — ruguevara
— Хорошо, сойдем на этом, свои куски поправлю. UIModeling просто совсем другое называют прототипами, хотя так совсем не все делают, конечно же. — glebis
— Практика такова, что проектировщики прототипами назвывают что-то интерактивное, а wireframes - это просто набор экранов. — kremien