Как сделать максимально юзабельное редактирование данных в веб-интерфейсе?
Вопрос очень абстрактный и зависит например от того какие данные планируется редактировать.
Если речь идет про что то важной (банковские реквизиты, etc) - я бы настаивал на отдельной форме, пользователь не должен менять их просто так.
Если речь идет о чем то менее важном - мне кажется нормальным (и де-факто применяемым на куче сайтов) некий гибридный подход из последних двух пунктов.
По ховеру надо как то подсвечивать поле призывая по нему кликнуть.
По клику открывать редактирование в +- границах поля.
Обязательно показывать кнопку отмены изменений.
По клику на любое другое место/нажатию enter - сохранять данные.
Посмотрите например на https://trello.com/
Или в Jira редактирование issue.
PS Я не дизайнер, мнение субъективно.
И стоит помнить, что сейчас люди часто заходят на сайты с мобильных устройств, в которых нет курсора и соответствующих событий.