SlideShare a Scribd company logo
1 of 7
Itsbeta App

 wireframe
Вход в апп
Бейдж за вход

                После первого входа в
                приложение показываем
                всплывающее окно с
                полученным бейджем на
                фоне интерфейса главного
                окна, вида «превью». Без
                инфы, только интерфейс.
                Инфу подгружаем после
                закрытия всплывающего
                окна.

                По нажатию на кнопку
                «Закрыть» переходим к
                главному экрану приложения.

                То есть после первого входа у
                человека сразу же будет как
                минимум один бейдж.
Основной экран
Дисплей на навигационной панели
отображает общее число бейдже й
пользователя.




Вид «Превью», значки не разбиваются
по категориям, располагаются по       Вид «Список». Переключение между
времени получения—самые новые                                            Выбор категории/подкатегории.
                                      видами—кнопка рядом с дисплеем.
сверху. Подробнее на стр 7.
Основной экран

             Модальное окно—подробная
             информация. По тапу на бейдж. Вид
             окна идентичен для обоих видов. В
             списке открывается по тапу на всю
             строку. В превью—по тапу на бейдж.
Профиль

          Кнопка на навигационной панели—
          выход. Редактирование профиля не
          возможно, так как вся инфа из фб.
Работа вида «Превью»

          Графическая схема расположения
          бейджей:

          5 размеров бейджей. Каждый меньше
          предыдущего на треть.

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


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


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

More Related Content

More from Igor Barinov

Proof of Phone KYC Oracle
Proof of Phone KYC OracleProof of Phone KYC Oracle
Proof of Phone KYC OracleIgor Barinov
 
регистрация собственности на блокчейн
регистрация собственности на блокчейнрегистрация собственности на блокчейн
регистрация собственности на блокчейнIgor Barinov
 
Презентация AdButton
Презентация AdButtonПрезентация AdButton
Презентация AdButtonIgor Barinov
 
Ситиграм - городской мессенджер
Ситиграм - городской мессенджерСитиграм - городской мессенджер
Ситиграм - городской мессенджерIgor Barinov
 
Profit Button для #ФРИИ
Profit Button для #ФРИИProfit Button для #ФРИИ
Profit Button для #ФРИИIgor Barinov
 
itsbeta presentation
itsbeta presentationitsbeta presentation
itsbeta presentationIgor Barinov
 
Vitaportal for Selfhub
Vitaportal for SelfhubVitaportal for Selfhub
Vitaportal for SelfhubIgor Barinov
 
Рекламная площадка iPad версии Большого Города
Рекламная площадка iPad версии Большого ГородаРекламная площадка iPad версии Большого Города
Рекламная площадка iPad версии Большого ГородаIgor Barinov
 
Большой Город на Mdday#moco 2012
Большой Город на Mdday#moco 2012Большой Город на Mdday#moco 2012
Большой Город на Mdday#moco 2012Igor Barinov
 
Концепция для Почты России
Концепция для Почты РоссииКонцепция для Почты России
Концепция для Почты РоссииIgor Barinov
 
Креативная Раскраска Пермь
Креативная Раскраска ПермьКреативная Раскраска Пермь
Креативная Раскраска ПермьIgor Barinov
 

More from Igor Barinov (17)

Proof of Phone KYC Oracle
Proof of Phone KYC OracleProof of Phone KYC Oracle
Proof of Phone KYC Oracle
 
регистрация собственности на блокчейн
регистрация собственности на блокчейнрегистрация собственности на блокчейн
регистрация собственности на блокчейн
 
Blocknotary Deck
Blocknotary DeckBlocknotary Deck
Blocknotary Deck
 
Blockchain Now
Blockchain NowBlockchain Now
Blockchain Now
 
BlockNotary Demo
BlockNotary DemoBlockNotary Demo
BlockNotary Demo
 
Презентация AdButton
Презентация AdButtonПрезентация AdButton
Презентация AdButton
 
Ситиграм - городской мессенджер
Ситиграм - городской мессенджерСитиграм - городской мессенджер
Ситиграм - городской мессенджер
 
Profit Button для #ФРИИ
Profit Button для #ФРИИProfit Button для #ФРИИ
Profit Button для #ФРИИ
 
itsbeta presentation
itsbeta presentationitsbeta presentation
itsbeta presentation
 
Vitaportal for Selfhub
Vitaportal for SelfhubVitaportal for Selfhub
Vitaportal for Selfhub
 
Рекламная площадка iPad версии Большого Города
Рекламная площадка iPad версии Большого ГородаРекламная площадка iPad версии Большого Города
Рекламная площадка iPad версии Большого Города
 
Blood Donor App
Blood Donor AppBlood Donor App
Blood Donor App
 
Большой Город на Mdday#moco 2012
Большой Город на Mdday#moco 2012Большой Город на Mdday#moco 2012
Большой Город на Mdday#moco 2012
 
Концепция для Почты России
Концепция для Почты РоссииКонцепция для Почты России
Концепция для Почты России
 
Донор WP7
Донор WP7Донор WP7
Донор WP7
 
Креативная Раскраска Пермь
Креативная Раскраска ПермьКреативная Раскраска Пермь
Креативная Раскраска Пермь
 
SELFHUB RUS
SELFHUB RUSSELFHUB RUS
SELFHUB RUS
 

Itsbeta android 2

  • 3. Бейдж за вход После первого входа в приложение показываем всплывающее окно с полученным бейджем на фоне интерфейса главного окна, вида «превью». Без инфы, только интерфейс. Инфу подгружаем после закрытия всплывающего окна. По нажатию на кнопку «Закрыть» переходим к главному экрану приложения. То есть после первого входа у человека сразу же будет как минимум один бейдж.
  • 4. Основной экран Дисплей на навигационной панели отображает общее число бейдже й пользователя. Вид «Превью», значки не разбиваются по категориям, располагаются по Вид «Список». Переключение между времени получения—самые новые Выбор категории/подкатегории. видами—кнопка рядом с дисплеем. сверху. Подробнее на стр 7.
  • 5. Основной экран Модальное окно—подробная информация. По тапу на бейдж. Вид окна идентичен для обоих видов. В списке открывается по тапу на всю строку. В превью—по тапу на бейдж.
  • 6. Профиль Кнопка на навигационной панели— выход. Редактирование профиля не возможно, так как вся инфа из фб.
  • 7. Работа вида «Превью» Графическая схема расположения бейджей: 5 размеров бейджей. Каждый меньше предыдущего на треть. 7 значков разного размера заполняют квадратную область. Есть два вида областей, которые поочередно стыкуются(принцип орнамента). На картинке изображено два с половиной квадрата. В динамике: Заполняем области бейджами слева на право, сверху вниз. Причем после появления нового бейджа все предыдущие должны смещаться на одну позицию. Новый бейдж всегда будет находиться в верхенм левом углу. На полоске сверху располагается свежеполученный бедж, не дублируем его. Он попадает в общий ряд после получения пользователем нового бейджа.