Optimising for the 0.33%(istartedsomething.com)

9 years ago from Matt Achariam, Intent Renderer

  • Patrick SmithPatrick Smith, 9 years ago

    Does anyone have any idea of how they would make these mockups? Would they be articulately laid out in a graphics app like Photoshop? Or would they be from the app itself, with a way of going to a certain screen with dummy data and so that data would just be swapped for different places?

    It’s just that I imagine if it is articulately done in Photoshop, it would take a lot of effort to get right, by a side team to the main UI teams. The actual UI would be moving very quickly before it is announced to the world, so it would be hard to keep up and then localise it into different languages, while also making it pixel perfect to what the actual app would display. The font rendering is how iOS does it too, not like Photoshop.

    I guess they could take a screen shot of the app in a certain situation, recreate it all in Photoshop, and then when translating it just reword stuff.

    1 point
    • Raphael LoderRaphael Loder, 9 years ago

      I was wondering this as well. I would assume they actually create these mockups in a graphic editor, since there is a mistake in the screenshots:


      Look at the "Add Contact" UI at the top. It says "Anita Meier" in both screens, but it should say "Marissa Tilley" in the left one.

      Of course these screens could also be done statically in Xcode, hence the error, but I guess creating them in a graphic editing program allows them to really blow those screens up for print and what not.

      But I'd really like some insight on this from someone who actually knows!

      1 point