Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-68127

As a blogs author, I would like to see the estimated reading time while writing an entry

    Details

      Description

      Motive

      Currently, blog readers can see the estimated reading time of a post (LPS-66652). The aim of this story is to allow blog authors to see the estimated reading time meanwhile they are writing the entry. This time should be visible without needing to scroll, and updated in real time. It should be possible to disable it and activated by default.

      Acceptance Criteria

      • Authors have to see the estimated reading time while are writing a entry

      Use cases

      Main Scenario: An author write an entry.

      1. The author starts a new entry
      2. Read Time appears while he is writing
      3. Saves / Publishes entry

      Additional Scenarios

      1. An author edits an entry

      User Experience

      Summary

      1. Pin the status bar
      2. Show Reading Time within status bar
      3. Update Read Time while user is writing
      4. Animate the shrink of the status bar when the user scrolls down

      Parts

      The Status Bar consists in three parts:

      1. Status
      2. Date
      3. Reading Time

      Status bar with Reading Time

      Interaction

      Behavior

      Typing

      • If the Reading Time is less than 1min it doesn’t appear in the status bar. When Reading Time reaches 1min the Reading Time value is added.

      Scrolling

      • If a user scrolls down the status bar continues pinned but its height is reduced to 50% and its font size change to 12px.
      • When a user is scrolling down and the status bar reaches the accordion "y" position, the status bar is hidden with a fade out animation that lasts 200ms.
      • When a user is scrolling up and the status bar overtakes the accordion "y" position, the status bar is shown with a fade in animation that lasts 300ms.

      Design

      Status Bar

      Status bar with normal size

      Status bar when a user scrolls down

      Research

      Discussion Document

      QA

      There's a known bug that happens when you write a large content in less than 30 seconds (when the autosaves run). This can happen when copying and pasting the content in a new blog entry. In that case, it will appear something like: " - 1 min read". This is something we are aware of and we will fix it as part of an upcoming story.

        Attachments

        1. Reading Time.png
          Reading Time.png
          15 kB
        2. Shrunk Bar.png
          Shrunk Bar.png
          70 kB
        3. Status Bar.png
          Status Bar.png
          26 kB

          Activity

            People

            Assignee:
            austin.chiang Austin Chiang
            Reporter:
            fernando.lopez Fernando Lopez (Inactive)
            Recent user:
            Kiyoshi Lee
            Participants of an Issue:
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Packages

                Version Package
                7.1.X
                Master