Mobile friendliness

I’m new to Indico…there is a lot of great stuff here, and we have decided to make use of it for the Linux Plumbers Conference this year. One thing that sticks out, though, is that the system has not been designed for small-screen use. We may be able to find some resources to push things in that direction, but it seems surprising to me that nobody else appears to be working on this. Is there a responsive-site effort out there that I’m unaware of that we could perhaps join into?

Thanks!

4 Likes

Hi there,

We are aware that mobile-friendliness is not Indico’s strongest point and we’d really like to change that. We first experimented with the idea of a separate mobile website back in 2012 and the result was far from perfect (the technology was not mature enough and we aimed for something too general that missed important functionality). Since then, our stance is that there are two different possible paths to a quality mobile experience that are not necessarily mutually exclusive:

  1. A responsive interface, at least on the user’s side - this would require an overhaul of the CSS and even the design of conference/meeting pages;
  2. Per-conference native applications, possibly based on a (React Native?) SDK maintained by the project - organizers would still be able to tailor the application to their liking and add their components;

I don’t know which option sounds most appealing to you, but there is already some work done here at CERN on mobile apps that integrate with Indico’s API. We could probably open source it, if you’d like to go that way.
I personally think that option 2 is the one that would be the easiest to achieve in the short term.

3 Likes

I think both options have there pros and cons. Much of it depends on which part in a conference life cycle should be used mobile.

  1. is especially necessary for the early part of the life cycle (announcement, registraition, abstract submission etc.) where the access will mostly be through a web browser
  2. is very interessting for the late part (during the conference, to acces timetables, take notes etc…), where installing a separate app is definitly an option.

But then the current Indico would still work fine for that. So, that actually makes 2 more interesting in terms of added value, right?

Well, the pages are ahrd to read on mobile devices, so there is value as well.

The image shows ~ how a page looks on a smartphone, so readbility is not too good without first zooming in.

Sure, I agree. What I meant is that since in point 1 users will mostly be using a desktop browser, the percentage of users who will benefit from a change there will be much smaller than on 2.

Thanks for the reply. Just to follow up, we are playing with the CSS and the templates a bit to see what can be done. The event front page isn’t too hard to make more friendly. The timetable pages are … harder. Once we’ve figured out what we can do I’ll see if any of it is suitable to push back upstream for your consideration.

2 Likes

So is there any solutions for indico to be visited on mobile more friendly now?
:slight_smile:

Not currently. Ideas and contributions are welcome.

FWIW, the curious can see some of the work we did on the Linux Plumbers Conference site. Not perfect, but it did make the site a lot more workable for mobile users.

I would love to find a way to upstream some of this work. It was done with a hatchet and isn't in any way suitable for more general use now. If there were an Indico-capable developer who wanted to work on some of this stuff, I think that funding could be found to cover it.

3 Likes

Thanks for sharing, that looks indeed much better. It would be indeed great to find someone wiling to contribute that to upstream. The fact that there might be funding should be an incentive…

Not sure if this thread still has any life in it, but the topic is as relevant now as it has ever been. I wonder if other like-minded people might not consider collaborating on a CSS file(s) in a Github repo to make Indico more mobile friendly. I will probably be doing a bit of work on this in the coming months, but as many hands make light work, would some others be interested in joining me?

Later, when viable CSS has emerged, we can contribute it/them to upstream.

2 Likes

I guess should get well coordinated with the accessibility improvements currently under way (@hayavuk), as these touch both css and structure quite heavily.

1 Like

FYI I’m already making any UI I touch also “mobile-friendly” because it’s an accessibility requirement. You can read more about it in the description of the WCAG Reflow criterion and in my article on responsiveness.

1 Like

Interested in this development! Especially with regards to the schedule. Attendants on the day would benefit from being able to easily access their personal schedule.

1 Like

Since I’m still not quite familiar with what’s what in the app, I would appreciate if you could send me a screenshot/URL of the item you are referring to. I could look at whether we can do a quick fix.

Apologies, I may not have been very clear. I do not face any show-stopping issue. What I meant to say is: If a better mobile-friendly UI comes to fruition, this would be particularly beneficial to the schedule, which is not ideal at the moment.

No worries. I’m just wondering what page your “schedule” is on, so I can take a look and see if there’s something I can do about it for a quick win. I’m eventually going to cover it anyway, but might as well prioritize things that people would find more useful.

I was thinking of this page: https://indico.eiss-europa.com/event/1/timetable/
Thanks for taking a look!

1 Like

I figure that would be the one, thank you for confirming.