new: comparison table about tds-community

[varunj90]

do we need tables for comparing plans?
needs to be mobile friendly

can we use comparison cards instead: #21

next step could be seeing if comparison cards design can account for this use case.

@varunj90 I would say, our designs are not ready for dev yet. Steph has explored 2 strong patterns, but we haven't resolved to a final solution yet as higher priority work has been keeping us from it.

[stephlao]

@Christina-Lo i've spoken to oskar about the chart, his initial concern with horizontal scrolling was he believes that users would have a difficult time navigating around this, but from user testing, 5/5 users were able to scroll through the chart without any issue.

the only thing i need to do next is to test the horizontal scrolling in desktop mode.

[DougTelus]

Table data that requires sortable columns and calculated price functionality (eg. MyTELUS usage reports or ecommerce Cart Summary) should be a separate component from a marketing focused feature compare table (eg. Plan Compare, Product Features/Specs compare)

[varunj90]

@DougTelus to look into this and bring designs to the dpa!

[DougTelus]

@lucylist In TDS v.34 we had table designs that were Not in code
These designs virtually disappeared. I think this is a good time to revisit them.

Steph Lao was inspired by these surprisingly simple mobile option example

[DougTelus]

Opened a new issue for a table with sortable column data that is more user account oriented.
#143

[varunj90]

@twirlingsky will explore to add this to comparison card

[DougTelus]

I can provide specific examples for why compare cards are not appropriate for this data and why this is currently being developed for Business Marketing pages. I outlined this in the Usage in the above story.

[stephlao]

hey everyone, we've been looking to update a better experience on business side when displaying the plans and features. we want to create a new way to display a table chart that is responsive.

here are some design ideas that aren't final.

@agorovyi and the team will be scheduling time to build out the component as we have allocated time for it.

[DougTelus]

@DougTelus to check on Accessibility of the drop down labels (they do not have labels) and the minimum required number of drop down items (6?).
@twirlingsky to review the concept designs above and provide some feedback/considerations for potential home solutions usage.

[varunj90]

hey @stephlao can we run this through testing before we implement this? or do we have research on the mobile view.

cc: @DougTelus @lucylist

[twirlingsky]

For Home Solutions we will definitely make use of the table similarly to the business example above. The tables higher up in this ticket: the Pik / Optik compare table is not in use anymore. The Optik compared to Shaw's newest platform is still in use and therefore a table that allows for a straight comparison without the dropdown components at the top (for plans) would be useful.

[twirlingsky]

For Home Solutions, smart home security will want to make use of the above table for business. So definitely a need. They have a deadline for January 14th.

[stephlao]

Table chart designs are ready to be reviewed and improved on where needed! @varunj90 what are the next steps on getting eyes on this?

https://telus.invisionapp.com/share/ZMPY0LHQC9A

[varunj90]

awesome @stephlao, lets have you go over the design on Monday January 21 DPA meeting.

cc: @DougTelus

[stephlao]

hey everyone! here are the latest sketch updates for the table chart
https://telus.invisionapp.com/share/USQCPTNHYFG

i'll update the close x option once everyone aligns on a certain pattern!

i'll be following up with anatolii and see if i've missed any dev considerations when he is back next week.

i'll follow up with francisco as well and see where he is at with the mini version of this!

[varunj90]

Currently paused as @stephlao and team are working on something else and will get back to this once their feature is pushed up

[varunj90]

hey @stephlao @DougTelus @nateriesling is this coming back for your application?

[varunj90]

any updates on this @stephlao @DougTelus @nateriesling? are we building this component?

[DougTelus]

Steph is working through one of our stronger mobile first design patterns and then we will bring that back to DPA.

Stay Tuned!

*also, I only now realized I have been signed into the wrong github profile for the past week... 🤦‍♂

[mike-bunce]

@varunj90 @theetrain Can we pick this back up again? Would be good to have a TDS standard table we can use in projects (maybe something is in the works?)

[varunj90]

opportunity for B2B and HS to collaborate

• @DougTelus please provide your latest designs
• TDS core team can get to tables in April/May
• Can be designed in comunity and if timelines match, core team can build

[stephlao]

hey y'all, for the table chart, i've ironed out visual details with gary chow. might need to make a few adjustments as we build along but so far we are looking good.

here is the invision link, please refer to v3 designs: https://telus.invisionapp.com/share/6DW31JVH4AS

figma prototype, old design but it shows you how we'd like for the chart to interact:
https://www.figma.com/proto/tl8eE0CcQ2iBkaX4Oawf48/Table-Chart-2020---Figma?node-id=0%3A995&viewport=264%2C448%2C0.125&scaling=scale-down

some documentation on usability testing:
https://docs.google.com/document/d/1_Uc7sXGdLEc5iEL2DXGgrQSqa8odLZZFr1uL9l4jYx0/edit

screenshots

[Christina-Lo]

@stephlao Have you connected with accessibility for this component to address the horizontal scrolling?