connectionaxis/mvp

mvp's Issues

ADDITIONS TO MVP

additions.docx
Content.Research.Spaces.and.Frameworks.docx




Create.new.Research.Space.docx
Create.new.framework.docx

ADDITIONS UPDATE

ADDITIONS UPDATE.docx

RESEARCH SPACE (OPEN PAGE)- UPDATE

Страница Research space (открытая при переходе со стартовой).

• Содержание (контент) используется из файла Content.Res.Space.and Frameworks
  Примеч. на этой же странице использ.контент frameworks (в том же файле, в соответствии с res.space- то есть какие он содержит frameworks)

• Разметка и шрифты: от левой стороны и правой отступы; слева отступ на расстояние меню на главной, на этом месте при прокрутке вниз появляется меню из "многоточия" см.скриншоты, для визуальной аналогии

• Конструкт страницы:
  Верхняя панель не изменяется
  ниже- кнопка Back (со стрелочкой, уже делали такую)
  мелким шрифтом указывается области с котор.идентифиц.res.space: activity sector (например startup)/main focus areas/ research areas - ЗДЕСЬ ДАННЫЕ ВНОСИМЫЕ ПРИ СОЗДАНИИ RESEARCH SPACE
  ниже логотип/image (вносимый при создании Res.space)
  далее, текст- содержание вносится тот же самый что на стартовой странице и/или в файле
  справа- кнопка Get in
  (СМ иллюстрацию)
  Примеч. внизу под основным содержанием Res.space (ОРИЕНТИРУЙСЯ НА ФАЙЛ) следует FRAMEWORKS - содержание расположить как в файле; СМ иллюстрацию и скриншот, как может выглядеть Framework на странице.
  Примеч. при нажатии на название frameworks будет осущ.переход на страницу Framew. (на доработке еще!)

Далее- при прокрутке вниз:
под верхней панелью фиксируется название Research space (можно эту панель выделить цветом/заливкой по аналогии всплывающих подсказок на стартовой- create new res.space...etc.)
Слева всплывает небольшой модель с инфо о пользователе/паблишере
Ниже меню из "многоточия"
Справа- categories and topics
СМ иллюстрацию





Content.Research.Spaces.and.Frameworks.docx

СМ. ФАЙЛЫ- Additions to Res.Space open page (DOC)
Иллюстрац.-Res.Space open page update
Скриншоты
Additions to Res.Space (open page).docx

Step 1- Страница первичной авторизации/настройки профиля после перехода по ссылкам соц.сетей (Profile setting)

1 Страница создается по аналогии с первичной настройкой профиля на ResearchGate (см.скрин-первичный профиль);
2 Содержание:
-верхний текст- логотип + ConAx середина верхней панели (!которая после перехода на главную/лицевую изменяется с добавлением элементов)
-ниже (под лого и названием) текст (средним жирным шрифтом):
Create your profile on ConAx to quick connection with sustable frameworks.

Ниже структура настройки (элементы ввода данных):
Personal Corporate (выбор пользователя, от чего зависит высплывающая рамка с именем - First Name Last Name или одна- с названием организации (рядом всплывающий указатель с текстом - Please enter your institutional details to optimisation search of your activities)
Activity sector (выбор- Academia Tech- enterprise Startup Organisation, NGO
Your personal email или Your corporate email (в зависимости от начального выбора пользователя персональн.он или корпоративный пользователь); текст в всплывающем окошке подсказке (см.скрин с ResearchGate)- Please use your corporate email as a quick way for us to verify that you're affilated with.
Password
I agree to the Terms of use and acknowledge the Privacy Policy
Continue

Примеч. см. скрин и фото рисунка; последовательности текста придерживаться размещенной здесь (в рисунке перепутан порядок!)

LANDING UPDATE

Примечание:
В файле - Landing new structure измененные тексты, структурированы в соответствии с концепцией имеющегося прототипа;

• В файле систематизирован текст по структуре лендинга- кнопки , вкладки и тд.; сверху вниз.
  Изменения:
  -стартовая страница-изменен текст; убрать три слова integration, particip., (возле майла)
  -логотипы возле емайла- возможность входа через аккаунты;
• разметка- вместо разделительных на слайды линий в предыдущей версии, на их место разместить (совместить) слоганы крупным шрифтом изображенные в файле: пример- ConAx is a cloud-based service platform to stack and share multimodal research.
• Картинки сбоку сохраняются;
  -шрифт примерно по соразмерности в соотв.с изображенным в файле DOC
  -Контент и письмо подтверждения регистрации - доп.прилагаются;
  -About ConAx - в доработке;
• Иллюстрации в доработке;
  -Также
  Landing new structure.docx
  доп.последует обновленный подвал:

Примечание: как изображены в DOC файле тексты примерно также в вебе;
для наглядности скрин

Step 7 - Create new research space (+ Menu для выбора и базы данных)

List Areas,Categ.,Fields for MENU.docx
Create new Research Space.docx

Step 5 - Страница Frameworks (при переходе по кнопке- Go to Explore со стартовой)

Элемент 4 - Create new Research Space

СМ. файл DOC - Create new Research Space
Цвета и шрифты используются стандартные (см.предыдущий issue - элемент 3)
Структура и содержание по файлу DOC; наглядная (визуальная) часть по аналогии с Guthub и Stackshare (СМ. скрины)
! Примеч.- не забыть слева в углу сделать кнопку Back по аналогии со Stackshare
Create new Research Space.docx

Step 3 - Страницы (вкладки) под переход со стартовой - меню слева (Content)- My Research Spaces, My Frameworks

На рисунке изображены два варианта страницы, в соответствии с выбором пользователя/ нажатии my research spaces или me frameworks;
Примеч.- под чертой res.space или framework текста нет, он на лицевых и внутренних страницах.

Sign in/ Sign up

1 Регистрация: 2 варианта
а) Sign up- реализуется в формате всплывающего окна (см.аналог Pinterest при регистрации)
фактура- PDF файл (использовать содержание справа);
Добавить поле - подтверждение пароля;
К надписи, вверху, добавить логотип в уменьшином размере;
Логотипы- G+ заменить на Slack;
кнопку Sign in- сделать такую же закругленную, как на лендинге;
В нижней строке: By signing up you... - Privacy Policy, Terms of Use поменять местами и выделить цветом из общей записи.
Фактура- цвета и шрифты используются те же, что и на лендинге, на белом фоне;

B) Sign in- получается производная от Sign up.
Регистрация реформатир. 1_1538687580.pdf

Доработка- авторизация/регистрация

Вставить активные логотипы соц.сетей для быстрой авторизации (Facebook, Twitter, Linkedin, Slack

Step 2 - стартовая страница (витрина), after autorit., and per-profile sett.

Фактуры:
Цвета- голубой (все кликабельные кнопки); серый (заглавный текст)
Шрифты- Жирный (заглавные); средний жирный (меню слева, верхняя панель) тонкий средний (в публикации- обозначения Owner, Institute or Startup..., Research stack etc.)

Структура:
Верхняя панель (слева направо):

лого (+ надпись ConAx)- поле для поиска- Targeting & Analytics- Creative Networks- Notifications- Аватар (он же переход на страницу Home)- "многоточие"(Settings)

Ниже отступ от верхней панели, (основное содержание страницы слева направо):

Слева меню: Content (некликабельная, серым жирным шрифтом);
My Research Spaces-
My Frameworks-
Call to action-
(кликабельные элементы, при нажатии в середине сменяются сегменты- Research space или Frameworks пользователя; СМ доп. фото рисунка с разделенным экраном (Do not yet have ... СМ. Step 3);

Середина страницы:
Рамка на рисунке с кнопкой "Create new Research Space", в ней также текст:

A research space is interconnected framework that routes tools and activities from deferent research areas to build an end-to-end pipeline process on your project. Check out some already posted research spaces like the one below.

ниже кнопка- Create new Research Space По аналогии с Github СМ скрин);

Середина страницы: Research Spaces (или Frameworks, Call to action в зависимости от выбора пользователя)
Research Spaces (содержание публикации/content)(!также применяется принцип публикаций на Github или Stackshare):
-аватар- owner (Имя или название института/фирмы и тд)

• Статус/ позиция (должность в институте, компании и тд.)- соотв.пункту в настройках профиля- Corporate (где указывается организация)
  -Activity/Sector (указывается область к которой принадлежит пользователь и проект, также из настроек профиля)
• дата публикации проекта (1-2-3-4-5- days ago)
  -Frameworks (голубым выделяется; указывает сколько фраймов в данном проекте, по аналогии с Github, frameworks у нас дублируют репозитории); СМ. issue- "Create new research space")
  -Name of space (Название проекта)
• Description (короткое описание)
  -Topics & categories (кликабельные топики и доп.слова для поиска)
• see more (открывает текст описания полностью)
  (СМ. аналог скрин Stackshare)
  -upvotes, views (статистика проекта)
  add comment (рамка для комментария)
• многоточие меню (правее от рамки комментариев); содержание в разработке!

Правая часть страницы- Frameworks (! содержание по аналогии с Res.Spaces):

• Текст с напоминанием о том, зачем frameworks (по аналогии с текстом для Res.Spaces):

Discover and create research frameworks to empower operations research, stack and share your research activities.

Popular Frameworks (содержание/content):
-Name of framework
-Owner (имя пользователя, или корпоративного-название фирмы, института)
-at Research Space (означает к какому research space относится, имя проекта)- Research stack (набор main focus areas, research areas, industrys и тд., все что указывается при создании (настройках))
-Themes and Topics
-Contributors (небольшие аватарки тех кто follows этот фраймворк, +число)

• Go to Explore (переход на страницу с Frameworks, по аналогии с Github) - страница в следующих issues (!)

-Иллюстрация

CМ иллюстрации:

Setting map-content (UX/UI)

Вводное примечание: содержание планируемых объектов (вкладок) см. файл Word - Setting map-content (UX);
содержание распределяется по вкладкам в следующем порядке:
а) Menu Settings - первая вкладка, ей соотв.содержание "элемент 3"(всплывающее окошко справа в верхней панеле)
b) ConAx Settings- вторая вкладка, ей соотв.содержание "элемент 4" (см.примечание по содержанию и фактурам)
с) Creative Networks- третья вкладка, ей соотв.содержание "элемент 5"
d) Targeting and analytics- третья вкладка, ей соотв.содержание "элемент 6"
! Все что ниже в содержании файла Word на доработке, не обращать внимание!

Структура:

• Объект (а) Menu Setting - реализуется как всплывающее окошко при нажатии в верхней панеле трех точек (см.реализацию на Pinterest); При выборе одного из пунктов меню (ConAx Settings, Creative Networks, Targeting and analytics, Privacy and Terms, Log out) всплывает соотв.окно (см.скрин из Medium, аналогичного размера);
• объект ConAx Settings (b) имеет аналогичную структуру, как страница на Pinterest - Edit Settings:
  -слева содержание, при нажатии на пункты которого происходит переход к соотв.разделу (см.реализацию Pinterest)
• справа основное содержание разделов (Account settings, Edit Profile, Claim ConAx, Notification inbox);
• Объекты: Creative Networks и Targeting and analytics НЕ ИМЕЮТ меню слева, а просто содержание копируется, как в файле Word; Реализуются в отдельных окнах (при нажатии в меню на пункты соотв.разделов);

Фактуры объектов:
-Шрифты: применяется 3 шрифта- Основные заголовки (большой, жирный), средние-разделы (средний, жирный), описание, содержание (мелкий, тонкий);
см.файл Word как в нем!!!

• Цвета (и подсветка объектов):
  -Заглавные шрифты (и средние шрифты разделов)- темно-серые (аналоги ленд.); при наведении на кликабельные слова-кнопки меняют цвет на голубой (цвет шрифтов с лендинга)- например меню слева во вкладке b- ConAx Settings;
• Мелкие поясняющие записи в разделах (поясняют действия, пользоват.инструкции) - голубым выделить;

Кликабельные кнопки, меню-рамки (+подсветка):
-кликаб.кнопки (надписи)- левое меню в первой (а) вкладке (цвет серый, при наведении меняется на голубой);
все что выделено в файле Word голубым в основном содержании голубым - кликабельно (например раздел Account settings- Male, Female, Custom и тд.)
! Прим.: везде в содержан.Yes No - реализуется как на Pinterest в виде подвижных (влево-вправо) кнопок-тумбл.;

• Выделяемые кнопки: раздел Account setting кнопки- Deactivate account, Delete account, Cancel, Save settings- выделить в рамку по аналогии с Pinterest кнопки Edit или Done и тд., выделить белым на сером фоне (серая заливка), и при наведении заливка голубая, шрифт белый, аналогично кнопкам на лендинге;
  в разделе Edit Profile- кнопки Change, и Personal или Corporate
• Рамки: все что выделено в файле заливкой (серой): Country, Language, First Name, Last Name, Username, Status, Institutions, Description, Location, Claim (оба)- реализуются как рамки с возможным воодом (см.Pinterest рамки под словами для ввода);
  ! Main Focus Areas и Activity- имеют под собой рамку с меню; меню выделено заливкой ниже.

Пояснение к UX/UI map (файл PDF, Pencil)

Элемент 9

Step 8 - Create new framework (+ Menu для выбора и базы данных)

Это же содержание применяется при просмотре пользователем research spaces в ленте и переходе (в многоточии) по функции - Edit new framework (СМ, иллюстрацию)
Create new framework.docx

Step 4 - Content for Research spaces, frameworks (содержание стартовой страницы; пользовательский контент)

Содержание research spaces и frameworks для лицевой странице (витрины)

Примечания к визуализации (рисункам):

• несколько изображений на листе (2 в одном) это разные объекты, не смешивать их; просто мелкие окна нарисовал по 2-3 на одном листе (пример пункты research areas, main focus areas, categ.&topics - изображены 3 окна под каждый на одном листе и тд.)
• во всплывающем окне "многоточия" мелкий шрифт (кнопок) можно применить цвет зеленоватый как в недавнем объекте настройки профиля
• к файлу Edit new framework используется содержание файла Create new framework; то есть во всплывающем окне сверху надпись, поле для выбора из имеющихся у пользователя фраймворков соответствующих research space , или ниже идет форма для создания нового (СМ,картинку и скрин с демонстрацией реализации в pinterest) ОСОБЕННО!- окно должно быть широкоформатным, для полноценной формы.
• широкоформатные окна также должны быть для: Merge research stack, Add to my research space, Update research stack, Frameworks (в последнем чуть меньше окон для форм требующих заполнения, в нем просто названия фраймврков со статистикой, СМ, рисунок)
• иллюстрация (рисунок) "содерж.кнопок слева" - переход на страницы по кнопкам в левом меню my res.space, my frameworks, call to action... - изображены два варианта на одном листе. ! Если пользователь "пустой" , не создал ничего еще, при нажатии переходит на стр.где то что изображено,и кнопки создать и тд. ! НА рисунке написано текст- ОН не нужен!
• файл doc - list areas, categories, fields for menu- для базы данных, для меню при создании res.space и frameworks; это ключевые данные по которым маршрутиз.контент, ленты, аналитика и тд.;
  в ссылках основные наборы данных.

! Доп.визуализация всплывающих окон с содержание (рисунки)
Content Research Spaces and Frameworks.docx

Content Research Spaces and Frameworks.docx
Create new framework.docx
















List Areas,Categ.,Fields for MENU.docx


List Areas,Categ.,Fields for MENU.docx

Step 6 - страница открытого Research space (пользователя (собственный) и сторонний)