3

Когда вы разрабатываете веб-приложения с нуля, каковы навыки, необходимые для создания полезных и многофункциональных продуктов?Какие навыки необходимы для правильного интерфейса/взаимодействия/функционального дизайна в веб-приложениях?

  • Вы сначала используете прототип UI?
  • Вы используете Истории пользователей?
  • Некоторые гибкие методологии или рекомендации, которые вы рекомендуете или активно защищаете?

Вкратце: Какие навыки позволяют вам преодолеть требования, предъявляемые к AmazingWebApp ™?

Окончание: Любые книги, которые вы рекомендовали бы?

ответ

3

Хорошее чувство дизайна. Это трудно понять программисту. Иногда программист будет иметь хорошее представление о том, что работает, но не о том, как создать то, что на самом деле работает лучше всего или хорошо. В основном это требует способности взять все и быть готовым передвигать его на свободе, пока что-то просто не заработает.

Способ, которым я это делаю, заключается в том, чтобы узнать, как, если кто-то, кто сделает это, будет наиболее логичным и общепринятым в том, как задача будет выполняться онлайн или офлайн, а затем посмотреть, как ее реплицировать. Подумайте кратко, кратко, ясно, доступно и логично. Если вы можете передать его кому-то без каких-либо указаний, и они могут делать все, что вы хотите, чтобы они делали, и больше это работает. Если им нужно иметь инструкции, чтобы делать повседневные вещи в своем приложении, это плохой дизайн.

Я также хотел бы взглянуть на другие приложения, которые нравятся вам на уровне, который вы, возможно, даже не понимаете, а просто работаете по какой-то причине и пытаетесь воспроизвести его.

3

Я думаю, что самое лучшее, что вы можете сделать это, чтобы просто использовать программное обеспечение ..

Когда я работаю на приложения, я, как правило, по электронной почте их домой в конце недели (иногда раньше) уйти от «рабочий режим», установите его как обычно (т. е. не запускайте из своей IDE), а затем используйте его.

Трудно отходить от «тестового режима» и фактически «забыть», что вы знаете приложение. Но однажды вы попадаете в качели, это может быть ДЕЙСТВИТЕЛЬНО полезно, и очень открывать глаза (и да, иногда душераздирающий, когда вы понимаете, что «классная маленькая особенность» на самом деле засасывает задницу и нуждается в повторной реализации!).

Мой босс говорит, что я «анал» об удобстве использования. Мне это нравится :)

1

Какой-то тип визуального прототипирования (даже если это сделано с помощью HTML и CSS) является лучшим, я думаю. Мое искушение - начать кодирование и беспокоиться о интерфейсе позже, и обычно это приводит к тому, что что-то сосание действительно плохое (для меня, по крайней мере). Я разработал это © ЧУДЕСНАЯ ФУНКЦИОНАЛЬНОСТЬ, и я в конце концов устремляюсь к интерфейсу, чтобы быстро получить инструменты для моего кода.

Я забыл, где я это слышал, но для конечного пользователя ваш интерфейс является вашим приложением. Если вы пытаетесь угодить пользователю, вы должны начать с интерфейса и позволить ему диктовать функциональность, которую вы предоставите.

0

Некоторые из вещей, которые мы делаем:

  1. Лота прототипов, изучение различных концепций как на бумаге, в фотошопе, а иногда и фактические реализации
  2. Обрезать вещи обратно, быть итеративным. Не пытайтесь сделать все приложение выполненным и совершенным в первый раз (потому что вы знаете, в вашем сердце это не произойдет)
  3. Ясность по поводу умения, это одна из моих последних вещей, которые я нахожу себе при работе с пользователем, уверенные значки и отличные вещи могут показаться замечательными, но они понятны и кратки.
  4. Фокус на цели пользователя - это довольно распространенная тенденция для разработчиков сосредоточиться на одном экране за раз, по одной задаче за раз , Помните, что не так, как думает кто-то, использующий ваше приложение, у них есть цель, поэтому постарайся забраться в голову так, как можешь.
  5. Используйте программное обеспечение, которое вы строите, насколько возможно, нет лучшего способа чтобы увидеть, что это вина, недостатки и проблемы, чтобы испытать их самостоятельно.
0

Проектирование полностью инновационный пользовательский интерфейс довольно трудно для большинства программистов (это только у меня?). То, что я нахожу полезным для создания/проектирования пользовательского интерфейса для веб-приложений, всегда обращает внимание на приятные, простые в использовании и элегантные пользовательские интерфейсы, которые вы обнаружите при просмотре интернета или использовании любых других приложений для настольных компьютеров. Если вы просто найдете наиболее эффективный пользовательский интерфейс (разработанный кем-то другим, в каком-то другом месте) для этой задачи, то вы сможете сделать хорошую работу по внедрению и созданию лучшего пользовательского интерфейса для вашего приложения. Например, когда я набираю этот ответ, мне нравится, как он показывает предварительный просмотр ответа в реальном времени, с возможностью «скрыть предварительный просмотр» - я определенно хотел бы использовать аналогичный тип взаимодействия при создании пользовательского форума интерфейс.

1

Лучшая практика зависит от талантов членов команды.

Во-первых, всегда пишите истории пользователей (если это возможно), загружайте их в LighthouseApp.com или в свою любимую систему билетов - только первые 10-20 - все, что вам нужно, чтобы прокатиться.

Если у вас есть пользовательский интерфейс, прототип страниц может быть полезен. Но, если у разработчика программного обеспечения есть хорошие навыки работы с HTML/CSS, я предпочитаю как можно быстрее добраться до рабочего прототипа с чистым UI/HTML/CSS. Этот вывод может быть передан «современному веб-дизайнеру», который может переработать/украсить HTML/CSS. Дизайнер должен работать на той же базе кода, что и разработчик, через систему управления версиями.

Некоторые «старшие школьные дизайнеры» были бы оскорблены предложением о том, что они «украсят сайт» и будут настаивать на передаче программисту файла для фотошопа. Это может быть хорошо для простого веб-сайта маркетинга, но мне не нравится процесс создания AmazingWebApp ™

0

Выяснение того, что вы строите и что представляет ваш продукт, является огромным ключом к созданию успешного приложения. Недавно я написал запись в блоге о сборе требований, которая немного говорит об этом. Вы можете прочитать здесь: How to improve your requirements gathering skills.

Кроме того, здесь некоторые принципы высокого уровня, которые я следовать, чтобы убедиться, что я построить правильный продукт с восхитительным опытом:

знать разницу между пользователем и клиентом , Владельцы бизнеса, которые одобряют блестящий проект, обычно являются клиентами. Однако разрушительной ошибкой является тенденция путать их как пользователя. Обычно клиентом является человек, который признает потребность в вашем продукте, но пользователь является тем лицом, которое фактически будет использовать решение (и, скорее всего, позднее будет жаловаться на требование, которое ваш продукт не встретил). Перейти к нескольким лицам

Потому что мы все люди, и мы склонны не помнить каждую мучительную деталь. Вы увеличиваете вероятность обнаружения пропущенных требований, когда разговариваете с большим количеством людей и перекрестной проверкой.

Избегать особых случаев Когда пользователь запрашивает что-то очень конкретное, будьте осторожны. Всегда сомневайтесь в предвзятости и посмотрите, действительно ли это сделает ваш продукт лучше.

Прототип Не дожидайтесь запуска, чтобы показать, что у вас есть для пользователя. Частые прототипы (вы можете даже назвать их бета-версиями) и получать постоянную обратную связь в течение всего процесса разработки. Вы, вероятно, найдете больше требований, как вы это делаете.

1

Ребята здесь дают отличные советы.

Существует различие между «визуально красивой» и «функциональной» (или простотой использования). вы можете иметь один без другого. этот форум является хорошим примером, он имеет очень высокое удобство использования, но, откровенно говоря, неудобно - извините стеки, я все равно люблю вас, хотя :)

реальность вам нужна умение, чтобы сделать хорошие интерфейсы. это связано с многолетней практикой. Я обычно сокращаюсь, чтобы зайти и разработать весь пользовательский интерфейс для нового приложения. я редко вижу программистов или графических дизайнеров с такими навыками (его узкий рынок). Я обнаружил, что у меня была естественная хватка для разработки HCI, UI и анализа удобства использования. Я развил эти навыки дальше, делая много чтения и набирающего опыт , делая много дизайна. Итак, все, что я говорю, приготовьтесь к тяжелой работе, если вы серьезно относитесь к тому, чтобы стать хорошим дизайном ui. вы можете делать все, на что решите, но если вы проводите время на изучение дизайна ui, это означает, что вы не тратите время на обучение, гибкое с рубинами на рельсах, или как бы ни была самая модная технология.

несколько общих советов:

  • если вы строите веб-приложений программного обеспечения (в отличие от небольших сайтов присутствия бизнеса), то текстовая прототипирования отлично. собрать группу людей, стопку мясников и цветных маркеров, и вы будете поражены тем, сколько экранов вы можете набросать за несколько дней.

  • Ваше программное обеспечение должно быть само собой разумеющимся. вашему программному обеспечению не нужно руководство пользователя. у разработанного CMS i нет руководства пользователя, у меня есть несколько десятков клиентов, которые его используют, и никто из них никогда не спрашивал меня о руководстве.

  • посмотреть, что делают «большие мальчики». если у ebay есть окно поиска следующим образом: «[......] (Поиск)», то и ваши собственные тоже (а не нестандартные, но хорошо: «Поиск: [......] (Идти)'.). это известно как допущение. вы знакомы с людьми с другими системами, чтобы дать им возможность начать работу с вашей собственной системой.

я бы рекомендовал эту книгу:

У меня также есть несколько статей блога, которые должны помочь: