Redesign the ODK-X Services app icon

[maprehensive]

The current Services app icon is not branded ODK-X, and do not clearly communicate the core app function.

This task is to redesign the app icon to be:

• Recognisable as applications in the ODK-X suite of tools
• Ideally incorporating the ODK-X logo (note this issue for Logo refresh https://github.com/odk-x/tool-suite-X/issues/355)
• can be distinguished as the Services app without accompanying text
• Preferably does not rely on the app name in the icon

App icons should be created as SVG format and be clear and legible at small sizes, such as 20x20px

You do not need to be assigned to this issue to work on it for an Outreachy application

[Cveman1]

I'd like to try my hands on this @maprehensive

[julian55455]

Hi @maprehensive @wbrunette @elmps2018.... Can you assign this to me please

[julian55455]

@maprehensive @elmps @wbrunette can you take a review at this!

[maprehensive]

@julian55455 @Cveman1 you're assigned. Thanks :)

[maprehensive]

@julian55455 That's a good start!

My suggestions:

• review at small sizes
• try some variations on the blue cloud – I don't think it does a good job of communicating the function of the app
• write some explanation of your design decisions with the next iteration

Good job - keep going!

[Oluwatobi1992]

Hello @maprehensive I would like to be assigned to this task too

[jessjaey]

@maprehensive Can I be assigned this too?

[elmps2018]

@Oluwatobi1992 and @jessjaey assigned you as well! Look forward to seeing everyone's ideas!

[jessjaey]

Thankyouuuuuu

[jessjaey]

@maprehensive @elmps2018 I made different variations for the service app icon Please look through and review.

[Daveojoe]

I am David Joseph (davejoe) and I am an outreachy applicant, I will like to be assigned on the services app icon @elmps2018

[elmps2018]

Hi @Daveojoe I assigned you as well!

[Daveojoe]

Thanks @elmps2018

[Augusta2]

Hello @maprehensive I would love to work on this

[salmasabo]

I made different variations for the service app icon Please look through and review. Hi Jess.! I'm salma and I'd like to connect with you if you don't mind

[jessjaey]

I made different variations for the service app icon Please look through and review. Hi Jess.! I'm salma and I'd like to connect with you if you don't mind

Yes Ofcourse If you're on the slack channel, Send me a message: Jessica Alexandra jide

[maprehensive]

@maprehensive @elmps2018 I made different variations for the service app icon Please look through and review.

@jessjaey This is great. Love to see the variations and notes on design choices.

For the next iteration, I would focus on making the idea work at a small size. The ODK-X logo won't be clear if the overall icon is 20x20px.

Thank you!

[jessjaey]

@maprehensive Thankyou for your feedback , Noted! I'll work on the next iteration with this in mind

[Cveman1]

Hi @maprehensive, here's an iteration of the ODK-X logo.

I took the reduction route to make the logo more simple and minimal. This follows Dieter Ram's 10th principle of design. that says 'Good design involves little design as possible.

Since the Services app provides services to be used by all the other ODK-X tools and allows the exchange of data, I figure the Wifi icon with the visual style of ODK might just be enough to represent the Services app.

Description:

• This logo concentrates on the essential brand aspects and its communication.
• It maintains the brand’s visual language and colours
• It is easily memorable as a logomark and leaves a lasting impression on users.
• It's scalable for any size and screen
• It's simple.

I'm certain more iterations will lead to more improvements in the logo.

What do you think?

[JessicaItepu]

Hello @maprehensive may i please be assigned to this task... i would really appreciate

[JessicaItepu]

Hi @maprehensive, here's an iteration of the ODK-X logo.

I took the reduction route to make the logo more simple and minimal. This follows Dieter Ram's 10th principle of design. that says 'Good design involves little design as possible.

Description:

• This logo concentrates on the essential brand aspects and its communication.
• It maintains the brand’s visual language and colours
• It is easily memorable as a logomark and leaves a lasting impression on users.
• It's scalable for any size and screen
• It's simple.

I'm certain more iterations will lead to more improvements in the logo.

What do you think?

I like how your brain works.. this is nice

[jessjaey]

Hello @maprehensive may i please be assigned to this task... i would really appreciate

Hi Jessica Our mentor says You can contribute to any issues without being assigned.

[JessicaItepu]

Hello @maprehensive may i please be assigned to this task... i would really appreciate

Hi Jessica Our mentor says You can contribute to any issues without being assigned.

Oh wow. Thank you

[jessjaey]

@maprehensive I put your feedback into consideration for my iterations of the app icons

[JessicaItepu]

@maprehensive @elmps2018 kindly review this, i would love to get a feedback. Thanks in advance.

[Augusta2]

Hello @maprehensive I did my best to redesign the icons following the ODX-K design guidelines. This is my first time designing a logo and I am open to corrections and critiques. Thank you

This is the first Icon I am proposing

This is the link to the Project Proposal

[Augusta2]

@maprehensive This is the Second Icon i came up with. This is the link to the Project Proposal

[Cveman1]

Hi @maprehensive, here's an iteration of the ODK-X logo. I took the reduction route to make the logo more simple and minimal. This follows Dieter Ram's 10th principle of design. that says 'Good design involves little design as possible. Description:

• This logo concentrates on the essential brand aspects and its communication.
• It maintains the brand’s visual language and colours
• It is easily memorable as a logomark and leaves a lasting impression on users.
• It's scalable for any size and screen
• It's simple.

I'm certain more iterations will lead to more improvements in the logo. What do you think?

I like how your brain works.. this is nice

Thank you @JessicaItepu, you are smart-much too!

[maprehensive]

Hi @maprehensive, here's an iteration of the ODK-X logo.

I took the reduction route to make the logo more simple and minimal. This follows Dieter Ram's 10th principle of design. that says 'Good design involves little design as possible.

Description:

• This logo concentrates on the essential brand aspects and its communication.
• It maintains the brand’s visual language and colours
• It is easily memorable as a logomark and leaves a lasting impression on users.
• It's scalable for any size and screen
• It's simple.

I'm certain more iterations will lead to more improvements in the logo.

What do you think?

@Cveman1 Strong concept and design process, very well explained.

Considerations for the next iteration: Try with different treatments:

• in the header with the app name next to it
• in the status bar when Services is synching (screenshot below)

And think about whether it is recognizable enough with / without the color? There may be a need to integrate something more from the ODK-X logo to increase the recognition factor.

Great work!

[maprehensive]

@maprehensive I put your feedback into consideration for my iterations of the app icons

@jessjaey Nice iteration – that's a good improvement with a good rationale.

Some thoughts for the next iteration:

• create smaller size versions and view them on a phone, this can help check whether the icon will work in different conditions
• because the lines are quite light, the icon doesn't have a strong presence. You could try filling in the container (cloud / rectangle), or thickening the lines you use to make it visually more pronounced

Good work, keep it up!