As the idea and theme for our concept was decided. It was time to sketch up wireframes for "Your Telegraph". Together we had created a few quick initial ideas but the wireframe would be beneficial to see how the app would come together before mocking it up digitally, plus it's a good way to then receive feedback from people as the wireframes can be changed within a couple of minutes instead of hours if it was mocked up digitally.
Choosing Categories
The image below showcases how the app would look once the user either signs up for Your Telegraph or lands on the home page. The first wireframe (looking left to right) indicates what the user would first see if they were new to the app. They would have the opportunity to choose their own topics/categories. This demonstrates to the user that the app is customisable from the start. The user can accept or reject that category by either swiping left or right or by pressing the tick or cross icons. The animation would act in the same style as tinder. It will use our theme of cards and when one topic is swiped then another one will appear underneath. It's create an effortless user experience and allows the user to quickly scan through categories. Once the user is finished then they press 'next' and move one to the next stage.
Homepage
The next stage would be the homepage. The home page is where a stack of news stories would be situated. All news stories from the home page would be the categories that the user choose from the previous screen. In a similar layout and animated style as the previous mock up the user can swipe between news stories. This is where the theme of a stack will come in handy, the user will swipe through all relevant news stories in that category and once there are no stories left in that category then the stack of cards will show the next news category underneath. If the user wants to skip to a new category without swiping then they can simply locate the category by using the category bar at the top. All categories will be colour coded, making it more efficient to locate topic instantly.
Preview Article
Our app is all about simplicity and efficiency, therefore if the user wants the quickly glance at a preview of an article then they can hold and swipe down the article card to get a quick teaser of the article. If they decide they want to read the article then they simple tap the call to action button. This feature saves the user time. We understand that it can be frustrating having to click on an article page and then decide it's not of interest to you and then wasting time by having to go back and keep doing this repetitive process till you find an article you want to read.
Navigation
Navigation can be accessed either by using the nav icon or swiping left which in return will open up the navigation panel. The navigation will act as any normal news navigation, giving you links to other parts of the site and your profile. The difference is that each week Your Telegraph will promote users responses and contributions to the site. Promoting users will highlight the journalism talent from Telegraph users. It also acts as an incentive for the users to create responses and take part in what Telegraph has to offer (responses will be explained later).
Article Page
Once the user chooses a news story from the home page they are then taken to the article page. The article page is where the user will benefit a lot from the customisation abilities Your Telegraph offers. Once they land on the article page they will see that the page is split is in sections, sections that utilise the theme of a card stack. Every element of the article page that is positioned on card can be either deleted, moved or swiped. Essentially like the home page the user can swipe any card to reveal a corresponding card underneath that is relevant to that section. For example the image & video section is placed on a card so the user can swipe that card to reveal more images related to that story.
Another time saving method is the option to look at other article previews without moving away from the current article. The article title and summary is located on a card, therefore the user can swipe that card to reveal what the next article will be and if they want to read that article then they can simply click and view the article. This in return demonstrates the effortless and efficient nature of the user journey, making sure the user can easily transition between a number of news stories within an instant.
Customise
As I briefly mentioned in the previous wireframe the user has the option to customise the cards on the page by either adding or removing them. This is by far the most unique feature of the site. In the right hand corner is the customise icon, once pressed a list of widgets will appear. These widgets can be dragged and dropped into the article page. For example if you don't want the images and video card in the article page then the user can simply remove it by pressing the remove option in the corner, which will then send it in the widget drop down section. If the user wants the related article card in the article page then the user can simply drag it from the drop down list of widget and into any available space. Available space can be easily located by the dashed lined boxed with the plus icon.
This insure a personal experience for all users. Handing over complete freedom and flexibility to the user . Everyone had different preferences to how they want to view news and the customisable ability gives them that flexibility whenever and however they want.
Written Response
A response is similar to comments but in a unique and engaging way for the community of Your Telegraph. We decided that comments had to much of a bad reputation and found that it would be difficult to get readers to engage with the comments section again. Therefore, we created the ‘response’. User can create a response at anytime from any article by tapping on the speech bubble icon. The scenario would work like this...the user would read the article page and decided that they want to respond to that page. Responses acts as a continuation of a story from the users viewpoint. They would then tap the response button and then begin to write their response. Once submitted the response would be visible on the users profile page and also on the article page under the section 'Popular responses' where any user can swipe through all responses submitted for that article. Responses can be submitted through a written response, video or audio making it adaptable and flexible for any user no matter the situation.
Through responses the user can build up a following. Other Telegraph users who have similar interests would follow each other and can educate through listening to other peoples opinions and view points of a number of articles. Responses also integrates all audiences, young people would follow older people and visa versa. Older people would be able to express their opinions and be able to educate younger audiences about different stories or viewpoints. It's a chance for collaboration and an incentive for the older, loyal users to reach out to others as they will have a lot of experiences and knowledge about a lot of topics.
Submitted response
This mock up will let the user know that their response has been submitted giving them the option to share their response through social media or email.
Profile
The profile page acts as a social hub for the user. The user would be able to see how many followers they have and who they're following back. Similar to the article page the user has the option to customise the page. Giving them the complete freedom and flexibility to set up, add widgets and to also remove them in order to create a profile page that is unique and personal and best expresses the user as a member of Your Telegraph.
No comments:
Post a Comment