# User interface for mobiles

**URL:** <https://forum.threesixtygiving.org/t/user-interface-for-mobiles/179>\
**Category:** GrantNav\
**Created:** [18 January 2018 19:55 UTC](https://forum.threesixtygiving.org/t/user-interface-for-mobiles/179 "2018-01-18T19:55:37Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![rachel.rank](https://yyz2.discourse-cdn.com/flex032/user_avatar/forum.threesixtygiving.org/rachel.rank/32/11_2.png) [@rachel.rank](https://forum.threesixtygiving.org/u/rachel.rank)\
**Post date:** [18 January 2018 19:55 UTC](https://forum.threesixtygiving.org/t/user-interface-for-mobiles/179/1 "2018-01-18T19:55:37Z")

</div>

The interface for GrantNav is not very user-friendly when accessing it via a mobile. The text stretches beyond boxes and is hard to see. It doesn’t seem to have an interface for mobiles really. Is this something that could be addressed in future upgrades?

---

<div class="post-metadata">

**Author:** ![rob.redpath](https://yyz2.discourse-cdn.com/flex032/user_avatar/forum.threesixtygiving.org/rob.redpath/32/9_2.png) [@rob.redpath](https://forum.threesixtygiving.org/u/rob.redpath)\
**Post date:** [24 January 2018 09:02 UTC](https://forum.threesixtygiving.org/t/user-interface-for-mobiles/179/2 "2018-01-24T09:02:52Z")

</div>

On my phone (iPhone 6S) it looks pretty terrible in portrait orientation, but not too bad in landscape. Is that the same for you, @rachel.rank?

---

<div class="post-metadata">

**Author:** ![rachel.rank](https://yyz2.discourse-cdn.com/flex032/user_avatar/forum.threesixtygiving.org/rachel.rank/32/11_2.png) [@rachel.rank](https://forum.threesixtygiving.org/u/rachel.rank)\
**Post date:** [24 January 2018 10:14 UTC](https://forum.threesixtygiving.org/t/user-interface-for-mobiles/179/3 "2018-01-24T10:14:48Z")

</div>

Thanks for looking into this Rob. I discussed this with the team and apparently we’ve known for a while that GrantNav doesn’t really work for mobiles (and wasn’t really built with mobiles in mind). I’d just never tried accessing it via my mobile before so I thought it was a new issue; but its not!

I don’t think we need to do anything about the interface at the moment as it will be difficult to display the tables on a small screen. Perhaps we can just add some text somewhere clarifying that GrantNav is best accessed on a laptop or a tablet?

---

<div class="post-metadata">

**Author:** ![rob.redpath](https://yyz2.discourse-cdn.com/flex032/user_avatar/forum.threesixtygiving.org/rob.redpath/32/9_2.png) [@rob.redpath](https://forum.threesixtygiving.org/u/rob.redpath)\
**Post date:** [26 January 2018 14:47 UTC](https://forum.threesixtygiving.org/t/user-interface-for-mobiles/179/4 "2018-01-26T14:47:28Z")

</div>

When we designed GrantNav originally, we went to great lengths to make sure that it worked on iPads, but didn’t do anything to try and make it work on mobiles, as that hadn’t shown up in the user research as a mode of use that we were expecting.

I’ve added [https://github.com/OpenDataServices/grantnav/issues/443](https://github.com/OpenDataServices/grantnav/issues/443) on GitHub so that we can prioritise this against other work on GrantNav 🙂

---

<div class="post-metadata">

**Author:** ![rachel.rank](https://yyz2.discourse-cdn.com/flex032/user_avatar/forum.threesixtygiving.org/rachel.rank/32/11_2.png) [@rachel.rank](https://forum.threesixtygiving.org/u/rachel.rank)\
**Post date:** [26 January 2018 16:54 UTC](https://forum.threesixtygiving.org/t/user-interface-for-mobiles/179/5 "2018-01-26T16:54:56Z")

</div>

Thanks Rob.

I think you’re right re: user demand. Let’s drop it for now. I just logged it in case it was a bug but its not so that’s fine.

Rachel Rank

CEO, 360Giving

Tel. +44 (0)20 3752 5775 | +44 (0)7983 409 406

Skype: rachel.rank

We’re on a Quest for Questions as part of our [http://www.threesixtygiving.org/360giving-challenge-fund-quest-for-questions/](http://www.threesixtygiving.org/360giving-challenge-fund-quest-for-questions/) Challenge Fund. Share your questions with us!

![](https://canada1.discourse-cdn.com/flex032/uploads/threesixtygiving/original/1X/118f4ec2b9fdac8f6a56c098a85c024816fc69a0.png)
