Product Create/Edit Page Design Feedback

The content in this blog is over six months old, and the comments are closed. For the most recent product updates and discussions, you're encouraged to explore newer posts from Instructure's Product Managers.

jfenton
Instructure Alumni
Instructure Alumni
14
3966

We're excited to be working on an all-new version of the listing and program create/edit page. As with all of our UI rewrites, our goal is to be streamlining the design and leveraging our awesome library of InstructureUI components. We also hope to make the page generally more user friendly, more accessible to keyboard users, and more functional.

 

We've got a few light feature improvements planned for that page. First, we're adding an out-of-the-box way to remove the "free" banner from listings that don't have a cost. Second, a new tag component should squash some of the current tag issues we've been seeing. And third, we're going to be using an all-new rich content editor with improved functionality. It's also much more accessible. Speaking of accessibility, all the new components that we're using are designed to be keyboard friendly. We'll also be moving the save button to a sticky footer, making it easier for keyboard only users to save a listing. And, last but not least, a new field to add alternate text to listing images will help make Catalog listings more screenreader friendly. 

 

This rewrite will bring us one step closer to being a fully React application. It also provides us with an opportunity to update the look and feel of the page, and this is where we need your help. One of our amazing designers took a pass at reimagining the page and we'd love to hear what you think. The page is broken up by fields that are reflected on the course card (like the image and description) and then course settings that are behind the scenes (like the path).

 

Take a look and let us know what you think in the comments!

The content in this blog is over six months old, and the comments are closed. For the most recent product updates and discussions, you're encouraged to explore newer posts from Instructure's Product Managers.

14 Comments
jsowalsk
Community Coach
Community Coach

I think this is a lot more intuitive. If you can also provide the height and width and type of image that is accepted to use in a listing or program would be helpful.

jsowalsk
Community Coach
Community Coach

Also, how many words/characters can be used for a description would be helpful. What happened to the teaser? 

chris_clement
Community Explorer

*** Thumbs up! ***

amanda_c_barnet
Community Explorer

I do like the overall look of it. But the page is fairly long and for those who create a lot of these courses the scrolling could get to be a bit much. Could some of the options be side by side?

jsowalsk
Community Coach
Community Coach

I second your comment.

jsowalsk
Community Coach
Community Coach

Also, what happened to the open enrollment slider? Is something taking the place of this?

jfenton
Instructure Alumni
Instructure Alumni
Author

Both great suggestions! There is still a box for the teaser as well as the full description.

jfenton
Instructure Alumni
Instructure Alumni
Author

Thanks for the feedback. We'll take a look at ways we could make it a little compact. 

jfenton
Instructure Alumni
Instructure Alumni
Author

The slider has been moved to the header so that it's easy to quickly toggle on/off

jsowalsk
Community Coach
Community Coach

Thanks, I didn't see it in the image.

jsowalsk
Community Coach
Community Coach

Thanks.

jsowalsk
Community Coach
Community Coach

Is there an image of this that we could see?

jsowalsk
Community Coach
Community Coach

Also, when will the next release notes be posted?

jsowalsk
Community Coach
Community Coach

Just checking in -- is there any update on this or any release notes coming out soon?