Make WordPress Mobile

Recent Updates Toggle Comment Threads | Keyboard Shortcuts

  • titanas 3:53 pm on October 7, 2014 Permalink |
    Tags: , , ,   

    WordPress iPhone App Mockup. New But Familiar 

    I want to thank Aaron for giving me the opportunity to share my thoughts.

    I love WordPress. My life changed because of it. It’s part of who i am today.

    Looking at the WordPress app for iPhone i felt there is something missing. The simplicity and freshness of iOS 7.

    I created this mockup to highlight my idea and changes to the current WordPress iPhone design. My goal was simple. Create something new. Make it look familiar.

    WordPress iPhone app Mockup by Stefanos Kofopoulos

    Current design (left). Mockup design (right). By Stefanos Kofopoulos

    Think of it as upgrading from iOS 6 to iOS 7 and then to iOS 8. Simpler. Crisper. High contrast. Works on all iPhones and screen sizes running iOS 7 or newer.

    All items calling for user interaction come with an explanatory icon and legend. Text can be translated to resonate with international users and complement the icon. Vice versa too.

    In case of text only interactions (eg Settings, Edit) a different color is used. Strings translations will complement the difference in color and resonate with users too.

    All elements and graphics used are iOS 8 native. Except the Reader and Notifications icons i created.

    Nav bar

    Stays the same. Theme colors apply. The improvements here include:

    • Edit menu moved to left. Where it usually is on iOS 8 table view and lists.
    • New iOS 8 typography.
    • WordPress color (#464646)

    Sites list

    Design overhaul based on iOS design language. The improvements here include:

    • Contextual ordered items (icons and typography)
    • iOS 8 like table menu with fav icons for each site
    • Different functions follow same design language (add button)
    • WordPress color (#464646)

    Tap bar

    Design overhaul matching WordPress app and iOS design language. The improvements here include:

    • Theme support matching Nav bar color
    • Clean. High contrast icons with legends
    • Simple. Unified content creation icon. Content can be video, photos, text. Older icon implied text only.

    I would love to hear your thoughts. Design files are available for everyone. Made in Sketch 3.1 though.

    • ctruman 6:14 pm on October 7, 2014 Permalink | Log in to Reply

      This looks really cool! Is this design motivated by trying to expand to new screen sizes? Or just to have a more distinctive iOS 8 style app?

    • titanas 10:35 pm on October 7, 2014 Permalink | Log in to Reply

      It started as personal frustration ( http://titan.as/making-wordpress-better-admin-menu/ ) and grew to a suggestion for improved clarity, UI and UX. Killing two birds with one stone as this will adopt and adjust to all iPhones and work exceptionally well with international markets

    • Aaron Douglas 1:16 pm on October 9, 2014 Permalink | Log in to Reply

      @titanas I did ping some people internally at Automattic working on design. Hopefully soon I can share some of the mockups for what is coming very soon. :)

    • Aaron Douglas 1:17 pm on October 9, 2014 Permalink | Log in to Reply

      @mikejohnstn just an FYI you may want to review @titanas‘ contribution for your thoughts!

    • Dave Whitley 10:04 pm on October 9, 2014 Permalink | Log in to Reply

      By the way, thanks @titanas for the contribution. I love to see what other designers can come up with.

      I’ve worked on only some parts the app (NUX, Notifications, tab bar). I feel your frustration — I wish we could devote more time to the overall app design.

      A lot of things are in flux right now on WordPress.com— we are working hard on the wp-admin frustrations (on the web) that you pointed out in your blog post, and we are striving for consistency on all platforms — web, iOS, Android. Hopefully we can share more soon.

      Some critical thoughts on your design:

      The “Add Site” change seems more native — I like it. Maybe that cell should just be attached to the bottom of the site list, with no space.

      The WordPress.com designers lean more towards the WordPress.com brand when deciding whether or not to use iOS specific styling, such as color, fonts, icons, etc. For icons, we want to use the same ones we use on the web and on Android. I’ve seen other apps successfully use iOS-style icons for their app (Path, Evernote), but for us, I don’t think it’s best. I’d rather the app feel like part of a cohesive ecosystem, rather than an iOS utility. For example, Facebook Messenger feels more like an extension of iOS, but the Facebook app feels more connected to the Facebook on the web. We want the app to use native patterns wherever possible, without losing sight of the brand.

      • titanas 11:04 pm on October 9, 2014 Permalink | Log in to Reply

        Thank you Dave. Good to know that you guys work hard to improve things. That’s great.

        Add Site can anywhere. Depends on how people use the app. How many sites the average user has etc. Placement of it, is more of a data driven decision.

        I understand the reasons for leaning towards to WordPress.com design. You should do that. There is a big but hanging in there.

        One will never be able to have a WordPress.com design on mobile devices. All mobile OS are designed and built with fundamental differences. iOS, Android and Windows Phone are very different. You cannot replicate the Android three dot action bar on Windows Phone. Maybe on iOS but that would be out of place. Which brings me to my seconds argument.

        When someone buys a mobile device makes a binary choice to choose or not to choose the device and its OS. It is crucial to honour this choice for the next 12 or 24 months. Sometimes even longer.

        Every mobile OS has it’s own typography, gestures, icons, UI and UX. Creating something that is 20% different from everything else in the OS creates friction. Especially for apps that are used to create content, aka used frequently. This is why the great examples you mentioned follow the iOS UI and UX. It’s fluid for the users. The feel comfortable. It works. It’s always “where it should be”.

        IMHO this is not a question about being part of a cohesive ecosystem rather an iOS utility. It’s about honouring predetermined user patterns and behaviour for today and the next couple of years.

    • Ploufside 5:04 pm on December 23, 2014 Permalink | Log in to Reply

      Hi Titanas, thanks a lot for investing yourself in the WordPress project ! It changed my life too :)
      YES, it would be awesome to see the iPhone App Mockup design upgraded as you’re proposing, it’s lot more clear like that ! Looking forward to see what is deciding the community 😉

  • Eric 1:53 pm on September 30, 2014 Permalink |
    Tags: contribute, objective c, swift, ,   

    Get Involved by Porting Objective C to Swift 

    Howdy iOS Devs!

    If you’re interested in contributing to WordPress for iOS but aren’t quite sure where to dive in, one thing to consider is taking an existing Objective C class and porting it to Swift.

    Its safe to say the iOS community as a whole has been pretty jazzed by the new language, I’ve certainly been, and the team would like to see Swift used for more things. This isn’t limited to new classes, we’d also like to start migrating existing code written in Objective C.

    If you’d like to get your hands dirty with some practical Swift code, here’s your invitation to dive in. Great candidates to port to Swift are any of the Categories in the app.

    Give us a shout on #WordPress-Mobile on Freenode, or ping us on Github. We look forward to hearing from you!

  • Aaron Douglas 11:51 pm on August 6, 2014 Permalink |
    Tags: core data, , , unit testing,   

    Asynchronous Core Data Unit Tests 

    There have been some updates proposed for the way we’re testing Core Data asynchronously and I wanted to share them here for everyone to see. We’re going ahead and adopting iOS 8 technologies starting with this latest dev cycle – which means we can use the new asynchronous unit testing support in XCTest.

    Take a look at this blog post for more information about some of the changes we’ve made.

  • Aaron Douglas 9:18 pm on June 11, 2014 Permalink |

    WordPress for iOS changes 

    Hey everyone!

    Over the past couple of weeks there have been some pretty significant changes made to how the WordPress for iOS app is being developed. We’ve decided to start modularizing the application into components that can be shared or reused in other apps. The idea behind this is that contributors can help out on the pieces of the app and not have to really understand how the whole app works. We’re going to be updating the handbook and project READMEs soon – but this is the official start to the roll out. The first two components are the stats view controller and the post editor. There is a third project that contains shared components – a necessary evil.

    Main app: https://github.com/wordpress-mobile/WordPress-iOS
    Shared items: https://github.com/wordpress-mobile/WordPress-iOS-Shared
    Stats: https://github.com/wordpress-mobile/WordPressCom-Stats-iOS
    Editor: https://github.com/wordpress-mobile/WordPress-iOS-Editor

    We’re using CocoaPods right now for dependency management and distribution. Soon the component projects will have example projects built in and will support CocoaPod’s “try” feature.

    Questions? Comment here or hit us up in #WordPress-Mobile on Freenode.

    • robswish 11:21 am on August 5, 2014 Permalink | Log in to Reply

      This is great news! I have recently just discovered how open you are making WordPress for mobile and it is very cool. I have a website that has downloadable free primary school resources. I want to make an iOS app for it and my first mission is to add a native WordPress login option. Is there any documentation on this? Thank you.

      • Aaron Douglas 11:37 am on August 6, 2014 Permalink | Log in to Reply

        Hi @robswish – right now the WordPressComApi class exists only in the WordPress-iOS project. Our goal is to modularize that into a separate client framework to use in your own apps. Authentication is limited to your user account so it may not work for your needs.

        If you’re looking to authenticate against a self-hosted version of WordPress.org, then take a look at the WordPressApi project at https://github.com/wordpress-mobile/WordPressApi . We use that API in the WPiOS app.

  • Aaron Douglas 2:53 pm on April 28, 2014 Permalink |

    Weekly Dev chat is now Open Office Hours 

    A couple weeks back we made the decision to move away from the weekly formal devchat session to more of an open “office hours” arrangement. During the time of the chat (16:00 UTC Mondays) at least one team rep will be available in #WordPress-Mobile on Freenode to answer questions.

    You can keep up to date on project changes by following our team WordPress-Mobile on GitHub.

  • Aaron Douglas 3:38 pm on April 25, 2014 Permalink |
    Tags: poll   

    Calling all WordPress Mobile App Contributors! 

    We want contributing to WordPress to be a great experience, but we need your help to improve. This survey is for current contributors, would-be contributors, and decided-not-to-be-contributors to weigh in on how we’re doing and what we can do better when it comes to working with our volunteers. There are only a few questions, and none of them are mandatory.


  • Samuel Sidler 12:11 am on April 24, 2014 Permalink |

    Hey mobile team! Heads up that I just landed some design changes for the contributor handbooks that affect your handbook as well. I’ve done my best to fully update your handbook, but if you see any residual effects, let me know.

    See also: my post on make/docs.

  • sendhil 3:46 am on April 8, 2014 Permalink |

    WordPress for iOS 4.0.1 Released!

    Hey everyone, we just released WordPress for iOS 4.0.1 which fixes a few of the bugs and crashes you’ve been experiencing. Some of the bugs fixed by this release were:

    • Improved the performance of stats.
    • Made the “Options” page easier to locate and access.
    • Fixed a bug that caused the app to freeze when you tried to update a post’s settings.

    For more details you can view the release post here.

    • mrc535s 4:57 pm on May 2, 2014 Permalink | Log in to Reply

      Any idea of when custom post types will be supported? Is it on the roadmap? It is kind of unfortunate that you bought out Poster (this was the only good solution out there for custom post types), but have not replicated that functionality yet in your app. What is the hold up for this?

  • Aaron Douglas 12:26 pm on April 3, 2014 Permalink
    Tags: , , , , ,   

    Weekly dev chat summary for March 31, 2014 

    IRC Chat Logs


    • WordPress for iOS update
    • WordPress for Android update
    • Google Summer of Code 2014
    • Anything else

    WordPress for Android

    2.7 is nearing completion and we’ll probably have a 2.7.1 next week to follow up the release. 2.8 is in the planning stage but we have no major features pinned for that release. @mrroundhill will be passing the baton for Android updates to either @mbiais or @sendhil starting next week.

    WordPress for iOS

    4.0.1 was submitted to the App Store for review today. It should be in the store by Friday. 4.1 is next on the radar and the code freeze date is 19-APR-2014. Expect a week of testing before submitting to the App Store.

    Anything else

    GSoC application reviews are still in progress.

    Next dev chat

    The next dev chat will be held at 16:00 UTC on Apr 7, 2014 in #wordpress-mobile on Freenode.

    • DStrange 9:10 pm on April 3, 2014 Permalink

      It would be nice if the Windows Phone version of WordPress received some of the love that the Android and iOS versions have lavished upon them. I’ve left the world of Android to go back to an all Microsoft Ecosystem (Lumia 1520 phone, Surface 2 tablet and Vaio Pro 13 ultrabook) and the only thing I miss as far as working goes is the excellent WordPress app. A version for smaller tablets or larger phones would make my day-to-day occupation of blogging (yes, I do earn a decent crust from blogging) quite a lot simpler. Please consider updating and improving the Windows Phone version of the WordPress client.


      • Aaron Douglas 1:40 pm on April 4, 2014 Permalink

        Thanks for the feedback! Right now development on Windows Phone & Blackberry is on hiatus so that we can focus on the platforms that have the most contribution to them. The idea being we focus on what we can make great then realign the other apps to follow suit.

        • Joseph K Muscat 5:19 pm on July 14, 2014 Permalink

          Hi is there any news on an update and completion of the Blackberry 10 beta? I have just installed but having issues, is there any support for the beta??

          • Aaron Douglas 5:39 pm on July 14, 2014 Permalink

            BlackBerry development is still on hiatus – we’re focusing on iOS and Android. BB10 code is available at https://github.com/wordpress-mobile/WordPress-BlackBerry if anyone wants to work on it, but we aren’t submitting it to the App Store in the near future.

            • Joseph K Muscat 4:18 pm on July 15, 2014 Permalink

              Hi Aaron,

              Thanks for the update! I am aware of the pause taken for this app which is unfortunate because of many us on bb10 would love to have this app. If I knew how to program I would jump on and help.

              I have downloaded the beta and many say it works ok, I am trying to login but having issues because my blog is a profoto template. Could I get some sort of support so I can even try out this beta version???

              Thanks again, any help would be appreciated!!

          • Aaron Douglas 4:27 pm on July 15, 2014 Permalink

            I can’t reply to your latest reply – I think only a limited levels of replies are allowed.

            Try disabling your plugins and see if login works – then re-enable one at a time to see which one breaks it. It could be the theme since a theme is essentially a plugin. :)

            • Joseph K Muscat 5:23 pm on July 15, 2014 Permalink

              Ok, Thanks I will give it a try, but if I need additional support is there another more direct method, maybe via email??

          • Aaron Douglas 12:07 pm on July 17, 2014 Permalink

            E-mail support isn’t really offered for the beta but you could try filing issues on GitHub. If you can get access to the log files on the device and help dig into the error the original contributors might be able to help. Unfortunately if there is a problem with the code it’s not actively being maintained. There are forums for BB support that contributors may be monitoring – https://blackberry.forums.wordpress.org/ and there is always the Freenode IRC chat room #WordPress-mobile – you might be able to get help from one of us in there if they’ve worked on that beta.

    • stanyy 12:51 am on May 15, 2014 Permalink

      BlackBerry Bold 9900 user here. Hoping and praying for an update (featured images) soon.

  • Aaron Douglas 3:20 pm on March 27, 2014 Permalink |
    Tags: , , , , ,   

    Weekly dev chat summary for March 24, 2014 

    IRC Chat Logs


    • WordPress for iOS update
    • WordPress for Android update
    • Google Summer of Code 2014
    • Anything else

    WordPress for iOS

    WordPress for iOS 4.0 was released to the Apple App Store last week. Native stats was the major new feature and so far the reviews have been positive. 4.0.1 is being prepped for release this Friday 25-MAR-2014 and we’re focused on testing that this week.

    WordPress for Android

    Testing and bug fixing for 2.7 is still underway. A third QA beta will be released sometime this week. We’re shooting for a Monday (31-MAR-2014) release if all goes well.

    Google Summer of Code 2014

    Applications for GSoC 2014 were received and now the process of reviewing proposals and asking questions is underway. Review period ends 6-APR-2014.

    Anything else

    Nothing else was brought up.

    Next dev chat

    The next dev chat will be held at 16:00 UTC on Mar 31st, 2014 in #wordpress-mobile on Freenode.

compose new post
next post/next comment
previous post/previous comment
show/hide comments
go to top
go to login
show/hide help
shift + esc