Псевдоссылки

links

Псевдоссылка — ссылка, с dashed или dotted подчеркиванием. При щелчке по такой ссылке не происходит переход к другой странице, а выполняется некоторое действие на текущей странице без ее перезагрузки. Наиболее распространена такие ссылки в Рунете, часто используются совместно с технологией AJAX. Для создания ссылок используется свойство CSS border-bottom со значение dashed или dotted.

Кто-то принимает псевдоссылки за аналог кнопки, но это не совсем так. Давайте разберемся

Правила

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

Подчеркивание обозначает:

  • «линией» — действие при нажатии с переходом на другую страницу; ссылка на страницу; не действие; желательно выражать существительным;
  • «пунктиром» — действие при нажатии без перехода перехода на другую страницу и перезагрузки текущей; желательно выражать глаголом;
  • «точками» — действие при наведении; визуальное выделение ссылки, которая поясняется дополнительно и чаще всего всплывающей подсказкой (например: аббревиатуры и подсказки)

P.S.: Убедительная просьба. Перестаньте подчеркивать текст в вебе, если только это не ссылка. Лучи ненависти вызывают люди, выделяющие слова подчеркиванием. Для выделения текста уже давно изобрели полужирное и курсивное начертание.

Читать дальше →

Экспресс-юзабилити тест: 3dtop.net

logo

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

Читать дальше →

Редизайн блога: очень просто своими руками

redesign

Как вы, наверное, заметили, в блоге произошел кардинальный редизайн. Хотелось бы рассказать вкратце, как и зачем это было сделано. А также в принципе “зацепить” тему редизайна и рассказать с чем его кушают.

Читать дальше →

Делаем флеш сайт с CMS на заказ. Прямые руки и два часа работы

Это рекламная статья.

В каждом уважающем себя офисе хотя бы раз в два дня должен раздаваться звонок: «Ребята, спасайте! К нам едет очень важный клиент (партнер | инвестор | заказчик | любимая женщина). Срочно нужно сделать сайт!! Плачу любые деньги».

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

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

Читать дальше →

Почему ссылка «Контакты» всегда последняя?

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

Читать дальше →

5 шагов по упрощению дизайна блога

5-steps

Хотите простой дизайн для своего блога? Хотите чтобы он был элегантный и привлекательный?

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

И вы не должны быть гуру дизайна или работать в Apple, чтобы осуществить это!

Эти шаги проще, чем вы думаете. Те, кто не любят простоту могут спросить: зачем это мне?

Читать дальше →

Экспресс-юзабилити тест: nifa.ru

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

Читать дальше →

Эффект Зейгарник в пользовательских интерфейсах

Untitled-1

Эффект Зейгарник — один из известных психологических эффектов, ныне описанный почти во всех книгах и учебниках по психологии. Был он открыт еще в 20-е годы прошлого века русским психологом Блюмой Зейгарник. Вкратце его можно сформулировать как «незавершенные действия запоминаются лучше, чем завершенные».

Читать дальше →

Форма регистрации vs. постепенное вовлечение

Форма-регистрации-vs.-постепенное-вовлечение

В последнее время меня стали очень интересовать вопросы UI (пользовательский интерфейс) и веб-дизайна. Поэтому в дальнейшем скорее всего буду много уделять внимания этим вещам.

Сегодня я рад представить Вашему вниманию отрывок книги Luke Wroblewski под названием Web Form Design: Filling in the Blanks (кто хорошо знает английский рекомендую прочитать) вольно мной переведенный.

Читать дальше →

Четыре ключевых компонента качественного веб-дизайна

Четыре ключевых компонента качественного веб-дизайна

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

Читать дальше →

Суперрассылка!

Введите почту и будьте в курсе