Tasker material design

[John Doe]

Dear Pent,

yes, I know UI is not the most important part of Tasker, however we would like to have apps with a standard UI. On my phone the only app with holo style is Tasker. Looking at styles.xml, it seems should be quite easy to convert Holo theme to Material theme for API 21+ without touching too much. There are two levels of re-design in my opinion. Inserting appbar layout, fab, recycler view, coordinator layout, toolbar, navigation bar or drawer and so on requires effort, I know. However you could simply change the style keeping the current widgets and layouts (the short way). In this way at least for API 21+, we could have a bit of a new "fresh" UI in Tasker too. I hope to see a "material Tasker" soon :)

Regards.

[John Doe]

I imported the code into Android Studio just to see what happens. In 10 minutes I changed the styles of the app into material. A redesign is needed in the time conditions because the time picker widget is really different in material style comparing the same widget to Holo. Other layouts are quite good. I really hope to see an update in the next release :)

[Pent]

OK, now that 4.9 is reasonably done, I've started experimenting.

Pent

[Rory Harnisch]

hells yeah!!!!!! Thank you Pent!

[John Doe]

Great. Let me know if you need help.

[Pent]

Great. Let me know if you need help.

Thanks for the offer :-)

Won't be including the material theme time picker, it's just too big
and clumsy to have more than one on-screen at once and doesn't
scale if you shrink its available layout.

Pent

[Pent]

Hope you like orange, I'm thinking of using the two oranges from
the Tasker logo as primary (action bar) and dark (status bar) colours :-)

Pent

[John Doe]

Yep, I'm quite agree with you. Maybe you can just use a text view or an edittext view to see the value with a button. When you press on a button, you can use the ready-to-use time picker dialog. More or less the same thing you can find in the "get events" action of CalendarTask. Just an idea.

PS: I like orange :)

[Jay M]

Quick question but if your experimenting with MD will you be using the v7 support library, it should make the actions/overflow visible in the Actionbar/Toolbar on Android TV.

--
You received this message because you are subscribed to the Google Groups "Tasker" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tasker+un...@googlegroups.com.
Visit this group at https://groups.google.com/group/tasker.
For more options, visit https://groups.google.com/d/optout.

--

Jay M ︻芫══一

[Pent]

Quick question but if your experimenting with MD will you be using the v7 support library,  

Don't know how far I will go yet, might not be necessary.
 

it should make the actions/overflow visible in the Actionbar/Toolbar on Android TV

For what would I use the support library which would enable the overflow on TVs ?

Pent

[Jay M]

When I got my Android TV last year I found some of my sideloaded apps weren't showing the overflow or actions and googling told me its because the OS isn't the same as it is on phones and tabs. There is no menu the remote doesn't have any sort of a menu key and there is no recents apps key either so long pressing that to bring up the menu isn't possible. Anyways i started experimenting with basic Android development to try and figure out why only some apps had this problem and I found if I made an app that uses the default Material Theme the actions and overflow didn't show up same thing happened with Holo themes.

After adding the support library the actions and overflow did show up. If I switched to a Toolbar instead of an Actionbar the actions and overflow also showed up. Of course this is only based on my own experiments and you know way more than I do but as your currently experimenting with MD Tasker I just thought I would mention it because the app already works great on Android TV the only problem I found is with the Actionbar.

--

You received this message because you are subscribed to the Google Groups "Tasker" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tasker+un...@googlegroups.com.
Visit this group at https://groups.google.com/group/tasker.
For more options, visit https://groups.google.com/d/optout.

[Pent]

Thanks for the info, will keep it in mind, but I have the old
problem of having no way to test it.

Pent

[Jay M]

Glad I could be of some help, I can test if you need me to just let me know.

--

You received this message because you are subscribed to the Google Groups "Tasker" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tasker+un...@googlegroups.com.
Visit this group at https://groups.google.com/group/tasker.
For more options, visit https://groups.google.com/d/optout.

[Pent]

@Scott: sorry, deleted for off-topic

Pent

[Pent]

Looks like it will be possible to include most or all of the 900 material design icons, since they
can be scaled and coloured, so I would only need to include them once.

You should then be able to select the tint (or a previously selected tint of course) when choosing the
icon.

A limitation is that notification icons will have to be white until 6.0+ devices and
the same could be true for launcher shortcuts, also past 6.0+, havn't got that far yet.

Pent

[Scott Almond]

Awesome!!!!!!!!!!

[John Doe]

I hope you will include them under drawable-anydpi folder. If you include them under drawable folder, Android Studio will generate at least four png for each xml file to be backward compatible with older versions. It means the APK will be a looooot larger than now.

[Pent]

I hope you will include them under drawable-anydpi folder. If you include them under drawable folder, Android Studio will generate at least four png for each xml file to be backward compatible with older versions. It means the APK will be a looooot larger than now.

I'm still on Eclipse and Ant :-)

I tried your suggestion, it was twice as much space used in the apk as with drawable-v21
when generated with ant.

At the moment, the icons add 800k, which is bearable.

Pent

[Joshua Bosco]

Please don't change!!!!!

[Pent]

Please don't change!!!!!

Change what ? Theme to material ?

Pent

[Pent]

Proposal for light-theme colours attached. I would like to use the oranges because
it goes with the Tasker icon.

But is the white text/icons on orange disgusting ? Too playful ?

Is it weird having white icons in top/bottom bars and black icons everywhere else ?

Should the popup menus have a coloured background and also have white icons ?

Would having all icons and text black be far preferable ?

Pent

[Scott Almond]

Looks Good but strange at the same time. Like you say the black icons look a little out of place. Maybe try a dark grey icons rather than black.

[Scott Almond]

PS. I've always thought that black text/icons on coloured action bar looks silly (See youtube app). The best looking apps maintain white text/icons on coloured backgrounds.

[John Doe]

It seems quite good :) Did you use two different colors for tab and bottom bar? It seems slightly different. About white color: if you see here https://material.io/guidelines/style/color.html#color-color-palette the color hex values are black or white according to the picked color. If the color is too light the text is black. It's the suggested policy. About icons I'm quite agree with Scott Almond. I think it's better to use a light grey color instead of a black one. About the popup: in my opinion it's better to use a policy similar to the Google one for dialogs. Another suggestion is to use an accent colors for important actions like the profile switch. The accent color should be the inverted color of your primary color or at least it should be quite flashy to remark an important action. Since you used orange, you could use purple for example.

[Pent]

On Thursday, 9 February 2017 13:14:29 UTC+1, John Doe wrote:

It seems quite good :) Did you use two different colors for tab and bottom bar?

No, must be a trick of the light :-)
 

It seems slightly different. About white color: if you see here https://material.io/guidelines/style/color.html#color-color-palette the color hex values are black or white according to the picked color.

Thanks, hadn't noticed that. Then I would have to use a very dark orange to be able to use the white text/icons.

>Another suggestion is to use an accent colors for important actions like the profile switch.

That's done, it's just not very different from the primaryDark colour ATM.

Thanks for the input both.

Pent

[Jay M]

looking real sexy

--

You received this message because you are subscribed to the Google Groups "Tasker" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tasker+un...@googlegroups.com.
Visit this group at https://groups.google.com/group/tasker.
For more options, visit https://groups.google.com/d/optout.

[Abdullah Alahdal]

I would suggest to remove the bottom bar (projects bar) and use a side bar instead which can be swiped from the side

[Pent]

I would suggest to remove the bottom bar (projects bar) and use a side bar instead which can be swiped from the side

There are probably difficulties with the drag-and-drop mechanics and I would also need to change my whole
build environment for obscure technical reasons, which sadly isn't on the cards right now.

Pent

[Sean Williams]

Hi Pent,

Proposal for light-theme colours attached. I would like to use the oranges because
it goes with the Tasker icon.

But is the white text/icons on orange disgusting ? Too playful ?

That's alot of orange! I like the orange accent for tab markers etc. but I'm also considering could I look at that for several hours while editing in Tasker, something a little more neutral like the darker grey from the Tasker icon might be more suitable?

Should the popup menus have a coloured background and also have white icons ?

I must admit I currently use the dark theme due to a medical issue with my eyes so light and bright colours can be an issue. However I do prefer a more bland interface and as the Tasker ui is essentially an editor of sorts you can spend alot of time in there. Alot of colour can be distracting.

[Pete Bradshaw]

I like the orange, but think there's too much of it. Have you had a look at the XDA website with their chrome custom tabs? I think they have a good balance, but not sure how that sits with you or anyone else?

[Matt]

Hey Pent

Great to see the changes, I hope it will attract new users. 

Perhaps few things to consider (if possible without breaking the code)

• (awesome to see the material icons coming)
• Ability to colour tint the project tabs would be great
• option in preferences to retain old colour scheme (some people dont like to change)
• mark project tab as hidden 
• add a colour tint to the tasks in the tab *(for easy grouping them for bigger projects)

Any suggested release time?  Cant wait to play with the new version.

regards

Mat @NotEnoughTECH 

[Pent]

>Any suggested release time? 

Probably couple of weeks.

> Cant wait to play with the new version.

I wouldn't get too enthusiastic, it's mostly just a colour refresh, there are
very few mechanical changes.

Pent

[Mateusz Żołnierczyk]

The new icon support it's something I'm looking most forward to, could you get them saved for each project in a specific folder? So the icon file swap would be possible as well? I think this would be great for changing the colour of the icons. Unless you want to introduce a new action change colour tint (select project, icon, colour) :)

--
You received this message because you are subscribed to a topic in the Google Groups "Tasker" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tasker/VOR8HlHdVrs/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tasker+un...@googlegroups.com.

[Poll Person]

I'm not the best at designing things, but I think if you're going to try to make it look material design, It should have a bit more rearranging. I think it would be quite nice if the projects were in a side menu and the '+' button was a FAB button like it is in most every other app.

[Kristin Schbach]

For me, a black AMOLED friendly theme is more important then material design :)

[Pent]

The new icon support it's something I'm looking most forward to, could you get them saved for each project in a specific folder? So the icon file swap would be possible as well? I think this would be great for changing the colour of the icons. Unless you want to introduce a new action change colour tint (select project, icon, colour) :)

I didn't understand all of that, but you can select any colour you want for the icons on an individual basis.

Pent

[Pent]

I'm not the best at designing things, but I think if you're going to try to make it look material design, It should have a bit more rearranging. I think it would be quite nice if the projects were in a side menu and the '+' button was a FAB button like it is in most every other app.

I agree and spent quite a lot of time trying to get my build environment able to do that, but failed in the end.

It will have to come at a future time unfortunately, when I have time to upgrade my environment.

Currently I prioritise some Nougat features higher (quick-settings, app shortcuts).

Pent

[Kevin]

I agree! Please, I would greatly appreciate having a dark theme option. The full white apps hurt my eyes. =(

[Matt]

I didn't understand all of that, but you can select any colour you want for the icons on an individual basis.

Pent

Currently, I'm using a material design icon app. I can export the icons to a folder. This is how I add the icons to the tasker, and If I want to change the icon dynamically, I just change the path to the icon of my choice. So if you want an icon to go from red to green, this is the easiest way I found, would be great to have a less cumbersome solution :)

Also is the dark theme confirmed? A lot of people asked this on the social media. I;m happy to update them if you have the answer to it.

[Pent]

For me, a black AMOLED friendly theme is more important then material design :)

I hear you.

Pent

[Pent]

Also is the dark theme confirmed?

At least one.

Pent

[Pent]

Update:

Holo themes will not be available on 5.0+ devices.

There will be an almost fully dark theme, but probably with orange accents.

Pent

[John Doe]

Good! For the light theme I suggest to use different color for the accent. There is too much orange now in my opinion :)

[Andrea Centorrino]

I know that my request is not strictly related to Material (re)Design, sorry in advance for the OT: is it possible, in a future version, to add a way to install and launch Tasker on Android TV without workarounds?

[Jay M]

It should be possible already he added a dialog so you can accept the disclaimer see the link for more info last comment is from me might be worth a read if you have a Android TV https://groups.google.com/forum/m/#!topic/tasker/fiQSn_rcodU

On Sat, 11 Feb 2017, 18:32 Andrea Centorrino, <chron...@gmail.com> wrote:

I know that my request is not strictly related to Material (re)Design, sorry in advance for the OT: is it possible, in a future version, to add a way to install and launch Tasker on Android TV without workarounds?

--

You received this message because you are subscribed to the Google Groups "Tasker" group.

To unsubscribe from this group and stop receiving emails from it, send an email to tasker+un...@googlegroups.com.

Visit this group at https://groups.google.com/group/tasker.
For more options, visit https://groups.google.com/d/optout.

[Scott Almond]

Hows the update going +Pent, any closer to the release?

[Pent]

Hows the update going +Pent, any closer to the release?

Yes, though I got a bit-sidetracked unfortunately.

Pent

[Jay M]

take your time but hurry up 😁

--

You received this message because you are subscribed to the Google Groups "Tasker" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tasker+un...@googlegroups.com.
Visit this group at https://groups.google.com/group/tasker.
For more options, visit https://groups.google.com/d/optout.

[Jesper Poulsen]

Pent wrote:
>
> Please don't change!!!!!
>
>
> Change what ? Theme to material ?

Yes.

Material Design sucks.

[Pent]

Material Design sucks.

I think so too, but you can't fight the flow unfortunately.

Pent

[Jesper Poulsen]

Pent wrote:
>
> Material Design sucks.
>
>
> I think so too, but you can't fight the flow unfortunately.

Then make it optional at least.

[Pent]

Then make it optional at least.

Technical difficulties with that unfortunately. But don't worry, it's not that much different.

Pent

[Rory Harnisch]

Pent,

Do you have a PayPal account?  I'd like to donate if possible.

Thank you,
-Rory

--
You received this message because you are subscribed to a topic in the Google Groups "Tasker" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tasker/VOR8HlHdVrs/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tasker+un...@googlegroups.com.

[Pent]

Do you have a PayPal account?  I'd like to donate if possible.

Thanks for the thought but it's more trouble than it's worth due to tax administration.

Pent

[Pent]

Finally solved the on/off problem elegantly!

Also the 'too much orange' problem!

Hallelujah!

Pent

[Arno Esterhuizen]

A suggestion: Maybe decrease the opacity of the black icons to lower the contrast?

On Thursday, February 9, 2017 at 11:49:25 AM UTC+2, Pent wrote:

Proposal for light-theme colours attached. I would like to use the oranges because
it goes with the Tasker icon.

But is the white text/icons on orange disgusting ? Too playful ?

Is it weird having white icons in top/bottom bars and black icons everywhere else ?

Should the popup menus have a coloured background and also have white icons ?

Would having all icons and text black be far preferable ?

Pent

[Rod]

Pent, when this big update out, will get a discount like years ago with Tasker v4.0/Holo UI?

[Pent]

Pent, when this big update out, will get a discount like years ago with Tasker v4.0/Holo UI?

You mean a reduced purchase price ? I'm not a businessman, but I suspect it's a bad idea
to pre-announce a reduction in price.

Pent

[pr0d]

Thanks for the updates! Looking forward to the release.

[Pent]

Great progress today, finally got some shadows going. Turns out (not mentioned in Android documentation)
that the app has to be hardware accelerated for the shadows to appear, so there'll be a new Preference in the next version
(off = less memory used, on = nicer UI)

Default theme starting to look pretty smart!

Last main problem is the floating action button for Add/Delete. Choices are to fake it, or
to move the whole of Tasker over to Android Studio, which will take weeks, but it has
to happen sometime anyway...

Pent

[John Doe]

If you want I've got the FAB code, I can send you via email. It doesn't need support library or anything special and it's backward compatible with pre-lollipop.

[Pent]

If you want I've got the FAB code, I can send you via email. It doesn't need support library or anything special and it's backward compatible with pre-lollipop.

Sounds good, do it to me :-)

Pent

[John Doe]

I sent you an email with the code

[Pent]

I sent you an email with the code

Got it, thanks. Spent the morning wrestling to get a decent shadow above a view
instead of below, so unfortunately didn't have time to try it out yet. You'd think
that it would be possible to specify that in the framework when specifying
elevation... it's obviously not heretical to do want it, since Play Music does.

Pent

[Pent]

Couldn't get the + button to look right floating around in space, so I got 'creative', see
attached.

I've tried to suggest the projects being at a higher 'logical' level than tasks, profiles
etc by the bottom bar the same, darker, colour as the action bar, and with the shadows.

I'm unsure about the + button. I think it looks better with the orange colour, but it's
logically for adding one of the ice-cream coloured things at the top. When it's deep
orange you get the idea it's for adding a project.

Still unsure if it's too playful, but there are 5 other more standard-coloured themes
for orange haters.

Pent

[Rory Harnisch]

Pent,

Thank you for the updates first and foremost!

I have a question about the switch at the bottom right corner of the photos.  Is that the on/off switch for Tasker?  If so, is there a reason it is at the bottom instead of at the top left? (Similar to toggling Tasker on/off by long pressing the icon in the current version from the main screen).  Also, the top left text says "off".  Is that just the way you intend to visually show the user the status of Tasker, by both the switch and text?  For the record, I'm not trying to criticize, I'm just curious.

As for the color theme.  This is only my opinion but I'm interested in seeing the other color schemes if you have a chance to share!  What about holding a poll? The highest voted theme gets to be standard!

Either way, love your work and thank you again.

-Rory

--

[John Doe]

Well I'm honest I think too much "creative". Just my two cents.

1) Too much colors, the tabs should have the same color of the action bar
2) Bottom bar has just another color? It's seems lighter than the action bar. Maybe different elevation?
3) FAB in that position it's not really the best thing you can do. You just need to put it on the lower right corner. As alternative the FAB can be attached to a view, but the Tasker UI it's still too much complex to add another element, so I would prefer a floating action button on the right. What's the problem? You need something like that:

<FrameLayout>
     <your main layout here.......>
     <ImageView> <-------FAB here with right alignment
</FrameLayout>

4) Accent color is better but in my opinion is too much similar to the primary color (too much orange again). As general rule, the accent color should be the inverted color of your primary color, just because it is the "accent" :)
5) The switch in the bottom bar is something a bit weird to be honest, it would be more logical to have an item in the overflow menu in my opinion.

[Pent]

I have a question about the switch at the bottom right corner of the photos.  Is that the on/off switch for Tasker? 

Yes.
 

If so, is there a reason it is at the bottom instead of at the top left?

Lines up with the profile switches, logically disables them all, looks messy by itself in the bar.
 

(Similar to toggling Tasker on/off by long pressing the icon in the current version from the main screen).  Also, the top left text says "off".  Is that just the way you intend to visually show the user the status of Tasker, by both the switch and text? 

Yes. When it's on, just 'Tasker' shows there. I might be graying out the profile switches when
Tasker is disabled too, then it will make even more sense.
 

As for the color theme.  This is only my opinion but I'm interested in seeing the other color schemes if you have a chance to share! 

They all need tweaking here and there at this point.

Pent

[Pent]

1) Too much colors, the tabs should have the same color of the action bar

Then there's way too much orange (see previous screenshot), and the tasks etc have the same 'level' as the projects.

I like the different colour, since it matches the + button it's immediately obvious that the
button adds a task or whatever, rather than a project.
 

2) Bottom bar has just another color? It's seems lighter than the action bar. Maybe different elevation?

 
Should be the same, but will check.

3) FAB in that position it's not really the best thing you can do. You just need to put it on the lower right corner.

It looks horrible with the on/off switches underneath it. Or do you mean where the Tasker on/off switch is now ?

4) Accent color is better but in my opinion is too much similar to the primary color (too much orange again). As general rule, the accent color should be the inverted color of your primary color, just because it is the "accent" :)

Yes, but every inverted (or other non-neutral colour) I tried looked horrible, especially with so many switches on the right
in that colour.

5) The switch in the bottom bar is something a bit weird to be honest, it would be more logical to have an item in the overflow menu in my opinion.

Possibly.

Thanks for the feedback :-)

Pent

[John Doe]

1) Too much colors, the tabs should have the same color of the action bar

Then there's way too much orange (see previous screenshot), and the tasks etc have the same 'level' as the projects.

I like the different colour, since it matches the + button it's immediately obvious that the
button adds a task or whatever, rather than a project.

You can choose anything of course, it's just your app. I was providing just some hint according to Google Material design guidelines. Yes I know, the have the same level but it's how the UI should work. The + (or FAB) button should have the accent color, not the primary color.
 

 

2) Bottom bar has just another color? It's seems lighter than the action bar. Maybe different elevation?

 
Should be the same, but will check.

3) FAB in that position it's not really the best thing you can do. You just need to put it on the lower right corner.

It looks horrible with the on/off switches underneath it. Or do you mean where the Tasker on/off switch is now ?

Yes, I know. This is the reason why I sad to remove the switch and use a item in the overflow menu.
 

4) Accent color is better but in my opinion is too much similar to the primary color (too much orange again). As general rule, the accent color should be the inverted color of your primary color, just because it is the "accent" :)

Yes, but every inverted (or other non-neutral colour) I tried looked horrible, especially with so many switches on the right
in that colour.

This is a site that helped me. Maybe you can find a good combination: https://codecrafted.net/randommaterial/ As you can see from the web site, the accent is always really different from the primary, don't be afraid to use colors ;)
 

[Mat]

I support the toggle in the overflow menu as well to disable/enable the projects. Would it be hard to link the switch state to an inverted color scheme (white/gray tab orange icon) or similar to indicate that project is inactive?

Then you would have the space to add the FAB in the default position. I wonder if the green variant (same as arrows for tasks) would look awkward if placed just on the white background (on top of the bottom tab space)

[Pent]

>You can choose anything of course, it's just your app. I was providing just some hint according to Google Material design guidelines. Yes I know, the have the same level but it's >how the UI should work. The + (or FAB) button should have the accent color, not the primary color.

I thought so too, but then I noticed the You Tube app using colorPrimary and thought, well if
they can so can I :-)

This is a site that helped me. Maybe you can find a good combination: https://codecrafted.net/randommaterial/ As you can see from the web site, the accent is always really different from the primary, don't be afraid to use colors ;)

Will have a look tomorrow, thanks.

Pent

[John Doe]

Ahahahh they are famous to break the rules! :D

[Rich D]

As you can see from the web site, the accent is always really different from the primary, don't be afraid to use colors ;)

Perhaps a splash of blue in remembrance of years gone bye.....  :)

[John Doe]

Yep. totally agree. Usually with orange purple/blue/light blue are the best choices.

[Rory Harnisch]

Pent,
Have you tried this website to test potential color combinations?

https://www.materialpalette.com/

-Rory

On Sat, Apr 22, 2017, 09:25 John Doe <playappa...@gmail.com> wrote:

Yep. totally agree. Usually with orange purple/blue/light blue are the best choices.

Perhaps a splash of blue in remembrance of years gone bye.....  :)

--

[Raul SC]

I also think there is too much orange, and considering that it is an application that is spent a lot of time, perhaps it would be better to use a scene that is softer.

I think it would be a good idea to use the pale yellow in the bottom area, and use the orange only in the upper area, on the floating buttons, and the switches.

The only problem would be the contrast of the drop down menu, but It could be solved by obscuring the rest of the scene while the menu is displayed.

[Pent]

Thanks for all the feedback!

Let's ignore the colour issue for now until I have had a chance to try those useful links.

I took out the enable/disable switch and moved the variables filter toggle icon to the Variables menu up top (double-tap)
so there's less going on in the bottom right.

The add button now also has the official standard size.
Is it better positioned now ? (again, let's ignore the colour for now)

Unfortunately, it looks very silly if it's floating fully on the list because of the bottom bar and the
profile on/off switches.

Pent

[Mateusz Żołnierczyk]

Can you add padding at the bottom so the profiles and task would disappear early?

--

You received this message because you are subscribed to a topic in the Google Groups "Tasker" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tasker/VOR8HlHdVrs/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tasker+un...@googlegroups.com.
Visit this group at https://groups.google.com/group/tasker.
For more options, visit https://groups.google.com/d/optout.

[Raul SC]

The floating button would only fit, if the bottom was clean.

You could try moving the lower menu, where the profiles are stored to the top. Maybe that way I wanted too loaded the top, it would be a matter of trying.

[John Doe]

Better but the + icon seems too large for a FAB. It should be 24dp. and the mini-fab should be 40dp (the normal one is 56dp). In addition it seems to much on the center, the right margin should be 16dp. In my opinion you should put the FAB in the normal position and you should use the hide()/show() methods I sent you to hide/show the FAB only when needed. For example when a profile/task drag start (the user wants to move a profile/task in another project) or when he wants to scroll the projects (horizontal scroll in this case) or when he wants to scroll the list of profiles/tasks, when these events are detected you can hide the FAB.

[John Doe]

I share a link of the reddit user c727_ http://imgur.com/a/IOH4R take a look about colors and FAB. The design is quite neat. To be noted the different icon for the refresh, it's much more logical to have an icon for "refresh" instead of an icon for "apply", but it's just a note. I think you are trying to put the FAB in position to avoid the overlap but it's the nature of the FAB to stay over another layout. The important thing is that the user is always able to access the layout behind with a scroll or hiding the FAB when not needed.

[Pent]

Better but the + icon seems too large for a FAB. It should be 24dp. and the mini-fab should be 40dp (the normal one is 56dp).

You lost me there, why should it be 24dp when the normal one is 56dp ?

Pent

[John Doe]

Size of internal icon should be 24dp (the + icon in your case). The size of the circle should be 40dp for mini size and 56dp for normal size.

Source: https://material.io/guidelines/components/buttons-floating-action-button.html

[Pent]

Size of internal icon should be 24dp (the + icon in your case). The size of the circle should be 40dp for mini size and 56dp for normal size.

Ah, that's what you meant :-)

I like the redesigned icon, if you have a reddit account can you find an email for the author so I can ask
about using it ?

Pent

[Guus Apeldoorn]

On Sunday, April 23, 2017 at 9:03:16 PM UTC+2, Guus Apeldoorn wrote:

> Hey Pent,
>
> I'm NickFromNSA (the OP of the imgur gallery), one of the designers that worked on the redesign.
> If you want to get in touch, you can send me an email at in...@guusapeldoorn.nl. My friend (the Fabian Doornbos mentioned in the description of the first picture) and I can do some further polishing of the UI as well if you're interested. His email is fabiand...@gmail.com. Hope to hear from you soon!

[Pent]

Opinions on project tabs up top ?

It's possible now everything else moved away from the bottom and is logically better, since profiles etc come within projects.

The project tab would not be visible in beginner mode, so at first launch user would just see profile etc tabs,
overflow and + button.

With the projects in the action bar, when not in beginner mode, the Tasker title (and 'Off' when disabled) would show for a second
before the project bar appears.

An 'add' button for new projects would then also be possible, which would be an action bar action
or would be under the overflow button (where the project bar isn't in the action bar).

Pent

[Mateusz Żołnierczyk]

The top section takes considerable amount of space in the mock up. Wonder if it's possible to hide the projects tabs by swipe up and bring it back by swipe down on the profile tabs. This way the screen estate is better and we keep the moving tasks between the projects feature?

This could mean that tabs could be at the top or bottom (with a hiding fab button).

Just a thought

--

[Abdullah Alahdal]

Or maybe it is the time to think of my suggestion on 9 Feb to have the project as a sidebar

[Rich D]

Opinions on project tabs up top ?

Hard to say without trying but I would be afraid of the fat finger crowd always hitting the incorrect row. I personally like them separated top and bottom. However I can not think of a good place fore the stupid + button if they stay bottom either :/

As for a hidden project bar, I would be very disappointed if I could not tell what project I was currently in. Not sure if you could hide the bar and leave the current project shown somehow. 

[Pent]

Or maybe it is the time to think of my suggestion on 9 Feb to have the project as a sidebar

I've thought of it a lot and decided against it.

Apart from technical problems with implementation due to me still being on Eclipse,
leaving open takes too much horizontal space and the navigation draw is supposed
to be globally accessible throughout the app, but I can't have people switching
projects in the middle of editing actions.

Pent

[Pent]

The top section takes considerable amount of space in the mock up.

Not the action bar version.
 

Wonder if it's possible to hide the projects tabs by swipe up and bring it back by swipe down on the ptabs. This way the screen estate is better and we keep the moving tasks between the projects feature?

I could put a thumb at the RHS of the profile,tasks etc bar for dragging it up down when not in beginner mode.

Pent

[Rich D]

My first thought would be to leave the bar on the bottom and let the + button cover up the the last ones to the right, then when dragging the bar have the + button disappear for a few seconds.  If the + button is covering a active tab could you move the + button to the left?

--
You received this message because you are subscribed to the Google Groups "Tasker" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tasker+unsubscribe@googlegroups.com.

[Rich D]

What will be at the bottom of the display? By the looks of it you can't use it for items as the + button will cover enable/disable and the drag tab.

[Raul SC]

I like the result of placing the profiles at the top. This cleans the bottom, and the floating button fits perfectly.

It will only be necessary to take into account, that the primitive scene the sufficient vertical slip, so that it does not overlap in the switches of the profiles.

I also think that the action of Activate and Deactivate Tasker, does not need to be displayed in the scene, and could be placed in the options menu. I particularly, is an option that I have not used since I used the application.

If you finally keep the profiles at the top, I can tell my grandchildren that I collaborated on the aspect of Tasker XD

[Scott Almond]

See the below screenshot (Clipper+, clipboard manager). The blue FAB button hovers slightly over an information bar. (An information bar in Tasker could be very useful for confirming if Tasker is running or if you enable/disable a profile, but also if a profile is triggered whilst you are in the editor?

Further to this, the button slides down out of sight if the user scrolls down the list, preventing it from blocking the right hand side of the list where Tasker usually has the profile enable/disable toggles. The button slides back up into position again when the user scrolls up a little.

The above is not only an elegant solution but also a productive one.