Комментарии 40
а ведь многим очень ненравились такие «обрезанные» экраны windows phone. А сейчас получается, что MS создала «тренд»?
+15
При чем тут обрезанные?
Фейсбук создал тренд и ничего обещнго с обрезками в винфо он не имеет
Фейсбук создал тренд и ничего обещнго с обрезками в винфо он не имеет
-2
facebook в очередной раз удачно попал в волну.
+5
Точно ничего общего?
+1
А вы вообще статью читали?
Или действительно не видите разницы между цепочкой связанных экранов в винфо и раздельными самостоятельными экранами с боковым глобальным меню, вызываемым кнопкой или жестом, описанным в статье?
Или действительно не видите разницы между цепочкой связанных экранов в винфо и раздельными самостоятельными экранами с боковым глобальным меню, вызываемым кнопкой или жестом, описанным в статье?
+16
ну я не вижу разницы
-4
Без разницы как оно называется и как оно работает. Главное как оно выглядит и какие «ощущения» производит. Выглядит оно «разделённым» экраном. Ощущения производит «подвинь (дотронься до) меня и я откроюсь». Одинаково.
Большинству нелюбителей WinPhone резала глаза именно эта «разделённость» экрана. «Нахрена мне обрезанные буквы».
Большинству нелюбителей WinPhone резала глаза именно эта «разделённость» экрана. «Нахрена мне обрезанные буквы».
+12
Мне до сих пор не нравятся обрезанные буквы и экраны. На самом деле как я понимаю это GooglePlay аналог в Android. Несомненно идея похоже из Метро, двигать «плоские» экраны влево/вправо, но вот обрезанные буквы просто съедают часть экрана и выглядят ужасно. Непонятно как это выглядит если на экране карта, которую изначально можно двигать в 4х направлениях…
0
Визуально идеи похожи, но ощущения от использования разные. Если бы WP добавили границу разделитель между экранами и сделали их наползающими друг на друга — они были бы в тренде. :) А так близко, но мимо.
0
Эх. Ну как вы не понимаете… Разница заключается в контексте использования. Ощущение «дотронься до меня и я откроюсь» на основном экране и в меню — две большие разницы. В первом случае — это нервы и ощущение нестабильности ситуации.
0
Чтобы понять разницу, стоит открыть небольшое демо на сайте Sparrow и покликать на экране воображаемого iPhone (в Opera не работает). Разница с Windows Phone очевидна.
0
А когда в FB появился этот патерн?
Пока читал статью, вспомнил что в старой версии мобильного FF было похожее, но как выглядело на тот момент приложение FB не припомню
Пока читал статью, вспомнил что в старой версии мобильного FF было похожее, но как выглядело на тот момент приложение FB не припомню
+1
все уже отвыкли что МС создаёт тренды, типа неповоротливый монстр. Нет, есть ещё порох в пороховницах.
+6
Этот паттерн называется off canvas и относится не только к андроиду. Люк Вроблевски очень хорошо про него пишет, а Джейсон Вивер приводит интересный вариант реализации для веба.
+8
не всегда удобно это, хочешь экран пальцем протереть, а оно тебя кудато переключает, особенно в браузерах некоторых это заменяет кнопки навигации вперед\назад
-3
Блокировка!
с ув. ваш К.О.
с ув. ваш К.О.
+6
Очень вас понимаю.
Захочешь, бывает, протереть клавиатуру на нотубуке, ну или почесать этой клавиатурой затылок (благо ноут лёгкий), а он возьми, да фигню какую-то при этом делает. Непорядок!
Захочешь, бывает, протереть клавиатуру на нотубуке, ну или почесать этой клавиатурой затылок (благо ноут лёгкий), а он возьми, да фигню какую-то при этом делает. Непорядок!
+4
НЛО прилетело и опубликовало эту надпись здесь
Клиент Steam на iOS один из самых лучших примеров я считаю.
-1
Этот паттерн спасает, когда дизайнер не может совладать с контентом. Помогает избежать перекрестных переходов между таббарах из нижних слоев навигации и т.п. В общем, для соцсетей — самое то, когда от со страницы друга попадаешь на еще друга, а потом к себе, при чем у тебя уже стек вьюшек в штук 10 «за спиной» и возвращаться кнопкой «Back» долго.
+1
Больше всего понравилась реализация github.com/jfeinstein10/SlidingMenu
+2
Выглядит уродски — рассеивает внимание, показывает обрезанный контент, еще и в другом стиле и цветовой гамме.
Это как в раме картины оставлять справа немного места для списка других картин, биографии автора и покупки пиццы.
Это как в раме картины оставлять справа немного места для списка других картин, биографии автора и покупки пиццы.
0
У меня складывается стойкое впечатление, что комментаторы выше не прочитали ни строчки из статьи, а только посмотрели картинки и давай флудить не по теме
+6
Я вот чего не понял: какая пренципиальная разница между такой панелькой и дашбордом? Да, в панельке пользователь как бы не покидает экран где он находится, но на практике панель закрывает (или сдвигает) большую его часть, не давая больше с ним взаимодействовать. Возможн я ошибаюсь, но кроме более понятного поведения кнопки «обратно» (закрыть панель) она по сути мало чем отличается от дашборда, кроме оформления. Или есть что-то еще?
0
Всё очень просто: используя дашборд, вы можете углубляться в экраны приложения, но потом будете вынуждены возвращаться обратно. Например: Дашборд → Новости → Конкретные новости → Открываете ссылку во встроенном в приложение браузере. Что вам нужно сделать теперь, чтобы попасть в другую часть приложения, например, группу? Правильно, 3 раза жмёте «назад».
А с панелькой всё просто: где бы вы ни были, смело жмите кнопку, и вся структура приложения у вас перед глазами. Передумали? Нажмите кнопку ещё раз и вернётесь обратно.
С дашбордом сложнее. Предположим, у вас есть кнопка, которая есть везде и доставляет вас к дашборду. Вот вы нажали на неё, но передумали и хотите продолжить просмотр новости. При нажатии на кнопку «новости» непонятно куда вы попадёте: или на ленту, или на сохранённое место, откуда вышли. И ладно, если у вас андроид — там есть кнопка «назад», но есть ещё и iOS.
Вот и вся разница, которую автор осветил соответствующими изображениями в статье.
А с панелькой всё просто: где бы вы ни были, смело жмите кнопку, и вся структура приложения у вас перед глазами. Передумали? Нажмите кнопку ещё раз и вернётесь обратно.
С дашбордом сложнее. Предположим, у вас есть кнопка, которая есть везде и доставляет вас к дашборду. Вот вы нажали на неё, но передумали и хотите продолжить просмотр новости. При нажатии на кнопку «новости» непонятно куда вы попадёте: или на ленту, или на сохранённое место, откуда вышли. И ладно, если у вас андроид — там есть кнопка «назад», но есть ещё и iOS.
Вот и вся разница, которую автор осветил соответствующими изображениями в статье.
+1
в iOS дашборд паттерн почти не применяют, стандартное решение: тулбар в котором последнюю кнопку можно сделать "… Еще" при нажатии на которую выйдет список с доп. функциями (какие-то функции перенести на тулбар) + тулбар можно сделать скрываемым в дочерних окнах + навигейшен контроллер (стек окон с кнопкой назад) в главных окнах — по функциям делают все то же что и боковая навигация. Пример — стандартное приложение Музыка.
0
Прочтите статью, поймете что еще.
+1
Почему-то мне кажется, что большинство юзеров держат телефон в правой руке. Было бы логично выдвигать меню справа, и сами пункты меню рисовать снизу вверх.
+1
EnyoJS предлагает более интересный подход.
0
Эх, а я вот сам с нуля писал такую штуку, тогда библиотек ещё не было :)
0
А мы отказались от боковой навигации в своем приложении.
Поначалу этот паттерн тоже показался оригинальным, но при его внедрении выяснился ряд нюансов. По сути каждый экран должен состоять из 2 фремов, собственно фрейма текущего экрана и фрейма меню. В результате код становится довольно перегруженным и видимо по этой причине боковую панель реализую как правило только на основных, домашних экранах, на которые еще нужно вернуться с дополнительных экранов бэком. Например посмотрите тот же фейсбук или вконтакте, у дочерних окон нет бокового меню. В результате мы решили немного переработать паттерн бокового меню на паттерн всплывающего в попапе меню.
Плюс в том, что на все экраны добавлена кнопка меню справа и при клике меню открывается в попапе. В итоге это пара строк кода в каждом экране, примерно так:
actionBar.addAction(new MenuAction());
private class MenuAction extends AbstractAction {
public MenuAction() {
super(R.drawable.menu_icon);
}
Override
public void performAction(View view) {
final PopupAction quickAction = new PopupAction(BuyActivity.this,app,false);
quickAction.show(view);
quickAction.setAnimStyle(PopupAction.ANIM_GROW_FROM_RIGHT);
}
}
Можно было и их вынести, но в приложении есть несколько окон без меню (всего в приложении около 20 экранов)
Само всплывающее меню для пользователя выглядит примерно так:
Причем меню разное для зарегистрированных и незарегистрированных пользователей. Ну в общем лучше 1 раз посмотреть в деле чем полчаса читать описание: play.google.com/store/apps/details?id=com.imobilco.bigbuzzy
Поначалу этот паттерн тоже показался оригинальным, но при его внедрении выяснился ряд нюансов. По сути каждый экран должен состоять из 2 фремов, собственно фрейма текущего экрана и фрейма меню. В результате код становится довольно перегруженным и видимо по этой причине боковую панель реализую как правило только на основных, домашних экранах, на которые еще нужно вернуться с дополнительных экранов бэком. Например посмотрите тот же фейсбук или вконтакте, у дочерних окон нет бокового меню. В результате мы решили немного переработать паттерн бокового меню на паттерн всплывающего в попапе меню.
Плюс в том, что на все экраны добавлена кнопка меню справа и при клике меню открывается в попапе. В итоге это пара строк кода в каждом экране, примерно так:
actionBar.addAction(new MenuAction());
private class MenuAction extends AbstractAction {
public MenuAction() {
super(R.drawable.menu_icon);
}
Override
public void performAction(View view) {
final PopupAction quickAction = new PopupAction(BuyActivity.this,app,false);
quickAction.show(view);
quickAction.setAnimStyle(PopupAction.ANIM_GROW_FROM_RIGHT);
}
}
Можно было и их вынести, но в приложении есть несколько окон без меню (всего в приложении около 20 экранов)
Само всплывающее меню для пользователя выглядит примерно так:
Причем меню разное для зарегистрированных и незарегистрированных пользователей. Ну в общем лучше 1 раз посмотреть в деле чем полчаса читать описание: play.google.com/store/apps/details?id=com.imobilco.bigbuzzy
+1
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Новый паттерн UI — боковая навигация