Людвиг-в-ж-ж (grosslarnakh) wrote,
Людвиг-в-ж-ж
grosslarnakh

Дизайн-на-коленке: рок-н-ролл, кнопка лайк и шлюхи

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

Сегодня

Сегодня у каждой программы в ЛукЭтМайАппсе появилась своя страница. Например, вот страница программы Little Things.

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

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


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


Филе из поиска (старинный фламандский рецепт)

Вчера нам понадобились для приготовления:

- две кнопки поиска ("Найти в Эппсторе" и "Найти") - потому что первая нужна для того, чтобы показать, что мы ищем именно в Эппсторе, а вторая нужна потому, что на странице "Поиск в Эппсторе" оставить кнопку с названием "Найти в Эппсторе" может только дебил) - мы их потом расставим грамотно;

- страница "Поиск в Эппсторе", которой не будет видно из меню и попасть на которую можно только через урл; она нужна для чуваков, которые обязательно на нее как-нибудь попадут, а она вся такая красивая, без ошметков всевозможных "null_string_search" и пр.

- результаты поиска - сколько чего найдено; 

- строки а-ля "Ничего не найдено".


Обратите внимание 

На что обращу внимание:



а) на то, что у поискового боксика параметр input="text" оставлять нельзя. Надо делать input="search", потому что тогда в сафари на маке поисковый боксик становится поисковым окном с кнопкой "стереть" и с гламурными скруглениями;

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


Приготовление

- Пункт "Поиск" убираем из меню сайта;

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

- Если поиск идет по различным разделам сайта (например, в нашем случае будем когда-нибудь искать и по имени пользователя), то выдачу бьем на куски (как тут, например) и под строкой поиска пишем "Найдено 156 результатов - 25 документов в пресс-центре, 11 ворованных MP3-файлов, 120 программ" (там не написано, просто не думайте о том, почему).

- Заводим страницу "Поиск не дал результатов". На студийном сайте это называется "Придумайте другое слово";

- Заводим страницу "Найдено 156 результатов";

- На сайте ставим кнопку "Найти в Эппсторе";

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

Нюансик, который мне Тема показал: в таких местах, где есть несколько форм, как в "Типографе", например - поиск уже не поисковая строка, а скрывается за ссылкой. Нам не пригодилось вчера, но пусть вы тоже теперь знаете. Это, вообще-то, круто знать, да.


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

Tags: lookatmyapps, Валера Яцко, дизайн, есть секрет, поиск
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 10 comments