# Edit Category screen UX

**URL:** <https://community.emma-app.com/t/edit-category-screen-ux/367>\
**Category:** Feedback & Ideas\
**Created:** [May 16, 2019, 9:06am UTC](https://community.emma-app.com/t/edit-category-screen-ux/367 "2019-05-16T09:06:48Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![trofushka](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.emma-app.com/trofushka/32/345_2.png) [@trofushka](https://community.emma-app.com/u/trofushka)\
**Post date:** [May 16, 2019, 9:06am UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/1 "2019-05-16T09:06:48Z")

</div>

There is one thing that bothers me on the transaction edit category screen. It is a vertical scroll and inability to see all categories at the same time.

For comparison, Yolt is showing all categories without scrolls (on iphone X I should say) and I feel that space is used more rationally. Sure, they don’t have custom categories and overall automatic categorisation is much worse.

I know there are different OS’s and screen resolutions. There is also an ability to create custom categories, so the list might be very long. But there is always room for UX improvements.

How about implementing a pro feature to reorganise category icons similarly to iPhone springboard and allow horizontal pagination as opposite to vertical scroll? There will also be no need to separate custom categories from default ones. To me personally this might be the most valuable feature of a pro version (alongside existing custom categories)

---

<div class="post-metadata">

**Author:** ![edoardomoreni](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.emma-app.com/edoardomoreni/32/9_2.png) [@edoardomoreni](https://community.emma-app.com/u/edoardomoreni)\
**Post date:** [May 16, 2019, 9:23am UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/2 "2019-05-16T09:23:44Z")

</div>

> [@trofushka](#):
>
> For comparison, Yolt is showing all categories without scrolls (on iphone X I should say) and I feel that space is used more rationally. Sure, they don’t have custom categories and overall automatic categorisation is much worse.

Can you share a screenshot of this? It would be great to know. 🙂

---

<div class="post-metadata">

**Author:** ![Gaoler](https://avatars.discourse-cdn.com/v4/letter/g/71e660/32.png) [@Gaoler](https://community.emma-app.com/u/Gaoler)\
**Post date:** [May 16, 2019, 10:05am UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/3 "2019-05-16T10:05:30Z")

</div>

What about just ordering by most frequently used?

---

<div class="post-metadata">

**Author:** ![edoardomoreni](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.emma-app.com/edoardomoreni/32/9_2.png) [@edoardomoreni](https://community.emma-app.com/u/edoardomoreni)\
**Post date:** [May 16, 2019, 1:13pm UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/4 "2019-05-16T13:13:16Z")

</div>

Ah! As of now, they are ordered alphabetically.

We have changed this fairly recently. When we launched we were using a random order.

I think @Gaoler suggestion might be good, but really tough to communicate and it means that the order can vary every time. This might lead to a bit more friction.

---

<div class="post-metadata">

**Author:** ![Gaoler](https://avatars.discourse-cdn.com/v4/letter/g/71e660/32.png) [@Gaoler](https://community.emma-app.com/u/Gaoler)\
**Post date:** [May 16, 2019, 2:04pm UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/5 "2019-05-16T14:04:44Z")

</div>

> [@edoardomoreni](#):
>
> alphabetically

What about a “recently used” row, then alphabetical?

---

<div class="post-metadata">

**Author:** ![trofushka](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.emma-app.com/trofushka/32/345_2.png) [@trofushka](https://community.emma-app.com/u/trofushka)\
**Post date:** [May 16, 2019, 2:05pm UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/6 "2019-05-16T14:05:22Z")

</div>

Just let the user rearrange the list the way he wants.

The problem with ‘most used’ is that the order will change and you will always be looking for an icon instead of remembering it’s position.

---

<div class="post-metadata">

**Author:** ![trofushka](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.emma-app.com/trofushka/32/345_2.png) [@trofushka](https://community.emma-app.com/u/trofushka)\
**Post date:** [May 16, 2019, 2:52pm UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/7 "2019-05-16T14:52:17Z")

</div>

Here is the categories screen from Yolt

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/emma_app/original/1X/12e2f87ab5c86e432ae3de51f9b0068e7d98d964.jpeg)

---

<div class="post-metadata">

**Author:** ![Logan09](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.emma-app.com/logan09/32/217_2.png) [@Logan09](https://community.emma-app.com/u/Logan09)\
**Post date:** [May 16, 2019, 7:13pm UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/8 "2019-05-16T19:13:29Z")

</div>

This is one thing I noticed moving from an iPhone 6s to an XR. I thought I’d be able to see much more on screen (due to the larger screen). Instead, everything is just scaled bigger.

It feels like a lot of wasted space. It would be great to see more categories. The same applies to other screens as well. The circle in the analytics screen takes up almost half the screen, each of the cards on the main screen feels like it could be more compact.

Generally would prefer less scrolling if possible.

---

<div class="post-metadata">

**Author:** ![edoardomoreni](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.emma-app.com/edoardomoreni/32/9_2.png) [@edoardomoreni](https://community.emma-app.com/u/edoardomoreni)\
**Post date:** [May 17, 2019, 8:29am UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/9 "2019-05-17T08:29:34Z")

</div>

I have an iPhone XS and they look sort of okay.

We can reduce the icon size, I think it’s slightly bigger than the size we use for transactions.

 ![IMG_4FBBEA23BFF4-1](https://canada1.discourse-cdn.com/flex030/uploads/emma_app/original/1X/85e01248ec7898e2341d749ba7c068091eb7a264.jpeg)

For custom categories, I am open for improvements. Deleting the default ones is quite a challenge.

---

<div class="post-metadata">

**Author:** ![edoardomoreni](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.emma-app.com/edoardomoreni/32/9_2.png) [@edoardomoreni](https://community.emma-app.com/u/edoardomoreni)\
**Post date:** [May 17, 2019, 8:31am UTC](https://community.emma-app.com/t/edit-category-screen-ux/367/10 "2019-05-17T08:31:47Z")

</div>

> [@Logan09](#):
>
> I thought I’d be able to see much more on screen (due to the larger screen). Instead, everything is just scaled bigger.

Font wise, we adapt to the screen resolution; so there is a difference in sizes between an iPhone 6 and an iPhone X.
