Использует ли редактор WYSIWYG само по себе улучшение UX?

Как кто-то, у кого много написания низкоуровневого программного обеспечения, я всегда испытывал сильную неприязнь к WYSIWYG, например CKEditor или TinyMCE в браузере. Для меня они в основном проблематичны, поскольку они делают контент лишен структуры , что делает повторное использование частей контента позже, очень сложным.

Мне интересно услышать «другую сторону» разговора. Принимаю ли мои пользователи страдания, потому что им действительно нужны опции ввода «свободной формы»?

Взгляните на некоторые крупные международные онлайн-журналы, такие как http://www.time.com/ и некоторые местные, я вижу, что редакторы, похоже, создают статьи, которые почти состоят только из сырого текста. Изображения обычно находятся в верхней части статьи, и в противном случае наиболее сложным контентом обычно являются ссылки.

12 голосов | спросил user50849 21 J0000006Europe/Moscow 2012, 19:15:07

6 ответов


12

Что такое значение WYSIWIG?

Он обеспечивает непосредственность и способность быстро возиться. Брет Виктор прекрасно ее осваивает в этом видео, где он показывает важность непосредственности в творческом процессе во время кодирования анимаций и игры. Творчество сильно выигрывает от экспериментов, игр и бытия в данный момент. Вы не можете достичь этого путем анализа, структуры и предварительной мысли.

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

введите описание изображения здесь>> </p>

<p> <strong> Но почему это либо или ... почему вы не можете предоставить доступ к WYSIWIG и некоторой структуре? </strong> </p>

<p> Я должен сказать, что мне нравится использовать Wordpress, который, я думаю, является гибридом (некоторые WYSIWIG некоторые структуры) ... они сделали такую ​​большую работу по разделению уровня презентации из контента. </p>

<p> Это позволяет легко редактировать текст в простом визуальном редакторе (в основном это просто WYSIWIG элементов html, а не css) на одной вкладке, а затем скриптировать с html на другом. Он также позволяет добавлять таблицы стилей CSS для настройки тем или начала работы и просто использовать уровень CMS для управления контентом. </p>

<p> Самое замечательное, что каждый пользователь может найти свой собственный уровень. Это также позволяет им расти и учиться. Выполните шаги, когда они будут готовы, то есть доступ не будет ограничен инструментом. </p>

<p> Я использовал Wordpress с таким количеством клиентов, которым просто нужен простой способ редактировать свои сайты на регулярной основе. Я научил детей использовать его. </p>

<p> Некоторые из них продолжили изучать, как редактировать CSS ... никогда не скрывая html ... он предоставил им входы на следующий уровень вверх. </p>

<p> <strong> НО, если бы у меня был свой путь, мы бы пошли еще более экстремально WYSIWIG </strong> </p>

<p> Моя единственная ошибка с Wordpress заключается в том, что вы не можете видеть изменения вживую ... так что это боль для «скрипки». Вы должны обновить, а затем просмотреть изменения. Также CSS слишком скрыт и не может быть воспроизведен с легкостью. Я использую другие инструменты, а затем импортирую их. </p>

<p> Получение правильного макета - все о вождении. </p>

<p> Мне нравятся такие инструменты, как <a href= CSSEDIT , dabblet и jsfiddle , которые позволяют вам видеть ваши изменения живут. В стилизаторе есть несколько отличных панелей, которые позволяют вам использовать слайдеры, чтобы быстро динамически видеть, как изменение значения CSS, такого как ширина, повлияет ваш дизайн с помощью ползунка для динамического просмотра изменений. Если вы точно видите, какие изменения внесены в ваш «код», вы можете быстро и легко учиться.

WYSIWIG - отличная среда для обучения ...

Добавление живых инструментов редактирования CSS ко всем стандартным браузерам, вероятно, делает больше для ускорения быстрого изучения CSS /HTML5, чем любая другая инициатива. Если вы можете играть с множеством разных примеров вживую и сразу увидеть эффект ... не только вы узнаете, что он делает ... вы хотите сделать больше ... это весело!

Мне бы понравился dabblet или CSSedit с ползунками (у dablet уже есть визуальные объяснения (например, графический линейка, показывающая ширину) каждого манипулируемого значения CSS, но я хотел бы иметь возможность динамически взаимодействовать с ними) и быструю помощь, например. это список возможных значений для этого элемента кода. Сделать его идеальным инструментом обучения HTML5 /CSS.

Но я отвлекся, чтобы ответить на ваш вопрос.

Нет, пожалуйста, не ограничивайте свой инструмент просто предоставлением пользователям возможности вводить текст и изображения отдельно. Пусть они учатся и растут в мудрой манере. Доверяйтепользователей и предоставить им доступ к представлению WYSIWIG для возиться и творчества, а также структуру /код для понимания понимания базовой модели. О да, и поставьте ползунки, как Брет Виктор ВЕЗДЕ!

ответил Lisa Tweedie 22 J0000006Europe/Moscow 2012, 18:28:07
2

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

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

P.S. Я ненавижу традиционных редакторов WYSIWYG от браузера просто потому, что все они кажутся супер-сломанными.

ответил Matt Lavoie 21 J0000006Europe/Moscow 2012, 21:23:49
1
  

То, что я хочу сделать, представляет их с формой внутри CMS, с одним полем для каждого типа данных. Загружайте изображения в одно поле, записывайте текст в секунду, ссылайтесь на видео с YouTube на третьем.

Это, по-видимому, очень разумный подход, особенно если ваши пользователи не особенно впечатлены форматированием текста и т. д.

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

ответил ChrisF 21 J0000006Europe/Moscow 2012, 19:44:42
1

Честный ответ зависит от вашей основной пользовательской базы.

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

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

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

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

Что касается вашего ответа

  

То, что я хочу сделать, представляет их с формой внутри CMS, с   одно поле для каждого типа данных. Загружать изображения в одно поле, писать   текст в секунду, ссылку на видео с YouTube в третьем.

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

ответил Mervin Johnsingh 22 J0000006Europe/Moscow 2012, 09:58:41
1

Редакторы WYSIWYG похожи на меч с двойным острием. Хотя они могут увеличить пользовательский контент контента для редактора, они могут так же легко снизить опыт содержания для читателя /пользователя на основе недостатков знаний редакторов контента с семантическим HTML. WYSIWYG также может стать крайне расстраивающим для тех, кто знает, как кодировать страницы с помощью простого текстового редактора. Некоторые редакторы WYSIWYG будут лишать теги и атрибуты, если они не настроены правильно.

Я думаю, что большая проблема заключается в методе, который пользователь должен выбирать при написании контента. Некоторые CMS, такие как Drupal, могут быть настроены так, чтобы позволить вашим более мощным пользователям /разработчикам переходить на страницу редактирования более надежного набора инструментов. Просто позвольте этим пользователям перейти к самому коду или редактору, который позволяет полностью управлять макетом и стилем. Для вашего более типичного редактора содержимого может быть лучше всего отформатированная версия WYSIWYG. Большинство этих редакторов контента просто хотят иметь возможность добавлять текст, который им нужен, из документа Word и делать несколько стилей. Другие функции, такие как управление заголовком и расширенным стилем текста, могут быть лучше предоставлены разработчику или обученным редакторам контента.

ответил JeffH 22 J0000006Europe/Moscow 2012, 15:22:23
0

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

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

Мне также нравится идея @ ChrisF о том, чтобы позволить пользователю «добавлять дополнительные места для замеров изображений». Это дало бы пользователю немного больше контроля над тем, где они хотели бы получить изображение, а также дать вам представление о том, что пользователь хотел бы видеть.

ответил PL3X 21 J0000006Europe/Moscow 2012, 19:53:40

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132