# Discourse create new topic user experience on mobile

**URL:** https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632
**Category:** UX
**Created:** [12월 1, 2016, 3:31오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632 "2016-12-01T15:31:10Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 2, 2016, 10:07오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/21 "2016-12-02T22:07:45Z")

</div>

> [@vulkanino](#):
>
> I agree with the OP, I have an iPhone 7 plus and my Discourse installation is hardly usable there, other than reading.

Er what? I use the iPhone 7 with Discourse literally daily and I have no such issues.

The OP was talking about new topic creation, which I agree was a blind spot because I just don’t tend to _create_ topics on mobile, **I read and reply as 99% of my activity time on mobile**. I suspect that’s true of most people as well.

> [@Tom\_Newsom](#):
>
> what should be a single indivisible object (an image)

The only alternative is this, but it has no provision for width or height:

`![](//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/3X/e/3/e32ff62cdc3aac069d223a027386a8b104a164f6.jpg)`

Most of that “computerese” is the path to the image. Compare with this:

`![](/uploads/egg.jpg)`

I suggest taking this to a different topic, though.. further elaboration on it here is intensely off-topic.

> [@jesscmc](#):
>
> Re formatting toolbar, have also noticed (on mobile Safari on my iphone 6, anyway) that if you type something, then decide to format it, and you’re on the first line, you can’t actually use the formatting buttons as the iOS tooltips completely cover them:

Toolbars are generally quite crap on mobile for a variety of reasons. I wasn’t too happy that @sam brought them back, but there are a handful of power user things that can’t be done without them (like replying as a whisper, etc).

Anyway, better for this topic to stay focused on Create New Topic improvements.

---

<div class="post-metadata">

### Author: ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)
#### Post date: [12월 3, 2016, 3:46오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/22 "2016-12-03T03:46:35Z")

</div>

Seems pretty smooth @sam

I wonder how important it is to be able to see all fields at once. The composer field seems short compared to the reply window

What if as soon as you tapped into a larger compose window, it just scrolled the page down so the the post button could be visible?

---

<div class="post-metadata">

### Author: ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)
#### Post date: [12월 3, 2016, 3:49오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/23 "2016-12-03T03:49:27Z")

</div>

Another note, on our community we sort all our categories alphabetically, but showing the hierarchy on the dropdown makes it difficult to use the selector. Perhaps if there was an easy wat to target the first category, we could hide them…

 ![](https://global.discourse-cdn.com/meta/original/3X/6/a/6a9e49cbd5cc7e622266bb09adb82035f933cc7f.PNG)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 3, 2016, 3:52오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/24 "2016-12-03T03:52:26Z")

</div>

This is another argument in favor of typing to complete category rather than making people scroll through a list as I have suggested multiple times in this topic.

---

<div class="post-metadata">

### Author: ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)
#### Post date: [12월 3, 2016, 3:53오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/25 "2016-12-03T03:53:56Z")

</div>

Sounds like a good option to let the community admin decide. Dropdown makes sense for less than 10 categories I imagine

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 4, 2016, 4:06오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/26 "2016-12-04T04:06:38Z")

</div>

Or as @mcwumbly suggested make category selection a full screen modal affair.

---

<div class="post-metadata">

### Author: ![jesscmc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jesscmc/32/62795_2.png) [@jesscmc](https://meta.discourse.org/u/jesscmc)
#### Post date: [12월 5, 2016, 10:26오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/27 "2016-12-05T10:26:07Z")

</div>

I’'m not sure about type-to-complete category - if you’re newish, or not a daily user of the community, how would you know what to type? A two-step process or perhaps a simpler dropdown without the descriptive text for each category might be better.

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [12월 5, 2016, 4:42오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/28 "2016-12-05T16:42:59Z")

</div>

I was under the impression that the select dropdown wasn’t going anywhere; but it would have the same kind of type-to-complete as the desktop experience does currently. Then selecting a topic could keep focus on the autocomplete element. This in turn would keep your keyboard, so as to not have the composer “jump” when the keyboard disappears.

---

<div class="post-metadata">

### Author: ![ljpp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ljpp/32/96506_2.png) [@ljpp](https://meta.discourse.org/u/ljpp)
#### Post date: [12월 13, 2016, 9:28오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/29 "2016-12-13T09:28:23Z")

</div>

Great to see discussion on improving the mobile experience. It is truly a mobile first world - in many countries the 50:50 in between mobile and desktop happened quite some time ago, and now mobile has globally surpassed desktop. It is also worth mentioning that in the developing countries the peoples’ first internet enabled device is very likely **a mobile** (of a lower price category). So they do not walk the desktop-laptop-smartphone path, but go straight to mobile.

That said, I don’t have a silver bullet how the mobile UX should be optimized. The screen estate remains to be a challenge. Proposed solutions may call for some A/B testing?

One thing that works particularly poorly in mobile is **topic templates**. They are not great on desktop and are close to unusable for mobile topic creation.

---

<div class="post-metadata">

### Author: ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)
#### Post date: [1월 11, 2017, 4:58오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/30 "2017-01-11T04:58:26Z")

</div>

I just noticed that on desktop, there’s a auto-complete for category selection. Is this new in 1.7 or had I just never seen it before? Any reason why not to add it to mobile?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [1월 11, 2017, 5:04오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/31 "2017-01-11T05:04:57Z")

</div>

Keyboard pop is very disruptive and not to be done lightly. You immediately destroy half the screen.

---

<div class="post-metadata">

### Author: ![ljpp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ljpp/32/96506_2.png) [@ljpp](https://meta.discourse.org/u/ljpp)
#### Post date: [3월 2, 2017, 4:06오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/32 "2017-03-02T16:06:54Z")

</div>

This would fit any topic that concerns mobile, but I’ll use this one, as it is rather recent. Some statistics worth having a look:

> <https://twitter.com/tomiahonen/status/837332367274471426>

 ![](https://global.discourse-cdn.com/meta/original/3X/f/4/f40b22011d37db4e5e9bb604d889723a49d31ff6.jpg)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [3월 2, 2017, 11:40오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/33 "2017-03-02T23:40:16Z")

</div>

Of that “smartphone users” we are only addressing people with a device from 2014 onward, realistically. Anything older will be brutal.

---

<div class="post-metadata">

### Author: ![Pad\_Pors](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pad_pors/32/52016_2.png) [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [4월 3, 2017, 2:56오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/34 "2017-04-03T14:56:33Z")

</div>

one of our users has shared his hard experience in creating topic in a lumia 640 xl windows phone,

they have less space in mobile UI when they want to create topic:

 ![](https://global.discourse-cdn.com/meta/original/3X/b/d/bd668fedb3dd900bd7839ef184e3e82d0e74f47d.png)

does it have anything to do with our website or is it how it should be as a discourse platform?

the browser is edge.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [4월 3, 2017, 3:47오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/35 "2017-04-03T15:47:54Z")

</div>

We can’t really support Windows Phone effectively as it is too odd, and the market share is incredibly tiny.

---

<div class="post-metadata">

### Author: ![madrush](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/madrush/32/119502_2.png) [@madrush](https://meta.discourse.org/u/madrush)
#### Post date: [4월 3, 2017, 7:54오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/36 "2017-04-03T19:54:08Z")

</div>

I’ve had a user recently report that she can’t use our forum (besides for reading only) on her 8" Galaxy Tab 4, which is a 2014 device.

This is not only ‘Create Topic’ specific problem, but also applies to replies. Here is the screenshot she shared:

 ![](https://global.discourse-cdn.com/meta/original/3X/7/4/741c0727183d00bbf49ac6ebdea28897d2ecaa04.png) 

Shouldn’t the header of the page disappear up, as it does on my iPhone 5S (both in portrait and landscape) when the keyboard appears, so that you can see at least a little of the editor window?

Here is the editor appearance on my iPhone screen, which is well smaller than the Tab 4.

 ![](https://global.discourse-cdn.com/meta/original/3X/0/7/07f7fba1a03d68743c6ec2390593583cd809d40c.jpg)

It’s not great. But it gives me a few lines to see what I’m typing, which is good.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [4월 4, 2017, 12:48오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/37 "2017-04-04T00:48:28Z")

</div>

She will need to rotate her device.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [4월 4, 2017, 1:56오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/38 "2017-04-04T01:56:57Z")

</div>

Or get a different keyboard - that thing’s taking a larger than normal fraction of the screen area!

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [4월 4, 2017, 2:09오전 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/39 "2017-04-04T02:09:35Z")

</div>

Also the combination of:

- Firefox Mobile with always show tabs (takes space)

- Firefox Mobile showing location bar when user has scrolled past top (takes space)

- Website with top-navigation bar that doesn’t hides on scroll (takes space)

is very bad.

The pseudo app on Chrome [Add to Homescreen](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973) will give you a lot more space.

---

<div class="post-metadata">

### Author: ![Pad\_Pors](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pad_pors/32/52016_2.png) [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [5월 28, 2017, 2:00오후 UTC](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632/40 "2017-05-28T14:00:51Z")

</div>

one of users with HTC desire 728, Google chrome sent us this screenshot:

 ![](https://global.discourse-cdn.com/meta/original/3X/6/7/673b35f5895e8697dbcf1553a1377619173f8598.jpg)

then when she use the `Request desktop site ` things goes to normal. 😕 is it ok?

> [@Falco](#):
>
> Website with top-navigation bar that doesn’t hides on scroll (takes space)

is there an option for this or should we do this via css?

[이전 페이지](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632.md?page=1)

[다음 페이지](https://meta.discourse.org/t/discourse-create-new-topic-user-experience-on-mobile/53632.md?page=3)
