Like Labs

software development iPad, web services and social integration

From the to-do list: Website - desktop/user flow

❏ Homepage

Comments

Denis Slabakov on July 5, 2012:

Dmitry Mishchenko on July 9, 2012:

Возникли следующие вопросы:
 - дизайн страницы содержит видеоролик (должен храниться локально или загружаться, например, с youtube?), логотипы (компаний?), цитаты (жестко заданы или берутся из отзывов?) образцы фотографий (или фотоотзывов?) и дополнительный текст. Хотелось бы уточнить, какие именно данные должны отображаться в описанных разделах;
 - что должно происходить при нажатии на кнопку “Подробнее”? Переход на страницу “About Us”?
 - должны ли фотоотзывы и логотипы компаний быть кликабельными? Если да, то какая реакция на клики должна быть реализована?
 - согласно спецификации, незарегистрированные пользователи могут видеть публичный контент. Каким образом происходит переход на него с данной страницы?
 - в футере страницы имеется пункт “Конфиденциальность”. Должен ли пункт присутствовать лишь на страницах незалогиненного пользователя? Клик по данному пункту приводит к появлению всплывающего окна или к открытию новой страницы? Нужен ли какой-либо специфический дизайн для этой страницы?

Denis Slabakov on July 10, 2012:

-- а) видео ролик будет храниться на youtube
   б) логотипы компаний участников, предоставлю
   в) цитаты - при запуске будет пусто, добавим потом, это не отзывы посетителей, а отзывы о системе от заведений, будем делать управление внутри административной части сайта
   г) фотографии - пока будет 9 фиксированный фотографий из "реалных" фотоозывов, сами фотоотзывы сделаем и выберем в первые дни работы системы
   д) Дополнительный текст предоставлю позже

- При нажатии на кнопку "Подробнее" переход на страницу "About Us"

- Логотипы не кликабельны, При клике на фотоотзыв переход на homefeed отображающий только публичный контент

- Публичный контент для незарегистрированных пользователей, см выше

- "Конфиденциальность" нужно заменить на "Правила" - всплывающее окно с пользовательским соглашением, во вложении. Соглашение с пользователем еще не окончательное, но можно уже использовать.

Denis Slabakov on July 16, 2012:

please review

Denis Slabakov on July 17, 2012:

Q:


·      The page design features a video clip (it will have to be saved locally or downloaded, for instance, from YouTube), logos (of the companies?), quotations (predetermined or taken from the comments?), samples of photos (or of photographic comments?), and additional text. We would like to clarify what data exactly will need to be displayed in the described sections?

·      Clicking on the “More” button should yield a transition to the “About Us” page?

·      Should photographic comments and company logos be clickable? If yes, what should happen upon clicking?

·      In accordance with the specification, the nonregistered users are able to see the public content. How is the transition made from a given page to it?

·      In the page footer, there is a “Confidentiality” tab. Should this tab be present only on the pages of nonregistered users? Does clicking on the tab yield the appearance of a pop-up window or the opening of a new page (is a specific design needed for this page?)


A: 

 a) the video clip will be saved on YouTube

  b) yes, the participating companies’ logos; I’ll supply those

   c) quotations—at launch, there will be none, we will add them later; these aren’t users’ comments but comments about the system of establishments; we will be doing control inside the administrative part of the site

a)    photos—for the time being, there will be 9 fixed photos from “real” photographic comments; we will create and select the photographic comments as soon as the system begins functioning

b)    I will supply the additional text later on.

            - Clicking on the “More” button yields a transition to the “About Us” page

            - The logos are not clickable. Clicking on a photographic comment yields a transition to Homefeed displaying only the public content

            - Public content for non-registered users, see above

            - “Confidentiality” needs to be replaced with “Rules”—a pop-up window with the user agreement, in the tab. The User Agreement hasn’t been finalized yet but can be used.

Sudhir Kelappan on July 25, 2012:

We need the images and the Utube video url in this page.Also please send us the Russian text in each block.I am attaching a screenshot of what we have done with dummy text and images.Please let me know your suggestions.Shall we integrate Google translator into the pages to support multiple languages?

Denis Slabakov on July 25, 2012:

I will provide images later this week

Please no Google translate

Please use fonts and styles as in  likelabs_home2_ru.psd.zip 

I will provide text separately

Denis

Sudhir Kelappan on July 30, 2012:

Please review the attached.We are now working on the Russian text inclusion and fonts.

Denis Slabakov on July 30, 2012:

Sudhir, 

Please compare two attached images, there is little in common, and too many differences

I think we need to setup a teleconference to discuss the progress.

Please advise convenient time.

Denis

Sudhir Kelappan on July 31, 2012:

Attached what we have done so far and some styling work in progress.

Denis Slabakov on July 31, 2012:

Russian text for Homepage

Area 1 - Проект Like Labs - только живые сообщения и реальные лица.

Area 2 - 

Like Labs — это новый способ высказать мнение о заведении, в котором вы побывали.

 

Вас обязательно запомнят!

 

Только живые сообщения и реальные лица.

 

Выразите своё отношение, поделитесь эмоциями — и мир развлечений станет ярче.

 

«Поделитесь улыбкою своей» с помощью iPad, установленных в популярных ресторанах, клубах, кинотеатрах и на выставках нашего города.


Area 3 - 

Это очень просто и совершенно бесплатно: подойдите к стойке с iPad, зарегистрируйтесь в системе с помощью мобильного телефона или через соц. сети, сфотографируйтесь и оставьте сообщение. Попробуйте себя в роли критика-эксперта, используя современные технологии — это невероятно увлекательно и позитивно!

 

Вас вкусно накормили? Вам понравился фильм? Посоветуйте другим людям свои излюбленные места и обретайте новых довольных друзей и благодарных поклонников.

 

Небольшой сюрприз: расскажите о своих впечатлениях первыми и, возможно, именно вы получите приятный подарок от заведения за «Лучший отзыв».

 

Лучшие места города ждут вас в гости. Добро пожаловать!


Area 4 - to be removed from the page

Sudhir Kelappan on July 31, 2012:

Thanks for the texts Denis. 

Will remove Area 4.  We were about to ask few queries on that .. now we dont need to as it is to be removed.
 
Couple of questions:

   1. Are all the texts  static ?

   2. For "Area 1" the text   "Like Labs" needs to be in bold
       Is this understanding correct ?

   3. The number of paragraphs for each areas will always be exactly as
       given above.
       Is this understanding correct ? 

Denis Slabakov on July 31, 2012:

Area 4 - to be removed, correct

All text is static

Like Labs bold if it is bold in my text

Please keep number of paragraphs as it is

Denis Slabakov on August 6, 2012:

Please find enclosed dummy logos (english-russian-ukranian3, chinese-thai-korean, german-italian-turkish, spanish-portuguese-french) to be used to randomly fill in logos spaces

Only three companies logos to be used from the start it is in enclosed PSD file

Sudhir Kelappan on August 7, 2012:

Dear Denis,
 
   Could you pls. check http://50.18.104.74:8020/public

 We have put in only three logos. Pls. get back to us if this is not what was intended.

Pls. note that the text alignments  still needs to be corrected. Will be doing it once  logos are clarified.

Denis Slabakov on August 7, 2012:

Hello Sudhir,

Logos itself are correct, aspect ration is not correct, corners of the border seems to be incorrectly rendered

Denis.

Sudhir Kelappan on August 7, 2012:

Yes Denis ... I agree. This will be corrected .. it was put there for representation only.
Question: Will the logos be changed at each page refresh ?
If so then at each page refresh we pick up any three logos from the given set of 7 (4 dummy logo images + 3 images in the PSD ) ?

Regards,
-Sudhir

Denis Slabakov on August 7, 2012:

There are 12 places for logos placement. For the moment, there will be three "real" logos and other 9 places should be filled with provided dummy logos, in random order.

If it would simplify the process, you can create a set of 12 logos, it would include three real logos and 9 dummy logos, and fill spaces on the page randomly each time page is being loaded.

Denis.

Sudhir Kelappan on August 7, 2012:

Thanks Denis. Doing the first option would be simpler.
On Aug 7, 2012 8:20 PM, "Denis Slabakov (Basecamp)" <

Sudhir Kelappan on August 9, 2012:

Hi Denis,

Pls check http://50.18.104.74:8020/public

For logoimages, we have left the borders on otherwise the dummy images were not looking good. We will remove the borders once there are real images.

Everything else should be ok (except for the page headers and footers).

-Sudhir

Denis Slabakov on August 9, 2012:

Sudhir,

the page looks very different in different browsers, I believe that page you create should look almost the same in different browsers.

on mac os - alignment is very bad

Font sizes are not up to provided design.

Content within green and blue buttons are incorrect - font type and text itself.

Denis

Sudhir Kelappan on August 20, 2012:

Dear Denis,

  Pls. check http://50.18.104.74:8020/public

 There is an issue of english text displaying bold.
 This is because of mixed fonts being used "helvetica neue" and "Lobester"  and  those are not system fonts, we  need to create OTF, TTF, EOT, WOFF, SVG files for CSS
We will be fixing this tomorrow by including  the separate font files.

-Sudhir

Victor Metelskiy on August 21, 2012:

Hi, Sudhir!

1)Not only english text is bold. Punctuation marks also look different.

2)The words on green and blue buttons("Подробнее", "Регистрация", "Войти") have some pixels around them (it looks like a noise effect) in all browsers except IE.

Denis Slabakov on August 28, 2012:

Hi Sudhir,

I have requested designer team to help with fonts problem.

Please check their comments.

----------------------------------------------

Hey Denis, so I’m looking into this and I’m not exactly sure why these fonts wouldn’t work w/ Cryllic. Are they using Google Fonts for the “Lobster” font? It seems to work fine w/ Cyrillic, see screenshot. As for the Helvetica Neue font, they may want to use a standard CSS font-family declaration (i.e. font-family: ‘Helvetica Neue’,helvetica,arial,sans-serif;) rather than via @font-face as the @font-face library may not be using the Cyrillic character set. Let me know if this is any help, if not we’ll look further into it w/ one of our team members from development.

-----------------------------------------

Denis Slabakov on November 8, 2012:

russian view, icons and layout

Denis Slabakov on November 9, 2012:

Hello,

Please change animated gifs on this page into static images provided in  likelabs_welcome_imgs.zip

Denis. 

Sudhir Kelappan on November 9, 2012:

Sure Denis. Will update.

Regards,
-Sudhir

Sudhir Kelappan on November 12, 2012:

Hi Denis,

The Animated gifs are changed to the static images.
The static images change on each  page refresh.

Regards,
-Sudhir

Denis Slabakov on December 5, 2012:

Sudhir,

Please change video - same video as right one on about page should be used.

Denis.

Denis Slabakov on December 5, 2012:

Nine images on this page (see enclosed) should not only lead to home feed, but also should display actual photos taken from home feed.

Please limit it to displaying first (or last) nine from home feed - I mean that arrows will not work in this realise.

Denis.

Denis Slabakov on December 5, 2012:


Please fix video alignment

Denis Slabakov on December 5, 2012:


big green button should lead to about page

Sudhir Kelappan on December 5, 2012:

This is done. The green button should now lead to about page.

Regards,
-Sudhir

Denis Slabakov on December 11, 2012:

Sudhir,

Video on this screen should the same as on about screen.

Nine images on this page (see enclosed) should not only lead to home feed, but also should display actual photos taken from home feed.

Please limit it to displaying first (or last) nine from home feed - I mean that arrows will not work in this realise.

Denis.

Sudhir Kelappan on December 12, 2012:

Hi Denis,

This is done.  Pls. check.

Regards,
-Sudhir

Denis Slabakov on December 12, 2012:

Ok
Denis.