А как вы обозначаете внешние ссылки в desktop-приложении?

Question

[Дмитрий Исаев]

Всем доброго!


У нас в приложении будет табличка и столбец с действием:




Либо это действие внутри нашего приложения («Update»), либо открыть ссылку в браузере («Download», что расшифровывается как «Open Developer Site, Find Download Link And Download»).


У нас в команде разделились мнения. На картинке отражено мнение… правильно, дизайнера! Второе мнение — делать их более похожими на ссылки.


Самое интересное вот что: я взял у себя первые две открытые программы… и в каждой нашёл оба варианта!


Вот Firefox 18. Со ссылками в окне About всё понятно, но вот круглая сиреневая кнопка на заднем плане (окно Preferences) — тоже является ссылкой, открывает вкладку в браузере:




А вот мой любимый JetBrains (любимый в первую очередь за подход к UI):




Здесь обе внешние ссылки («Buy now» и «More Info») выглядят логично, каждая на своём месте.

Хотелось бы понять какие-то правила: где какой вариант будет уместен?


Ну и, в частности, применительно к нашему интерфейсу. У нас это довольно важная часть UI: активные юзеры нажимают на эти ссылки-кнопки едва ли не каждый день.

Answer 1

[cheiwe]

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

Answer 2

[ixSci]

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

Comments

[Дмитрий Исаев]

Это Firefox для мака, а сиреневая кнопка открывает вот что. Ссылки нажимаются юзерами гораздо реже кнопок, это «менее удобное» действие, далёкое от искомой кнопки «Download» в браузере, и поэтому я думаю, что они должны «меркнуть».

Answer 3

[Дмитрий Исаев]

Сорри, ошибся адресом, стал писать коммент в текстовом поле, не нажав «комментировать» (кстати, про юзабилити).

Answer 4

[starboard]

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

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

Ну и, напоследок — невозможно сказать, что лучше, видя только небольшой фрагмент экрана. Возможно, подчеркнутый текст среди кнопок будет уродовать внешний вид, а может быть — и нет.
Ваши кнопки не динамические, а набор одинаковых текстовых кнопок обычно легко заменяется маленькими кнопками с иконками. К тому же, эта синева сильно бьет по глазам. Отойдите от монитора на пару метров, прищурьтесь и обратите внимание, насколько ненавязчив сиреневый кружок…