Like Labs

software development iPad, web services and social integration

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

❏ Venues

Comments

Dmitry Mishchenko on July 9, 2012:

Возникли следующие вопросы:
 - что именно подразумевается под термином "место" ("venue") - компания или ее точка?
 - что должно происходить по нажатию кнопки "Мне нравится" (при том, что рядом имеются кнопки like для каждой из соц. сетей) и что отображать ниже, в блоке "Понравилось" (вероятно, мы должны ввести собственную систему like-ов и хранить эти данные в нашей БД?)?
 - выше списка компаний имеется поле "Поиск". По каким критериям мы должны искать компании (присутствие заданной строки или отдельных слов в имени, адресе)?
 - на странице компании имеются 2 вкладки (с иконками фотоаппарата и сообщения). Что именно должны содержать эти вкладки (например, первая вкладка - фотографии или фотоотзывы, вторая вкладка - отзывы или текстовые отзывы)?
 - на дизайне присутствуют аватары пользователей, написавших комментарии. Каким образом мы должны получать эти аватары (добавить функциональность по загрузке аватаров в профиль пользователя или вытаскивать их из соц. сетей - так же, как и имена)?

Denis Slabakov on July 10, 2012:

- место это компания, которая состоит из точек, данный факт "не виден" обычному пользователю

- верно, "Мне нравится" и "Понравилось" это внутренняя система лайков на LikeLabs
    a) при нажатии на кнопку лайк из соц сети, этот лайк должен простовлятся старанице/группе

- поиск только по названию, присутствие отдельных слов включать в результаты поиска. Можно вообще пока это не делать, запускаемся с тремя компаниями. Сделайте поиск неактивным.

- вкладка с фотоаппаратом содержит фотографии с отзывами с этим фотографиям, вкладка с "текстом" содержит текстовые отзывы

- вытаскивать из соц сети, из первой к которой подключился. Возможность изменения добавим потом

Denis Slabakov on July 16, 2012:

please review

Denis Slabakov on July 17, 2012:

Q:

·      What is the exact meaning of the term “place”— a company or a company’s point?

·      What should happen upon clicking the “Like” button (considering that there are “Like” buttons next to it for each of the social networks) and what should be displayed below, in the “Likes” panel (maybe we need to introduce our own system of “likes” and keep the data in our database?)

·      Above the list of companies, there is a “Search” field. What criteria should we use when looking for companies (the presence of a given syllable or individual words in the name or address)?

·      On the company’s page, there are 2 tabs (with icons of a photo camera and a message, resp.) What exactly should these tabs contain (for example, the first tab—photos or photographic comments; the second tab—comments or text comments)?

·      The design displays the avatars of those users who have written comments. How can we receive these avatars (add a function for loading the avatars to the user profile or pull them, as well as names, from the social networks)?

·      Below the tab with the message icon, there is a “More” button. What should happen upon clicking on it—all the messages will get displayed?

 

A:

- place—this is a company which consists of points; this fact is not visible to the regular user

- true, “Like” and “Likes” form an internal system of “likes” in Likelabs

            a)upon clicking on a “Like” button from a social network, that “like” should be visible on the page/to the group

            - search only by name; include other words in the search result. It isn’t necessary to do this just now, we’re starting with three companies. Make the search inactive.

            -the tab with the photo camera contains photos and the accompanying them comments; the “text” tab contains text comments.

  -pull them from the social networks, from the first one they are registered with. We will add the option to make changes later.

Sudhir Kelappan on August 9, 2012:

Dear Denis,

   The PSD seems to have only  the Landing page (i.e. the third image likelabs_userflow-venue-list2_ru.png ). We could not locate the venue details page (other two images) in it. Will check the rest of the PSDs as well.

    Also in the PSD the header section seems to be wrong. The page i think will be available only for a  user already loged-in


-Sudhir

Denis Slabakov on August 9, 2012:

I will check with designers

Denis Slabakov on August 10, 2012:

Sudhir,

Please find enclosed PSD file

The different views can found within the following layer folder: Venues Content » Venue » Tabs

Sudhir Kelappan on September 26, 2012:

Dear Denis,

Stating our understanding of  Venues page.

My apologies in advance if we are asking anything that is already explained.


1) Can we say that a "Venue" ( i.e. место)  = =  a "point" ?

2) A point (or a group of points) will always be owned by (or grouped under a ) "company" (e.g. KAPO the red logo on the Home Page) .

3) In the system every "point" will necessarily have the following details:
  • It's name or title to be displayed
  • Its address (with geo-location information)
  • A photo (of appropriate resolution)

 3.1 ) And all the above details will be manually entered into the system by the "system 
        admin" or "super user".


4) When the user clicks on the left menu item for this page (named as MECTA) all the "points"  of all the companies that are in the LikeLabs system will be listed as depicted in the 3rd image (likelabs_userflow-venue-list2_ru.png) along with its photo , address etc.

  4.1) There will be no grouping by or annotation of  the "company" name to which the "point" belongs.

5) From this page when the user clicks on the green button (button with text "Мне нравится" )  for a "point" he is navigated to the venue details page (with the tab views).


Questions:

Q. 1) Once in the venue details page what should happen when the user clicks the large green button (with the text Мне нравится) to the left of google-map view ?

Q. 2) We would need some more clarity on the functionality of the grey panel below the green button and the "internal system of Likes".
Pls. note, the grey panel appears in the landing page also for each venue.

Q. 3) The photos with comments to be displayed in the photos tab are to be pulled from the photo reviews received from the iPad for the "point" / venue. Similarly the text tab will be pulled from  the  text reviews received from iPad.
  Just an observation the likelabs_userflow-venue_ru-photos.png shows just  photos without the associated comment.

Q. 4) Assuming that clicking on the "More" button in the text tab likelabs_userflow-venue_ru-comments.png will load the next page of text reviews, what will be the mechanism to navigate back to the previous pagination ?


Regards,
-Sudhir

Denis Slabakov on September 27, 2012:

Hello Sudhir,

My remarks

1) Venue == Company, Venue can have only one address
There could be a collection of points within one venue. For ordinary user all reviews created with different points within one venue are treated and displayed under the venue. Information about points are not available to ordinary users.

Only company admin observes point data.

2) Correct

3)

In the system every "Venue" will necessarily have the following details:
  • It's name or title to be displayed
  • Its address (with geo-location information)
  • A logo

every point associated with the Venue will have a system name assigned but system admin manually

3.1) Correct

4) See my comment to 1). All venues should be listed. Reviews from different points should be grouped by respective venue. User see points only as a collection associated with a venue.

4.1) N/A

5) Button "Like" / "Мне нравится" toggles Like (LikeLabs Like) for the Venue. It does not navigate user to another page. I have realized that in PSD files there are no special state for status "Liked". I will as designers to create one. You can use Bold font as a Liked status substitute before PSD is ready.

Answers to Questions

Q1 Same as described in comment 5)

Q2 Grey Panel

Left part (Photo) - number of photos taken by users in the venue, overall - published, not published and deleted.

Right part (Likes - Likelabs internal) - count of all set Likes by users. When user press green button - Like is created.

Q3 Correct observation - photos comments are not visible in this view.

Q4 More button will add incrementally area to display comments, moving view to start of newly displayed comments, the view will become large. Previous comments will not disappear from the view. It is done in FB feed.

Sudhir Kelappan on September 27, 2012:

Thanks for the details Denis.

Few follow-up questions and we should be good to go.

1) From the Landing page (likelabs_userflow-venue-of the list2_ru.png) for navigating to the details of a "Venue" the user clicks on the venue name (the underlined text "Boston Childrens' Museum" ). 

We can probably do this also when the user clicks on the photo. So user clicks on photo or the  venue name to view the details of it.

2)  Grey Panel and the tabs: 
The grey panel displays the count of all the photos in all the status (published, not published,  deleted etc.) and the total count of "Likes" (LikeLab likes) that the venue has received.

The tab views display only the reviews in state == Published.

3) Social icons in the page:

  3.1) For the first launch we will keep only Facebook.

  3.2) The icon is not hyper linked (clicking on it will have no effect)

  3.3)The numeric (835K) to the right of the icon should be the total count of  "likes" 
        that the photo and text reviews of the "Venue" receives on Facebook.

       Since this is for the "Venue" it would be the sum total of the "likes" for all its
       "points". 
      
       As each photo and text review would be for a particular "point" tracking the like
       count for each of them would eventually give us the total count for the "Venue".
 

Regards,
-Sudhir

Denis Slabakov on September 27, 2012:

Sudhir,

1) Agree - navigation to details by clicking photo or venue name

2) Agree

3.1) For first launch we keep all icons, but only FB active, see further

3.2) The icon hyperlinked to prompt user to Like FB page of the venue, if it is not done, if user already Liked page on FB nothing happens.

3.3) The number is taken from FB and shows FB venue page Likes

Thanks,
Denis.

Sudhir Kelappan on October 5, 2012:

Dear Denis,

Just to update the progress on functionality part:

Landing Page:
i.  Venues Listing is done
ii. Grey Panel content is done (Russian text not put)
iii. Green Like/Unlike button is done (Button Text in english)
iv. Clicking on company name or the logo navigates  to the venue details page.

Venue Details Page:

i. Google map shows the marker
ii. Green Like/Unlike button works (same as above).
iii. Grey panel content is done (same as above).
iv. Photos tab lists published photos.
v. Text tab lists published text comments.

Pending  items (functionality part):
1. Social buttons not done yet as this  depends on the "Venue Profile Management" for getting the FB page URL for the Venue.
2. Pagination in photos tab
    (This is done on the :8020 deployment, will be put here after tests are complete)
3. Pagination in text comments tab (This is in progress)


Will update again when the pending items are complete and the designs are done.

Regards,
-Sudhir

Sudhir Kelappan on October 8, 2012:

Dear Denis,

 Pls. check this page.
 
 Known Issues:
1) Design issue in the text comments tab: The facebook profile picture of the user is offset slightly. This is because of a clash in the CSS styles and will be fixed tomorrow.

2) The left menu does not stay active when in the venue details page. This will be fixed.

Regards,
-Sudhir

Denis Slabakov on October 8, 2012:

I have tried to set Like for one of the page  as a result
"my photos" does not display - page not found,

"venues" -
Server Error, please contact our administrator If you can give us further information about what happened, please email to us on info@likelabs.redwerk.com.

Denis.

Sudhir Kelappan on October 10, 2012:

Hi Denis,

The page not found issue was tracked down and fixed.
Pls. do let know if this issue reappears.

Will update once all the issues are fixed.

Regards,
Sudhir

Sudhir Kelappan on October 12, 2012:

Hi Denis,

Pls. check the functionality part of this page with following exceptions which will be fixed soon.

1.  Social buttons not working yet.
3. The pagination marker at the bottom does not highlight the current page.

Regards,
-Sudhir

Denis Slabakov on October 14, 2012:

Logic seems to be ok,

List of venues - sort by liked status - the ones that user have liked should be on top, the second sort order is by number of likes

Denis.

Sudhir Kelappan on October 16, 2012:

Hi Denis,

The sort order is implemented.

Regards,
-Sudhir

Denis Slabakov on October 16, 2012:

cool

Sudhir Kelappan on October 21, 2012:

Hi Denis,

A note regarding the Facebook buttons in the venues page and other pages in general:

Pls. refer the url
https://developers.facebook.com/docs/guides/policy/examples_and_explanations/branding/

We may have to change the current look & feel of the FB button as per this branding guideline OR use the default and more common Like button social plugin

Pls. advise.

Attaching a screenshot of venues landing page with the Like button social plugin implemented.

Regards,
-Sudhir

Denis Slabakov on October 22, 2012:

Sudhir,

Please check https://www.facebook.com/brandpermissions/logos.php "F" logo section - it is permitted and there are guidelines on this page, count should be read from facebook and displayed as on original PSD, the button should direct user to venue page on FB.

To implement Like action for FB page one have to adopt like-box https://developers.facebook.com/docs/reference/plugins/like-box/ but the box does not suite current design, so we leave it for future implementations

Denis.

Denis Slabakov on December 12, 2012:

Sudhir,

Please fix fonts and alignment 

Kind regards,
Denis.

Sudhir Kelappan on December 12, 2012:

Hi Denis,

This should be fixed now. Pls. check.

Regards,
-Sudhir

Denis Slabakov on December 12, 2012:

Fonts are ok, but alignment is wrong

Denis Slabakov on December 13, 2012:

Sudhir,

when I click a photo at this link http://50.18.104.74:8025/user/977/venues?id=8

nothing happens

expected behaviour - pop up with photo

Denis.

Sudhir Kelappan on December 13, 2012:

Hi Denis,

It is possible to do this.

But since the photos will be already published ones, probably we can disable the publish functionality on the FB button in the pop up.

Regards,
-Sudhir

Denis Slabakov on December 13, 2012:

There will be photos from other users, published by venue

Robin Panicker on January 1, 2013:

Hello Denis,

We have a question regarding the VK button on Venues landing page and the Venue details page:

As far as we understand VK does not support the concept of "Like" for a page.
But it  supports the concept of "Followers".

Should we replace the "like" count to be shown on the  VK button(s) with "Followers" count? (that is,  if the VK API allows to retrieve this information ?)

Denis Slabakov on January 2, 2013:

Robin,

It is common to use Groups (Community is anther name) in VK rather then pages.

Users do not follow the Group (Community), they become members of Group (Community).

For VK we should display number of members of the group.

API description is only in Russian(


http://vk.com/developers.php?oid=-1&p=groups.getById - is a method to retrieve group info

http://vk.com/developers.php?oid=-1&p=Параметр_fields_для_групп - field members_count is returning current number of member in the group.

Please check file 
wallgetlike.php provided by Igor it is in the file.

Denis.