New IITC-Mobile UI(?)

[modos189]

I decided to play around with design and got this.

1. Menu is moved to the bottom of the screen for easy pressing with one hand

2. Map under status bar

3. Button to open chat and notifications (+ tabs)

Free space in left sliding block, I want to move there some of the most common settings and plug-in settings. At the moment, the left block contains settings only for a very limited number of plugins.

Screenshots

 

I would like to know how much you like this idea, whether it makes sense to develop it. Also I would like to know ideas for improvements.

[johnd0e]

1. Menu is moved to the bottom of the screen for easy pressing with one hand
2. Map under status bar
3. Button to open chat and notifications (+ tabs)

In my opinion we always can do swipe with one hand. And bottom part of screen actually already have control: div#mobileinfo ('tap here for info screen'), which will become less accessible with proposed redesign. (And in my own iitc setup right part div#innerstatus is also used).

Free space in left sliding block, I want to move there some of the most common settings and plug-in settings. At the moment, the left block contains settings only for a very limited number of plugins.

I suppose it would be good. But please consider to separate Tools (e.g. Poltal list) from Options (e.g. Draw-tools opt). (I suppose we should separate them at desktop too)

[modos189]

It should be noted that swipe from bottom to open chat can not be done.

I suppose we should separate them at desktop too

agreed

[johnd0e]

It should be noted that swipe from bottom to open chat can not be done.

Right, it couldn't be directly invoked by swipe, as by swipe we open menu, from where we need to select chat tab.

About button: what of 3 chat tabs do you propose to open?

[johnd0e]

Button itself looks good, but I do not know where to place it..

Btw, it's easy to setup plugin to open chat on div#mobileinfo 'taphold' event. At first we could open 'All' chat, and then remember last used tab.

P.S. We also could setup 'taphold' listener on input box title in chat window, it'd cycle between tabs.

[johnd0e]

BTW, I like your horizontal chat tabs.

[modos189]

Right, it couldn't be directly invoked by swipe, as by swipe we open menu, from where we need to select chat tab.

No, another reason. Chat opens inside WebView, but panel is part of Android UI. Theoretically, we can transfer information to application and draw messages using Android UI, but it makes little sense.

what of 3 chat tabs do you propose to open

At first we could open 'All' chat, and then remember last used tab.

yeap

[Suburbanno]

I really like the idea, the chat in tabs is perfect !! I would also like to keep my suggestion to the drawer: https://github.com/IITC-CE/ingress-intel-total-conversion/issues/139 and also a change in colors, it is currently green, and I love it for being an ENL player, but I think it should be a color for both factions, maybe a dark theme? could also give an improvement in chat conversations.

[Suburbanno]

@modos189 Do you have a test version ready for me to test? I'm really excited !!

[johnd0e]

No, another reason. Chat opens inside WebView, but panel is part of Android UI. Theoretically, we can transfer information to application and draw messages using Android UI, but it makes little sense

Why would we need this? In js we are able directly call window.show('chat').

I suppose that call js from Java is also elementary.

[johnd0e]

and also a change in colors, it is currently green, and I love it for being an ENL player, but I think it should be a color for both factions, maybe a dark theme?

I'm thinking about using stock intel default color scheme.

@modos189 ?

[modos189]

it is currently green

I'm thinking about using stock intel default color scheme.

It's dark-blue now. But if change, I prefer gray. Probably. It need to test.

Do you have a test version ready for me to test?

No, for now this is a layout, even menu does not open.

Chat opens inside WebView, but panel is part of Android UI.

Why would we need this?

I mean, we can't open chat inside pull-out panel:

But clicking on button to open and close chat, of course, is possible.

[modos189]

I have prepared other versions of the layouts:

Details

 

If i choose between these two, I prefer the second one. Besides, I'm not sure I can implement the first one.

I just wanted the map to appear under the status bar, I think it's very modern)

[johnd0e]

I mean, we can't open chat inside pull-out panel:

I see now. It would be great..

Is it possible to use swipe up as gesture only, to open usual chat pane?

but panel is part of Android UI.

What if we open WebView there? I wonder if it's possible to transfer data between webviews.

[modos189]

Is it possible to use swipe up as gesture only, to open usual chat pane?

I think it's possible

[modos189]

What if we open WebView there? I wonder if it's possible to transfer data between webviews.

In the second WebView, open a lightweight version of IITC that contains only chat? It can be done.

[Suburbanno]

@modos189 How's the design going?

[modos189]

@Suburbanno I haven't done anything yet. Besides, I don't know yet in which direction to develop UI.

[modos189]

maybe something like this

[Suburbanno]

@modos189 Well interesting what you did, but what do you think of using this? https://github.com/mikepenz/MaterialDrawer really like the fact that I show account information on the drawer

[modos189]

I'm not sure what it's possible to do with standard Android tools

[Suburbanno]

omg, that's exactly what I was talking about, continue on this path and we'll have a UI/UX renewal

[johnd0e]

@modos189 I like profile info in side drawer. But not other entries:

• those separators look bad, it's not like material design
• too many mixed and unrelated items. Better leave plugin items only. Chat could be opened by swipe-from-bottom gesture. Misc settings deserve separate menu, like it is now (but we could move menu button in different place)

[Suburbanno]

no news? 😰

[modos189]

Chat could be opened by swipe-from-bottom gesture.

Okay, let's say

Misc settings deserve separate menu, like it is now (but we could move menu button in different place)

Where do put separate menu? The top panel will be overloaded with buttons

Anyway, we'd have an android developer. It seems that it will be difficult for me to implement.

[johnd0e]

Where do put separate menu?

For example, it could be represented by separate item in hamburger menu (near Settings), and for easy access additional gesture, like hold on hamburger icon (or layers icon).

[johnd0e]

Let's talk about not so big redesign. How about to transfer all links from info screen's toolbox to left side drawer?

Currently there are info, chats, and some plugins panes. But it'd be great to move all plugins there. And as we have a lot plugins it'd be convenient to organize them into accordion menu.

[Suburbanno]

issue is dead? :(

[Suburbanno]

@modos189 could you let me know if the idea about the redesign of IITC Mobile was abandoned? something new in mind?