[Ankidroid] Deciding the new AnkiDroid's design

44 views
Skip to first unread message

Edu Zamora

unread,
May 5, 2010, 1:35:57 PM5/5/10
to anki-a...@googlegroups.com
Hi all!

Like we never really stopped to think about AnkiDroid design, it lacks consistency and it could be improved.

I propose that we stop for a little bit to think about it.
 
I thought about the things I don't like on the current design, the things that annoy me and I think they could be improved and I came up with the attached draft (inspired, mostly on Anki Desktop and the design that Daniel Svärd made long ago, and a little on the current one in AnkiDroid).

Take a look and say what you think about it. Right now, we should focus on the main functionalities and in the navigation between views and, after that is decided, we'll have time to discuss about the order of options and other details inside each particular view.

So, if it was up to you... what would you fix on AnkiDroid design, in order to make it more usable? What do you think about the draft?

I am looking forward to hearing your ideas, because I know that with everybody's help we can come up with something really good :)

Cheers!

--
You received this message because you are subscribed to the Google Groups "AnkiDroid" group.
To post to this group, send an email to anki-a...@googlegroups.com.
To unsubscribe from this group, send email to anki-android...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/anki-android?hl=en-GB.
AnkiDroid New Design.pdf

Diogo V. kersting

unread,
May 5, 2010, 4:12:13 PM5/5/10
to anki-a...@googlegroups.com
I like your ideia.
Question: what does mean replay?

Should we consider new features that we are planning, to check if they will somehow affect the way we are going to do the UI?

Example of planning features:
* Download personal deck (I guess will be on Download Menu)
* New Facts/Cards (On The same menu as Edit Card?)
--
----------------------
Diogo V. Kersting - Epidemus LTDA
Desenvolvedor do BRLix

Nicolas Raoul

unread,
May 6, 2010, 3:51:06 AM5/6/10
to anki-a...@googlegroups.com
Nice work!
It would be useful to maintain such a diagram, could be included in
the Help documentation too.
I guess this diagram (or its source form) could

Personally I use AnkiDroid every time I have 5 seconds, in the
elevator or even between two rooms, so I really appreciate the fact
that when I touch the "AnkiDroid" icon, I am directly presented with a
question to answer.
In this design I have the impression that users have to pass through a
sort of "starting screen" (3rd from the left) before they can start
reviewing. Is it the case, or am I mistaken?

Maybe it is just me who is bothered by this starting screen... what do
other people think?

Thanks!
Nicolas

Edu Zamora

unread,
May 6, 2010, 4:49:55 AM5/6/10
to AnkiDroid
> Question: what does mean replay?

The "Replay" option is intended to replay the media existent on the
card, if there is any. If not, it should not appear on the menu (that
is what I tried to show with the alternative screen, the one above).

> Should we consider new features that we are planning, to check if they will
> somehow affect the way we are going to do the UI?

Sure! But first we should consider if these features will affect the
views we have or the way the user navigate between them. In that way,
we will not have to redesign the functional design again, only add
some details to the big picture.

The two examples you gave, for instance, don't modify the navigation
or the views we have: it is only a matter of deciding where we put
these options (in Study Options view, in Reviewer view, where in the
menu...)

I mean, that is really important too (and we have to do it) but I want
everybody to agree and give ideas on the big picture first, before
moving on to the specifics. To better understand what I mean:
http://headrush.typepad.com/creating_passionate_users/2006/12/dont_make_the_d.html
(We are in the Rough Sketch phase)

So, I understand you liked the big picture Diogo, isn't it?

> It would be useful to maintain such a diagram, could be included in
> the Help documentation too.

Great idea, Nicolas! By the way, what do you mean by Help
documentation? The wiki?

> I really appreciate the fact
> that when I touch the "AnkiDroid" icon, I am directly presented with a
> question to answer.

Don't worry Nicolas! Anki has a preference to do just that ("Show
study options on deck load"), so we can add this preference too.


Summarizing, the steps we should follow:
1) Agree on the existent views and the navigation between them
2) Design of each view: what it contains and where
3) Little details inside of each view: used font, size of the
elements, colors...

Thanks to you all!

travis

unread,
May 6, 2010, 6:14:07 AM5/6/10
to AnkiDroid
I thought what would be really useful is something like the toolbar
from Anki, with little icons that could sit up
horizontally at the top of the screen (or vertically down the side in
landscape mode). Maybe all the common
tasks, like star, suspend, undo, replay. This could be hidden via a
user preference if users want the extra space
on the screen. The icons could be relatively small, maybe the size of
the onscreen keyboard letters, with a bit
more spacing between them. For less common tasks, they could appear on
a long press.

On May 6, 9:49 am, Edu Zamora <edu.z...@gmail.com> wrote:
> > Question: what does mean replay?
>
> The "Replay" option is intended to replay the media existent on the
> card, if there is any. If not, it should not appear on the menu (that
> is what I tried to show with the alternative screen, the one above).
>
> > Should we consider new features that we are planning, to check if they will
> > somehow affect the way we are going to do the UI?
>
> Sure! But first we should consider if these features will affect the
> views we have or the way the user navigate between them. In that way,
> we will not have to redesign the functional design again, only add
> some details to the big picture.
>
> The two examples you gave, for instance, don't modify the navigation
> or the views we have: it is only a matter of deciding where we put
> these options (in Study Options view, in Reviewer view, where in the
> menu...)
>
> I mean, that is really important too (and we have to do it) but I want
> everybody to agree and give ideas on the big picture first, before
> moving on to the specifics. To better understand what I mean:http://headrush.typepad.com/creating_passionate_users/2006/12/dont_ma...

thurd

unread,
May 6, 2010, 12:48:44 PM5/6/10
to AnkiDroid
Its my first day using AnkiDroid and first time posting but so far I
quite like the UI. Its a nice blend of Anki & Android and it just
works!

Only thing that I'm missing now is a panel (on top or above buttons
when reviewing) that tells me how many are failed, left and new with
annotation (underscore like in Anki or for example bold) from which
"bin" is the current card.
Thats the only immediate thing I can think of after a whole day of
fooling around with it, great job guys!!

There are some nice to have features like:
- configurable button size (I'm ok but some people have bigger paws)
- configurable screen brightness (displaying white background eats a
lot of battery) and possibly background color (negative mode?? I'm not
an expert but black should be using less energy)
- option to disable screen lock during reviews
- I'd order menu buttons differently, put everything that works on
current deck/card on the list that pops up after pressing "menu" and
rest after clicking "more" (now we have synchronize, edit card in
"more" and about, preferences, switch to another deck in "menu")

I agree with Nicolas that immediate reviewing (of last deck) is quite
useful, I'd even go as far and think about cutting this "Loading deck
please wait" time to minimum (like save 2-3 cards "ahead" when exiting
and later read from this "save" rather than whole deck) and then
"transparently" load the rest.

Porco-esphino

unread,
May 7, 2010, 3:01:00 AM5/7/10
to AnkiDroid
Your documentation doesn't show the answer with the question above so
that it's viewable if there is space, but if not a scroll bar is there
to allow it. I know this is in another thread, but should be default
behaviour and hence mirrored in this design.

Bodey

Edu Zamora

unread,
May 7, 2010, 5:27:48 AM5/7/10
to anki-a...@googlegroups.com
So, the only concern I see about the proposed views and navigation (step 1) is the fact that having the study screen could slow down the process of using the app quickly and for short periods. To solve this, I made a version of AnkiDroid (merging Daniel Svärd's study_options branch with my sync branch) with a preference option to skip study options screen and go to review right away. Could you Nicolas and Thurd try it and say if you like it?

Another thing I have being told doing usability tests is that the app would need a dynamic tutorial explaining what is Anki, how it works and how to use the app. That could be a big change that affects the big picture.

Apart from that, anything else to say on step 1 (comments on existent views and the navigation between them)?

We will take into account your great suggestions later on, when we are discussing step 2. Here they are summarized:
- toolbar from Anki, with little icons that could sit up horizontally at the top of the screen
- panel (on top or above buttons when reviewing) that says how many cards are failed, left and new with annotation
- configurable button size
- configurable screen brightness

- option to disable screen lock during reviews
- order menu buttons differently
- show the answer with the question above

Thank you all for your feedback and your help! :D

Yours,

   Edu Zamora
AnkiDroid-new_design_test.apk

travis

unread,
May 7, 2010, 7:21:33 AM5/7/10
to AnkiDroid
A couple of things in this:

How do you get back to the deck picker? I can't find a way back.
On the menu for suspend card/edit card maybe add the star/mark card,
since it goes with that and there's enough space.
I can't get the long press to work, is this in there?

An extra design thing:
The timer currently takes up a lot of space, if it was aligned top
left it there might be enough space to lay it out like this in the
same block:

00:30 5 due
3 failed
75% 10 new

where 75% is the overall recall rate for the deck. On click could pop
up a more complete view.
> > anki-android...@googlegroups.com<anki-android%2Bunsubscribe@google groups.com>
> > .
> > > > > > For more options, visit this group athttp://
> > groups.google.com/group/anki-android?hl=en-GB.
>
> > > > > --
> > > > > You received this message because you are subscribed to the Google
> > Groups "AnkiDroid" group.
> > > > > To post to this group, send an email to
> > anki-a...@googlegroups.com.
> > > > > To unsubscribe from this group, send email to
> > anki-android...@googlegroups.com<anki-android%2Bunsubscribe@google groups.com>
> > .
> > > > > For more options, visit this group athttp://
> > groups.google.com/group/anki-android?hl=en-GB.
>
> > > > --
> > > > You received this message because you are subscribed to the Google
> > Groups "AnkiDroid" group.
> > > > To post to this group, send an email to anki-a...@googlegroups.com.
> > > > To unsubscribe from this group, send email to
> > anki-android...@googlegroups.com<anki-android%2Bunsubscribe@google groups.com>
> > .
> > > > For more options, visit this group athttp://
> > groups.google.com/group/anki-android?hl=en-GB.
>
> > > --
> > > You received this message because you are subscribed to the Google Groups
> > "AnkiDroid" group.
> > > To post to this group, send an email to anki-a...@googlegroups.com.
> > > To unsubscribe from this group, send email to
> > anki-android...@googlegroups.com<anki-android%2Bunsubscribe@google groups.com>
> > .
> > > For more options, visit this group athttp://
> > groups.google.com/group/anki-android?hl=en-GB.
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "AnkiDroid" group.
> > To post to this group, send an email to anki-a...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > anki-android...@googlegroups.com<anki-android%2Bunsubscribe@google groups.com>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/anki-android?hl=en-GB.
>
> --
> You received this message because you are subscribed to the Google Groups "AnkiDroid" group.
> To post to this group, send an email to anki-a...@googlegroups.com.
> To unsubscribe from this group, send email to anki-android...@googlegroups.com.
> For more options, visit this group athttp://groups.google.com/group/anki-android?hl=en-GB.
>
>  AnkiDroid-new_design_test.apk
> 331KViewDownload

thurd

unread,
May 7, 2010, 2:00:32 PM5/7/10
to AnkiDroid
I agree with travis, timer should be on top on a regular status bar
(along with failed, due and new). In this new version there is a panel
on top with deck name and due+total amounts, I'm not sure if its a
good idea to take valuable space with deck name. I mean, I just picked
and loaded the thing I should know already what I'm reviewing :) Study
options screen shows this anyway.

As for the study options screen itself I like it very much. It cleans
the interface nicely (all options regarding deck and reviewing are
here, not in menus) and helps distinguish each entity more clearly
(deck, card). Its also in black and at least for me seems like a less
strain on my eyes (battery too i think) though its inconsistent with
card screen, maybe create another preferences option and enable
regular/negative color options (black and white)? This way all screens
could have either white or black backgrounds depending on user
preferences. "Study option on load" works fine but now to exit we have
to push "back" twice (I think it was only one before). Its tempting to
make this a preferences option that disables study options completely
and turn it only on specific user input (new menu button on card
screen), it would create a really quick review oriented application
and still maintain options for a slower pace use.

One problem I have with this new build is that synchronize button is
missing, or at least I can't seem find it (username&password options
remained).
> ...
>
> もっと読む »

Nicolas Raoul

unread,
May 10, 2010, 3:36:19 AM5/10/10
to anki-a...@googlegroups.com
Today I am using the new_design branch for my reviews, and I got two
crashes that seem to happen when I rotate the screen while reviewing.
I filed an issue here:
http://code.google.com/p/ankidroid/issues/detail?id=98

When I installed this branch instead of my master, somehow the Android
home icon was still pointing to the old class instead of StudyOptions,
so it couldn't find the right class. I just had to remove the icon and
put it again, but I am wondering if it is happening for every user ?

Apart from that it looks fine, thanks Edu, and thanks again to Daniel
too for many UI improvements!

I will be testing this branch at least for a few days.
As there does not seem to be any big problem or any strong opposition,
how about merging new_design into master? :-)

Cheers!
Nicolas

--
You received this message because you are subscribed to the Google Groups "AnkiDroid" group.
To post to this group, send an email to anki-a...@googlegroups.com.

Edu Zamora

unread,
May 10, 2010, 4:46:37 AM5/10/10
to AnkiDroid
Sorry guys, there is a lot of misunderstanding and I think it is
because I was not clear enough. My bad :P
The UI diagram that I drew it is a rough sketch to get us start
talking about how the app has to work in general lines and not a
detailed diagram about each little detail that it will contain. And
the apk I attached it is a mock to show you how more or less will it
look if we follow the idea on the diagram, how you will navigate
between views and how the option to skip the study options screen
works.

So, it does not have a lot of functionalities, between them the ones
you said: there is no long press, no synchronization, no font size
resizing, no control errors, no control when changing orientation...
That is to say, it is not a production version, even is not an alpha
version, so I recommend you to use it only to get a feeling of where
we are going.

Reading the thread I think everybody likes in general lines the new
design, so I will keep on integrating all the functionalities and
making this version stable. Once it is done, we can begin to discuss
the design of each specific view (step 2).

Summary of your suggestions so far:
- toolbar from Anki, with little icons that could sit up horizontally
at the
top of the screen
- panel (on top or above buttons when reviewing) that says how many
cards
are failed, left and new with annotation
- configurable button size
- configurable screen brightness
- option to disable screen lock during reviews
- order menu buttons differently
- show the answer with the question above
- timer should be on top on a regular status bar (along with failed,
due and new)
- regular/negative color options (black and white)

> how about merging new_design into master? :-)

I would wait a little until everything is integrated in this new
version to do the merge, Nicolas.

Thanks to you all!

Edu Zamora

unread,
May 10, 2010, 4:55:09 AM5/10/10
to AnkiDroid
Hi Travis and Thurd!

> How do you get back to the deck picker?

In order to go to the deck picker, you have to be on Study Options
screen and press menu. There it is an option called 'Open Deck'. If
you are in the middle of reviewing, just press back to come back to
Study Options screen.

> to exit we have to push "back" twice

Well, if you push 'back' one time you are coming back to Study Options
screen, so if you want to exit the app quickly, you can press 'home'.

Is this behavior ok? Because this is really important to decide now,
it can change the implementation a lot.

Cheers!

Nicolas Raoul

unread,
May 10, 2010, 7:48:25 AM5/10/10
to anki-a...@googlegroups.com
Discussing the UI, developing, and testing (design+sync) is a very
good thing, and it will take some time.
In parallel, how about releasing the master in one week?

The master brings in a lot of low-risk improvements like localization
(9 languages).
It does not include sync nor new design.
It is extremely stable so releasing can only have good effects for users.
It also fixes a number of problems that users are having with the
current version.
I have some time so I can do this one.

What do you think?

thurd

unread,
May 10, 2010, 2:44:01 PM5/10/10
to AnkiDroid
Right, "home" I often forget about it :)

I'm curious though:
if I press "home" it doesn't close AnkiDroid and when I click
AnkiDroid icon it just shows up (sort of like windows taskbar
behavior)
but when I press "back" it also doesn't close the app but when I click
the icon I'm greeted with "Loading deck..." dialog.

Maybe "back" should close the application (free memory & stuff) and
"home" just go back to "desktop"?

thurd

unread,
Jun 15, 2010, 4:15:36 PM6/15/10
to AnkiDroid
I've made some changes to new_design branch and hopefully I manged to
use github correctly and Edu should be able to pull my changes. I was
trying to make this branch more civilized for current use and fixed
most problems I've encountered.

Edu please review my modification to flashcard_portrait.xml and tell
me if you accept something like this in new_design. I'd also like to
ask if its Ok to get rid of the TitleBar since it takes up space,
doesn't really provide any relevant info and its hard (impossible
even) to customize it properly.

Edu Zamora

unread,
Jun 16, 2010, 3:40:31 AM6/16/10
to AnkiDroid
Hey Thurd!

You used it correctly ;D (By the way, did you manage to fetch all my
tags or did you get them when you forked my repository?)

I have been looking at your changes and, at a first sight, they look
really good, specially the counts for failed cards, cards to review
and new cards on Reviewer. When I get a chance (hopefully this
afternoon) I will review your code more closely and we can comment it
together.

From this thread:
http://groups.google.com/group/anki-android/browse_thread/thread/e7a0db3ac62aa0b2

> First stop is adding some progress bar during sync. I've seen Edu
> wrote some of the wrappers already and I've managed to understand most
> of the code behind it, so I should have something soon. New design
> just rocks, looks like a much more mature application and only a few
> details are left (at least from my perspective).

I'm glad you like this branch. The next thing I was thinking to do was
finish synchronization once and for all, and one of these things is
implement a progress bar.

Until now, almost all development done in AnkiDroid has been quite
individually so it would be cool if we could manage to work on this
together and in a coordinated way. We should remember to push our
commits regularly and you can add me on GTalk, so we can talk about
the best strategy to follow in order to implement a good progress bar.

I think it will be more fun and rewarding for everyone, and we can
learn a lot more, if we all together can think about the possible
solutions and we review each other code.

Cheers!

thurd

unread,
Jun 16, 2010, 6:42:58 AM6/16/10
to AnkiDroid
I don't know what a tag is :) I just forked your repository and in
some magical way managed to force Git to download new_design branch.

I agree that doing commits often would help push development faster.
I've sent an invite on GTalk but I wonder if our hours match I'm in GMT
+1.

This morning I found two problems with this version both might be
introduced/discovered by this additional panel with due cards.
One is that next card seems to load a lot longer on my phone than it
used to (its ok on AVD but I have a monster rig), the other is that
just now when I was showing the app to my friend, it "took"(underline)
the card from failed pile (correct) but the number for this pile was 0
and it was counting down (ie. -1 etc.). I think this is causing the
problem with congratulations showing too soon and it might be
something more serious.

On 16 Cze, 09:40, Edu Zamora <edu.z...@gmail.com> wrote:
> Hey Thurd!
>
> You used it correctly ;D (By the way, did you manage to fetch all my
> tags or did you get them when you forked my repository?)
>
> I have been looking at your changes and, at a first sight, they look
> really good, specially the counts for failed cards, cards to review
> and new cards on Reviewer. When I get a chance (hopefully this
> afternoon) I will review your code more closely and we can comment it
> together.
>
> From this thread:http://groups.google.com/group/anki-android/browse_thread/thread/e7a0...

thurd

unread,
Jun 17, 2010, 3:37:27 PM6/17/10
to AnkiDroid
I think I'm on to something. I just did a few test and here is what's
going on:
failed - 18
due - 139
new - 0
I review a few failed cards the counter goes down to 14, then I press
home or back till I get out of the app. Once I turn it on the good
card is displayed properly (the one I didn't review) but the counter
still says 18. So its just not updating fail counts (possibly others
too) each time.

I'll try to do something so the counter will be updated just like the
card is.

Marcus

unread,
Jul 16, 2010, 10:25:51 PM7/16/10
to AnkiDroid
I definitely like the "replay" button. I really miss that from the
desktop version. Any decks with sound (most language-oriented decks)
are not very useful without a replay because the odds of missing the
audio while on the phone is quite high!
Reply all
Reply to author
Forward
0 new messages