search

Cloudkibo / KiboPush

0 stars 1 forks source link

Simplify create broadcast UI #5449

Closed sojharo closed 5 years ago

sojharo commented 5 years ago

We had a detailed discussion on create broadcast UI for UX. This is investigative and discussion task first to know how we can further improve the UX in create broadcast screen. We had started looking into manychat and need to look into chatfuel.

sojharo commented 5 years ago

I had a detailed review of ChatFuel UI for broadcasts. It is little bit different from ManyChat but is still simple to understand. It was doing problems in loading initially, however, after reading I found the solution.

Card and Gallery are combined in one component

If there is one card, it is card else it becomes gallery.

Screenshot 2019-03-20 at 8 15 11 AM

Text and Text with Button are same as we have in KiboPush

Screenshot 2019-03-20 at 8 17 40 AM

Adding a button to text or anything opens up like this:

Screenshot 2019-03-20 at 8 18 46 AM

Quick replies are defined horizontally and can start a flow called block in chatfuel

Screenshot 2019-03-20 at 8 21 02 AM Screenshot 2019-03-20 at 8 21 57 AM

Adding Audio is more descriptive

Screenshot 2019-03-20 at 8 23 46 AM

Adding video is more descriptive too

Screenshot 2019-03-20 at 8 24 29 AM

Adding image as same as us

Screenshot 2019-03-20 at 8 24 56 AM

Buttons to add components are at bottom

Screenshot 2019-03-20 at 8 25 57 AM

Multiple components in broadcast show in full screen

Screenshot 2019-03-20 at 8 26 33 AM
ImranBinShoukat commented 5 years ago

I had created the first draft for this. Here is the document:

https://docs.google.com/document/d/1w309CmGrWtcrhQHOnYaX8hUtDkQ8ZimyLtv2Qd3XXxc/edit#

It mainly contains mock ups / wire-frames of new UI.

@jekram @sojharo For now, I have only discussed text, cards, and list components. After the feedback, I'll complete it for the rest of the components as well

ImranBinShoukat commented 5 years ago

I have completed the document for rest of the components as well.

https://docs.google.com/document/d/1w309CmGrWtcrhQHOnYaX8hUtDkQ8ZimyLtv2Qd3XXxc/edit#heading=h.tn9i22gxbbfw

@sojharo @jekram please review

ImranBinShoukat commented 5 years ago

I have added the quick replies in the document.

ImranBinShoukat commented 5 years ago

I have completed the design for quick replies and added the list of tasks required for this.

https://docs.google.com/document/d/1w309CmGrWtcrhQHOnYaX8hUtDkQ8ZimyLtv2Qd3XXxc/edit#heading=h.tn9i22gxbbfw

@jekram @sojharo please review

sojharo commented 5 years ago

I have reviewed it and it looks good

ImranBinShoukat commented 5 years ago

@sojharo @jekram can we close this task?

sojharo commented 5 years ago

Should we close this task? I think this is done now.

sojharo commented 5 years ago

This task had a design document for quick replies and I was under impression that quick replies has been implemented. Today @AnishaChhatwani told me that quick replies are not done. Because of this, we can't do custom fields enhancement and thus google sheets integration.

Let's complete if any work is remaining here. Taking user input is also not done so let us use this design document to take input from the user.

This issue and its design is for now blocking above tasks. We need to review it as soon as possible.

Here is the design document of this task: https://docs.google.com/document/d/1w309CmGrWtcrhQHOnYaX8hUtDkQ8ZimyLtv2Qd3XXxc/edit#heading=h.ozmbikuzso9r

jekram commented 5 years ago

I am completely confused. What is done and what is pending.

The design document is titled: "Simplify Create Broadcast UI". I thought @bjafri5 already implemented it.

Also, please walk me through the business case and what problem the "Quick replies" will solve.

ImranBinShoukat commented 5 years ago

We can close this task now. Marking this as resolved production