Дизайн-на-коленке: рок-н-ролл, кнопка лайк и шлюхи
Напоминаю, что мы с Валерой Яцко продолжаем делать на ходу дизайн сервиса, который позволит счастливым обладателям айпадиков и айфончиков дружить программами.
Сегодня
Сегодня у каждой программы в ЛукЭтМайАппсе появилась своя страница. Например, вот страница программы Little Things.
Следовательно, появилась возможность программу откомментировать, поделиться ею с друзьями, написать про нее что-нибудь на стене и так далее.
Конечно же, тут же весь сервис обвешался лайками. Вместо одной ссылки появилось пять, и все это теперь немного напоминает вооруженное ограбление шалмана.
Выбраться из этой ситуации нам с Валерой поможет дизайнерско-армейский принцип "Безобразно, зато единообразно". Заголовки программ станут везде черными, у цены появится свой цвет, "В избранное", скорее всего, обретет иконку и станет по размеру как фейсбук-лайк-кнопка. Посмотрим завтра, что получилось. Со вчерашней кнопкой поиска мы, во всяком случае, справились успешно. Рецепт прилагаю.
Филе из поиска (старинный фламандский рецепт)
Вчера нам понадобились для приготовления:
- две кнопки поиска ("Найти в Эппсторе" и "Найти") - потому что первая нужна для того, чтобы показать, что мы ищем именно в Эппсторе, а вторая нужна потому, что на странице "Поиск в Эппсторе" оставить кнопку с названием "Найти в Эппсторе" может только дебил) - мы их потом расставим грамотно;
- страница "Поиск в Эппсторе", которой не будет видно из меню и попасть на которую можно только через урл; она нужна для чуваков, которые обязательно на нее как-нибудь попадут, а она вся такая красивая, без ошметков всевозможных "null_string_search" и пр.
- результаты поиска - сколько чего найдено;
- строки а-ля "Ничего не найдено".
Обратите внимание
На что обращу внимание:
а) на то, что у поискового боксика параметр input="text" оставлять нельзя. Надо делать input="search", потому что тогда в сафари на маке поисковый боксик становится поисковым окном с кнопкой "стереть" и с гламурными скруглениями;
б) на то, что кнопку поиска лучше всего все-таки ставить. Раньше иногда я позволял себе оставлять кнопку со стрелочкой какой-нибудь рисованной, но прошли годы, появилось много всяких устройств, и старая добрая кнопка - лучше всего. Классика, проверенная временем. Работает хорошо во всех браузерах (почему это важно, потом напишу). Просто очень красива, в конце концов.
Приготовление
- Пункт "Поиск" убираем из меню сайта;
- Делаем чистый поиск, без чекбоксов, расширенных поисков, уточнений и прочей херни - чтобы избежать всего этого, надо просто сделать хорошую выдачу. Расширенный поиск хорош, когда вебмастер ищет в Яндексе, обычные люди (непрограммисты) им не пользуются, наверное, никогда.
- Если поиск идет по различным разделам сайта (например, в нашем случае будем когда-нибудь искать и по имени пользователя), то выдачу бьем на куски (как тут, например) и под строкой поиска пишем "Найдено 156 результатов - 25 документов в пресс-центре, 11 ворованных MP3-файлов, 120 программ" (там не написано, просто не думайте о том, почему).
- Заводим страницу "Поиск не дал результатов". На студийном сайте это называется "Придумайте другое слово";
- Заводим страницу "Найдено 156 результатов";
- На сайте ставим кнопку "Найти в Эппсторе";
- На странице поиска оставляем просто "Найти", потому что там заголовок нормальный у страницы должен быть.
Нюансик, который мне Тема показал: в таких местах, где есть несколько форм, как в "Типографе", например - поиск уже не поисковая строка, а скрывается за ссылкой. Нам не пригодилось вчера, но пусть вы тоже теперь знаете. Это, вообще-то, круто знать, да.
(Не забыть потом рассказать: про животворящую силу ашодин, про новичка и лернинг керв, почему делать стандартные контролы не стыдно, а модно)
Сегодня
Сегодня у каждой программы в ЛукЭтМайАппсе появилась своя страница. Например, вот страница программы Little Things.
Следовательно, появилась возможность программу откомментировать, поделиться ею с друзьями, написать про нее что-нибудь на стене и так далее.
Конечно же, тут же весь сервис обвешался лайками. Вместо одной ссылки появилось пять, и все это теперь немного напоминает вооруженное ограбление шалмана.
Выбраться из этой ситуации нам с Валерой поможет дизайнерско-армейский принцип "Безобразно, зато единообразно". Заголовки программ станут везде черными, у цены появится свой цвет, "В избранное", скорее всего, обретет иконку и станет по размеру как фейсбук-лайк-кнопка. Посмотрим завтра, что получилось. Со вчерашней кнопкой поиска мы, во всяком случае, справились успешно. Рецепт прилагаю.
Филе из поиска (старинный фламандский рецепт)
Вчера нам понадобились для приготовления:
- две кнопки поиска ("Найти в Эппсторе" и "Найти") - потому что первая нужна для того, чтобы показать, что мы ищем именно в Эппсторе, а вторая нужна потому, что на странице "Поиск в Эппсторе" оставить кнопку с названием "Найти в Эппсторе" может только дебил) - мы их потом расставим грамотно;
- страница "Поиск в Эппсторе", которой не будет видно из меню и попасть на которую можно только через урл; она нужна для чуваков, которые обязательно на нее как-нибудь попадут, а она вся такая красивая, без ошметков всевозможных "null_string_search" и пр.
- результаты поиска - сколько чего найдено;
- строки а-ля "Ничего не найдено".
Обратите внимание
На что обращу внимание:
а) на то, что у поискового боксика параметр input="text" оставлять нельзя. Надо делать input="search", потому что тогда в сафари на маке поисковый боксик становится поисковым окном с кнопкой "стереть" и с гламурными скруглениями;
б) на то, что кнопку поиска лучше всего все-таки ставить. Раньше иногда я позволял себе оставлять кнопку со стрелочкой какой-нибудь рисованной, но прошли годы, появилось много всяких устройств, и старая добрая кнопка - лучше всего. Классика, проверенная временем. Работает хорошо во всех браузерах (почему это важно, потом напишу). Просто очень красива, в конце концов.
Приготовление
- Пункт "Поиск" убираем из меню сайта;
- Делаем чистый поиск, без чекбоксов, расширенных поисков, уточнений и прочей херни - чтобы избежать всего этого, надо просто сделать хорошую выдачу. Расширенный поиск хорош, когда вебмастер ищет в Яндексе, обычные люди (непрограммисты) им не пользуются, наверное, никогда.
- Если поиск идет по различным разделам сайта (например, в нашем случае будем когда-нибудь искать и по имени пользователя), то выдачу бьем на куски (как тут, например) и под строкой поиска пишем "Найдено 156 результатов - 25 документов в пресс-центре, 11 ворованных MP3-файлов, 120 программ" (там не написано, просто не думайте о том, почему).
- Заводим страницу "Поиск не дал результатов". На студийном сайте это называется "Придумайте другое слово";
- Заводим страницу "Найдено 156 результатов";
- На сайте ставим кнопку "Найти в Эппсторе";
- На странице поиска оставляем просто "Найти", потому что там заголовок нормальный у страницы должен быть.
Нюансик, который мне Тема показал: в таких местах, где есть несколько форм, как в "Типографе", например - поиск уже не поисковая строка, а скрывается за ссылкой. Нам не пригодилось вчера, но пусть вы тоже теперь знаете. Это, вообще-то, круто знать, да.
(Не забыть потом рассказать: про животворящую силу ашодин, про новичка и лернинг керв, почему делать стандартные контролы не стыдно, а модно)