Been working on completing our mock-ups again tonight to finish off our vision and I feel gif's are the most effective method apart from video to show the movement for now so I've made gif's showing different movements.
In terms of the layout I haven't changed much I've now added a search function, taking cues from Eves layout. This is the last couple of days we are going to work more individually, by midweek we aim to be working on one design and fully nail the visual style and transitions we plan to implement and show.
The Horizontal LiveFeed movement
The Vertical movement static 'standard' section which isn't updating and moving on the fly in front of you like the LiveFeed:
 |
| Mixture of vertical and horizontal movement, Livefeed height is adjustable from full screen to no livefeed. |
What happens when you click on the search button:
 |
| search bar comes down from navigation and pulls the website down. Clicking enter on search pulls it back up to hide it and brings up relevant content on the webpage. |
What happens when clicking or dragging an article onto the Favourite button (the star icon):
 |
| Ability to drop to share and drop to read later, with your list of already saved articles ready to go in the bar. You can see the different colour blocks in the favourite bar signifying saved BBC News, iPlayer content etc from all over the BBC. |
If you have no live feed, it looks a bit more like a normal 'static' webpage but we feel even like this it's a more considered and more aesthetically pleasing and logical approach mixing web with app, than BBC online currently..
Still need to mock up the home page, the weather icon pop-up and the article overlay transition and resulting article reading view. I think the time-consuming bit is done, I'm happy with how this looks so it shouldn't be so time consuming moving forward.
0 comments:
Post a Comment