Create a new site for Kivy - ideas and suggestions

[dessant]

This issue will be mainly used for discussing possible design routes for our new site.

Please comment here if you have any suggetions about how the site should look like or what it should contain, links or screenshots that illustrate your idea are recommended.

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/7062787-create-a-new-site-for-kivy-ideas-and-suggestions?utm_campaign=plugin&utm_content=tracker%2F43807&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F43807&utm_medium=issues&utm_source=github).

[ohaz]

People on facebook are requesting a video tutorial part on the new site.

[KartikKannapur]

We could probably embed a Getting Started with Kivy video tutorial on the website.

[aq1]

I don't know. Do you really need to waste resources on new website? What's wrong with current version?

[tshirtman]

Issues with current website:

• is not mobile friendly.
• lacks a testimonial section
• lacks a donation section
• lacks a section to refer to external resources about kivy (like screenings of presentations around the world, that are currently in #aboutus)
• can hardly give space to more sections in its current form.
• isn't easy to maintain (direct edit of html/js code)
• is messy in about every sections
• doesn't look trendy
  … maybe more.

[dessant]

@ohaz @KartikKannapur thanks, we will take this into account.

@aq1 the reason for creating a new site is to open up kivy for more users (+ contributors) and help them make their first steps in an intuitive way, as tshirtman explained, the current site does not meet this goal.

[ohaz]

A small summary of things suggested on facebook:

• Video tutorial(s) for apps like list app/ to do app, drag and drop app, quiz app, flashcard app
• Video that shows how easy the build process for the different platforms is
• Contest is too dominant on the front page (I personally think that might be because of it being over for quite a while already now)

I think the main issue people have is that the main page should contain tutorials on how to get into kivy. They like our documentation, but getting good enough in kivy to use it seems to be the problem.

[victor-rene]

I have mixed feelings about this. I can understand the mobile friendliness requirement though.
As someone who joined this year at the time of the contest, I can say that things aren't that bad. However, I can suggest adding more tutorials beyond the pong game. Especially linking to kivycatalog, which is currectly in getting started.

Another major thing, is to update the documentation regarding the building process on each platform. If I wasn't dedicated, I wouldn't have been able to solve the major issues. An example is this:

cd ~/android/python-for-android 
git clean -dxf 
git pull 

This is what is mandatory for the VM used to publish on Android. Unless you find this information you are stuck. It's likely that many people just give up based of things like that alone.

[brousch]

Make the new website look like it is written in Kivy.

[tshirtman]

i'd vote against mimicking kivy's theming for the website, it's probably a lot of work, will make people think kivy can target web (creating more confusion), give the impression that kivy-theme is a constraint for our designs (when it's not), and even prevent us from evolving the kivy theme if needed, sorry, but i see only downsides to this idea.

[tito]

• make a base for the theme than can be reused for the documentation (at least the header/content/footer), garden (future website where we can browse / have more informations about garden repos), documentation
• don't show Kivy as a whole. Have a better approach that shows the Kivy project as multiples tiny project, where all of them fit to target a platform. At least, imo, the frontpage should not shows only Kivy itself now.

[dessant]

I'm thinking of this for the front page, above the fold (this is just a mockup with placeholders, disregard text, images, fonts, colors, etc.):

• this layout would send a strong message to the visitor: there are real world kivy apps and they are awesome ;)
• it would put our main goal front and center: explore kivy and download it
• a video loop would increase our retention rate in those first couple of seconds, and would appeal to non-technical people
• the code snippet would engage developers, they could also visit the app's repository
• a Learn more/Explore link would send them below the fold, this is where we would present some of the best features of kivy and its ease of use, give a glimpse of our community, it should appeal to devs, hobbists and bussinesses (the layout and content of this is largely unknown, we need more tips).

This whole thing could be a carousel so we can show multiple apps. @tito recently did a gorgeous app with a bubbly interface for a museum, that would be a pefect fit for a featured app.

The biggest shift compared to the old site, besides the layout, is that we will treat the front page as a sales page which has a clear goal, to make conversions. Once ready, we could a/b test different apps as fist slides, text below the fold, to see what makes more people interact with the site and download kivy.

Please do tell your opinion about this, what would you change or improve?

[dessant]

@matham, @Kovak, @akshayaurora, @inclement, please join the thread.

[ghost]

I would prefer if the carousel had manual navigation ("continue to X", "back to Y" for example). Maybe add a carousel to gallery and do the app showcase there. I think it makes the focus more clear for both of them (ie discovering the project(s) from the frontpage and a showcase of what can be done).

[sajadbanooie]

it would be great if the new website could run kivy code online

[ohaz]

I don't think this is possible, sorry @sajadbanooie

[dessant]

@bionoid, yes i will be manual (i'm also an auto-sliding carousel hater :)). We will have a showcase/gallery page which can contain more examples of released apps, even a short intro about each etc., but i find it important to have this carousel on the front page, as we suffer from people not knowing what kind of apps can be built with kivy.

Both you and @tito mentioned giving our other projects space on the home page, i fully agree with that, we could have the most popular ones mentioned below the fold, where the other stuff will be presented.

And we definitely need a dedicated Projects page where each of them are presented in a detailed way, maybe each could have it's own page, this way they would get more screen space for presentation and even a short code snippet that shows a cool feature of the respective package.

[victor-rene]

Waht about kivy planet, it's an important resource, even if outdated... please.

[dessant]

@victor-rene we could have a blog, but with our own content, these planet style article reposts hurt our ranking and google penalizes us (duplicate content).

[tshirtman]

we should certainly have more blogs on the planet, would put some life here. (but that's another issue, i guess)

edit: didn't see the info about planet being bad for ranking, would be good to fix it if possible, maybe some nofollow style fix?

[ghost]

@dessant I agree it should be promoted on the front page of course, to clarify: I would prefer not to "sporadically" mix it in, but rather have a single point of entry for the gallery (a "see what kivy can do" slide together with the current featured app, for example - ie don't have multiple slides for this purpose on the frontpage)

[tito]

@hansent Have a look!

[inclement]

I like the general content of the current site, in particular:

• big landing image (currently the carousel)
• basic information (currently the 3 columns)
• code example (currently the hello world - but I think this could be improved)
• social links
• example apps, in a testimonial role), this could be improved since the carousel doesn't present them that well

In terms of presentation, I generally like the balance of the current site with the carousel being not too big and giving way to further information.

Particular improvements I would pick out as wanting are:

• better app example links (as you propose)
• more technical information, e.g. a brief project overview and also subproject mentions on the frontpage. For instance, haxe do this further down their page.
• better code examples/github links - the hello world is good but not actually that useful for anyone.

I think this meshes with what you propose, but anyway, it's my perspective.

[matham]

I'd love to see something that matplotlib has; galleries. This is similar to what has been mentioned by others, but basically, either have a whole separate section, or for each mod, e.g. BoxLayout have at the bottom of the page a gallery showing different snippets and how the result looks. This way, we can easily showcase the various usages of mods, while making it easier for devs at a glance to find the correct snippet to use in their project.

[Kovak]

Some information I think is important to convey:

1. We are not based on PyGame in any real sense. Often times the role of providers within Kivy I think is very misunderstood. In many ways, our provider setup is one of the biggest strengths of Kivy: it is kivy's abstraction over multiple providers that ensures developers have the freedom to publish what they want where they want, and the ability to solve any potential technical challenges related to their platform or use case.
2. Others have said, but I think we need to give more precedence to the other parts of the Kivy ecosystem. Pyjnius, pyobjus, python-for-android, kivy-ios, and so on, all of these projects contribute significantly to making Kivy as useful of a development tool as it is, and it is in these projects that much of the cross-platform goodness comes to be. Kivy is far more than just a UI framework.
3. We need to have an area where we spotlight applications being made by our community. Over time this will become one of the best ways to demonstrate the different types of applications that can be made with Kivy. In addition, this also helps strengthen the exisiting developers within our community, using the reach of kivy.org to inform others about all the cool things they are up to.
4. Someone else has mentioned the kivy planet, I do think that we may need to ensure we are publishing more blog posts and such about Kivy itself. These blogs could demo interesting features of kivy or discuss future developments and experimental projects and such. The whole goal here should be to provide a window into the way the developers of kivy think and approach things, and perhaps show off at a more indepth level of detail some of the things the developers get up to. This could be very helpful for those kivy developers out there who are looking to dive deeper into how Kivy works or want to know more about the future of development.

The primary thing about points 3 and 4 is to present a more active face to the community for the Kivy organization, and to support the community with the reach Kivy itself have. In turn, this will underline how active development is and give back to our adopters by showing off what they are up to!

[ohaz]

We need to have an area where we spotlight applications being made by our community. Over time this will become one of the best ways to demonstrate the different types of applications that can be made with Kivy. In addition, this also helps strengthen the exisiting developers within our community, using the reach of kivy.org to inform others about all the cool things they are up to.

This could be linked to the app of the month we want to introduce in the social networks ( kivy/kivy-ideas#1 )

[victor-rene]

I'm just dropping by to say that I found some content on the github wiki. How much is still up to date, I can't know. This led to think about a few boring things, please bear with me.

I firmly believe, accurate documentation can be as or even more important than aesthetics, on the technical side of things. Much of the "adoption rate" of any framework, in my experience comes from smoothing the learning curve. However, in the current state, there seems to be a significant release gap / update delay / info spread, (whatever the real cause) that makes it really hard at times to go forward on projects.

I also tend to think, streamlining tests and releases, will definitely force the allocation of time for those documentation tasks. Let's say the release schedule is every 4 months, then at worse, Kivy users know the information delta can't be that great between the dev version and the last stable. This is even more important, considering the fact that Kivy relies on other open-source tools and frameworks who are constantly evolving on their own.

If that point can be improved, and look "mature enough" this will help changing how the framework is perceived from a "quality" standpoint. Maybe a good example is web2py. On the first page, we see:

• All in one package
• IDE (with debugger)
• Extensive docs

It is very crystal clear what you get. Voilà, that was just some food for thought.

[dessant]

bookmark https://twitter.com/kdamica/status/549977972417892352

[frastlin]

I really like the basic template with a short list of links, headings that say why I should use Kivy, that it is MIT and uses OpenGL.
If you wish to show how easy it is, there should be a link where people who are already python developers can read a brief overview of specs, then do the typical hello world example, then read a brief description of how Kivy is structured, how to read the API, and a link to the API/Docs on the front page for super fast access like pygame has (Love the way pygame's API is setup FYI, horrible for newbies, but great for someone who just needs to know what to do to pan a sound to the left).

On the front page though, I don't think we should have more than 10 links in the side bar. I like the simplicity and header and list delineation that is currently in place.
On the bottom of the page there should be a link to YouTube, Google+, Facebook, Twitter and what ever else.
I don't know what the website uses, but just FYI, in WordPress, there are some very nice tools for managing all the social networks at once.

For newbies, There should be a "learn python with Kivy" tutorial. There you can point to other tutorials as further and more advanced reading, but the last thing a potential game developer who stumbles on Kivy needs is a 60 module tutorial telling them how to use python, and nothing on how to use Kivy, then a quite extensive and over-whelming description of Kivy architecture and API.

Combining the two together (for newbies and python developers) just leads to confusion.

I wouldn't have any videos that are not Kivy made or on Kivy's channel on the front page. The page should be super simple, sleek and, like Kivy, nearly the same on mobile and desktop.

[kived]

New website should have both stable and dev docs, instead of just dev. :)

[dessant]

@inclement proposed an example gallery like http://matplotlib.org/gallery.html (ignore the theme), it would definitely help newcomers.

[inclement]

I only mentioned that because @matham said the same thing earlier in this discussion and I think it's an extremely good idea, especially since we have many examples already. Give him the credit!

[dessant]

Sorry, credit given to @matham.

[hansent]

less is more for the main web site i think. at least for me, when i find a new project i'm evaluating, if there is a whole bunch of information on the first page, I often dismiss it as too complicated pretty quickly.

...I realize this is very abstract input to this discussion and doesnt ofer that much practical ideas...but just a thought i guess.

[frastlin]

I agree with hansent.
If we wish to have lots of stuff, it should either feel like a different website, or be a different website. In every page, there should not be more than 7 headings. The only exception may be the user guide. I like my user guides in one large HTML page, but even then, if you had 1.1, 1.2, 1.3...1.17.5, 1.17.6... it just gets dumb. I like pyinstaller's documentation, but everything else should just be simple simple simple. Like Learn python the hard way's page!

[victor-rene]

Can we remove the bird? The kiwi is fun, but I had some people really confused about it, especially the spelling of it. Like it's almost the same but not really. What do you think? Can we have a better mascot?

[FeralBytes]

I feel @victor-rene really hit the nail on the head here.
It would be great to showcase some of Kivy's other projects, if the documentation for them was not super hard to come by. Just read the docs. Perfect example Plyer. Can any one actually tell me how to use plyer.notification or sms; I know that you guys can; and I did figure it out, but not without directly looking at the code in the plyer github. The subprojects need strong documentation too; even if they are new; at least before you can go putting them on a front page.
He is also right about the release gap. Can we get some sort of plan together to figure out when 1.9.0 will come out, or at least make a 1.8.1 that includes some of the many fixes that are critical? IE sound.on_stop never gets called.

[brousch]

For plyer, the examples provided with each facade are the best
documentation. They show how to use the facade in a real (small) app.

On Fri, Feb 13, 2015 at 4:22 AM, FeralBytes [email protected]
wrote:

I feel @victor-rene https://github.com/victor-rene really hit the nail
on the head here
#52 (comment).
It would be great to showcase some of Kivy's other projects, if the
documentation for them was not super hard to come by. Just read the docs.
Perfect example Plyer. Can any one actually tell me how to use
plyer.notification or sms; I know that you guys can; and I did figure it
out, but not without directly looking at the code in the plyer github. The
subprojects need strong documentation too; even if they are new; at least
before you can go putting them on a front page.
He is also right about the release gap. Can we get some sort of plan
together to figure out when 1.9.0 will come out, or at least make a 1.8.1
that includes some of the many fixes that are critical? IE sound.on_stop
never gets called.

—
Reply to this email directly or view it on GitHub
#52 (comment).

Ben Rousch
[email protected]
http://clusterbleep.net/

[FeralBytes]

@brousch but that is the problem only GPS has an example. As another for instance the class is plyer.facades.Notification but that is not how you use it, instead you use it like plyer.notification. Because it is a proxy but you don't know that until you look here. So more examples and documentation would be good for the sub projects.
Again I know documentation is all about time. I am just making the point that before you put the sub projects on the front page, you might want to make them shine first.

[FeralBytes]

@brousch Yes it is at the top of the documentation (about the proxy objects that is), but with out the example to fill the gap, I went to the code to figure it out. But most people are not that inclined even if they should be to be programming.

[brousch]

I'm not sure what you're looking at, but our GSOC student added examples
for every facade we provide last summer:
https://github.com/kivy/plyer/tree/master/examples

On Fri, Feb 13, 2015 at 6:34 AM, FeralBytes [email protected]
wrote:

@brousch https://github.com/brousch Yes it is at the top of the
documentation (about the proxy objects that is), but with out the example
to fill the gap, I went to the code to figure it out. But most people are
not that inclined even if they should be to be programming.

—
Reply to this email directly or view it on GitHub
#52 (comment).

Ben Rousch
[email protected]
http://clusterbleep.net/

[FeralBytes]

@brousch https://plyer.readthedocs.org/en/latest/
The documentation.

[victor-rene]

A quick update that probably belongs in kivy-ideas. Let's have a section "Contributions wanted", and list the things that we would like to be done, but can't afford to do because of time/knowledge issues. I'm not talking about bugs, but more about feature gaps that would make Kivy more well rounded.

A recent example is #3048 (don't know if related to https://gist.github.com/tshirtman/6465713). Another one would be TableLayout, etc... "Contributions wanted", if constantly updated will probably help channeling the random programming efforts put into Kivy. My 2 cents.

[ivlevdenis]

it is important that the site and documentation was multilingual