As a manager of some Facebook pages for a couple of clients and my own projects, I realized that the user journey for publishing a post on Facebook page is not that clear, it gets users confused and has too much clicks to finally get it posted.
I’ve created a new user journey proposal for a better experience, and hope you like, write what do you think about it, give me your tips.
- Analyse the current user journey to publish a post in a Facebook page (fanpage) from a Mobile App;
Identify the pain point from users;
Create some sketches about the new user journey;
UI Design: FB Style Guide and Prototype
These are the first three clicks that an user goes to post to a Facebook page, once it’s opened in the App.
1- The user first select the option Post
2- The user has the image saved in his gallery, so he select the Photo/Video option
3- The App open his gallery of image, and the user select the image
(4) In the fourth screen, the user can write the content and add something more to the post, before clicking NEXT. There is a white space below the image that could be best taken advantage of.
(5) As you see at the top, there are two options to click; PUBLISH and publish now. One of the pain points I noticed that users were facing, most of them selected Post Now, instead of PUBLISHING at the top, and when the user clicks Post Now, will take to a next screen (6), so that the user can choose: Post Now, Schedule or Save Draft.
The point is that if the user wants to post at that time, he will return to the last screen (5) again, then only after that, he will realize or not, that the correct place to play to publish is the PUBLISH option at the top.
This happens because when users see the Post Now option, they understand that this option is to post immediately and do not want to go to another screen (6) to choose between Post Now, Schedule or Save Draft.
The PUBLISH option at the top conflicts with the Post Now option below.
Most users select Post Now, waiting for the post to be published after that.
If the user wants to schedule the post or save the draft, it will only be shown on the next screen, but so far, the user don’t know where those options are located.
(7) When the user clicks PUBLISH, a modal shows up and confirms that it has been posted (8).
(9) When the user click on Schedule, a modal open to select the day and time to be scheduled by pressing SET DATE.
(10) After set date, the user will be taken to another screen and finally be able to click to schedule.
(11) Once the user click on SCHEDULE, a modal confirms that it was scheduled.
The New Proposal
As you see, there are many steps until you get your publish done, and it is not a linear procedure, and so it takes a lot of time when you have tons of posts.
What I did, was minimize the steps and make it clearer for the user.
Once you have your page opened in your app, the first three steps are the same as currently is:
Different from the currently procedures, instead of you have click NEXT at the top to go to a new screen to get the links to Post Now, Schedule, Save Draft and Boost Post, I used the white space to put all these options and I took off the NEXT button at the top, so once the user get to this step, he will have all necessary options to choose in the same screen.
(6) When the user chooses to click to schedule, a modal to set date shows up (7), and once this user sets the day and time, just tap SET DATE, and boom, the post is scheduled(8).
See bellow the Interative Prototype that I’ve created by using Adobe XD
In this prototype you can choose Post or Schedule.
You can start by clicking “Post”.