WordPress.org

Ready to get started?Download WordPress

Make WordPress Mobile

Updates from Tammie Toggle Comment Threads | Keyboard Shortcuts

  • Tammie 4:39 pm on January 30, 2013 Permalink | Log in to leave a Comment  

    Wireframes from a session at WordCamp Norway dev day 

    @isaackeyet and me got together during the WordCamp Norway dev day and talked through some possible interfaces for the starting screen and sign in section. We talked through various approaches in other apps and took forward some ideas from the dev chat last week such as single sign in.

    I’m attaching the current idea here.

    A few notes:

    • The first 2 screens are just showing suggestions for the initial screen which will be a step by step guide through (walkthrough) the features. Think Circle for the scrolling down and potential animation possibilities.  The plan is our own take either with custom backgrounds/photos or icons (such as the WordPress icon set perhaps).
    • The 3rd option shows the ‘slide in’ log in screen. This would slide up to show the form – showing the under page so you can easily get back again.
    • The last option shows the keyboard in size comparison.  This will probably have the return button changing depending on context.

    Looking forward to what people think.

     
    • John Saddington 6:17 pm on January 30, 2013 Permalink | Log in to Reply

      wow, this is awesome! neat concepts!

    • Isaac Keyet 12:08 am on January 31, 2013 Permalink | Log in to Reply

      I obviously like this approach but we’d have to work out copy, icons, and animations for it to work I think. We were talking about maybe using a combination of icon+text designs and ones purely composed of photos in a parallax-scrolling pattern.

  • Tammie 4:24 pm on January 2, 2013 Permalink | Log in to leave a Comment  

    Some suggested mobile designs 

    As @isaackeyet mentioned I’m exploring some options.  I’ve started thinking firstly of some specific screens and will move into some flows this coming week.  These are ideas away from what we have now and that was one of the points in doing this – to not be influenced by what we have and just think ‘what if’.

    Sites subscribed to view:

    Screen stages experimental suggestion: (using colour to indicate either types or graduation for pure styling)


    Adding new post wheel interface:

     
    • John Saddington 3:47 pm on January 5, 2013 Permalink | Log in to Reply

      these are so neat! well done!

    • Marko Heijnen 5:46 pm on January 8, 2013 Permalink | Log in to Reply

      I don’t think the round menu will work. From what I have learned this causing miss hits. Due to the rounding but also that you can’t really make a round button.

      Most of the design from the IOS app I like. I do however think that the selecting site should be different. So a screen with all sites makes sense to have. With doing this the site/CPT menu is nicer to use.

    • karmatosed 12:11 pm on January 16, 2013 Permalink | Log in to Reply

      I worked on these a bit more expanding some of the concepts.

      Not sure this one works at all :

c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
l
go to login
h
show/hide help
shift + esc
cancel