Images needed for 4.0

[justinanderson]

I should break this out into multiple issues.

Many things listed here already have existing artwork from our earlier releases, and it would be good to not stray too far from what users have been trained to look for.

We're planning to support the iPhone 6 Plus shortly after the release of 4.0, so let's do 1x, 2x, and 3x versions of everything now.

I still need to write down dimensions for most of these.

Miscellaneous Accessory Images #457

• [x] Call phone number (phone handset)
• [x] Open web link
• [x] View in Maps module (small version of Maps module icon)
• [x] Add to calendar (small version of Events module icon)
• [x] Compose email (envelope)
• [x] Requires authentication (lock icon)

  Miscellaneous

• [x] Small disclosure indicator (e.g. embedded in News section headers)
• [x] Placeholder for news stories when cover image fails to load
• [x] Track user location (floating)
• [x] List (floating)

  Bar Buttons

• [x] Hamburger (have 1x and 2x, need 3x)
• [x] View as list
• [x] View as grid
• [x] Track user location (inactive state)
• [x] Track user location (active state)

  Module Icons #83

Size of these in main drawer should be at most 32 x 32pt. Map, Events, Emergency Info, and Scanner should also have 22 x 22pt versions for use as UITableViewCell accessory views.

• [x] News
• [x] Shuttles
• [x] Map
• [x] Events
• [x] People Directory
• [x] Tours
• [x] Emergency Info
• [x] Libraries
• [x] Building Services
• [x] Dining
• [x] Scanner
• [x] Links

  Place Categories #87

Size of these in place categories screen should be at most 26 x 26 pt.

• [x] Building (MIT dome / Building 10)
• [x] Selected Rooms
• [x] Food (smaller Dining module icon)
• [x] Libraries (smaller Libraries module icon)
• [x] Residences
• [x] Parking Lots
• [x] Streets and Landmarks
• [x] Courts and Greenspaces
• [x] Athena Clusters
• [x] Museums and Galleries
• [x] Hotels

  Maps

• [x] Numbered pin for Map, Tours, and Dining
• [x] Search suggestion row accessory images
  • [x] Exact match (pin)
  • [x] Recent search (magnifying glass)

    Shuttles

Map

• [x] Pin for shuttle stop (normal)
• [x] Pin for shuttle stop (minimap)
• [x] Pin for shuttle stop (selected state when focusing on a stop on iPhone)
• [x] Pin for showing vehicle location and heading
• [x] Style for route outline

Table rows

• [x] Set alert in Shuttles (off state)
• [x] Set alert in Shuttles (on state)
• [x] Shuttle (running)
• [x] Shuttle (not running)
• [x] Shuttle (state unknown)

  Events

• [x] More button (vertically centered ellipsis)
• [x] Day of week selection
• [x] Menu indicator for calendars when searching

  Tours

• [x] White disclosure indicator for main tour screen
• [x] Main loop and side trip color indicator (circle in section headers)
• [x] Directional arrows for tour directions on map

  Libraries #504

• [x] Ready for pickup indicator
• [x] Overdue indicator
• [x] Placeholder for library books with no cover image or with the cover not loaded yet
  • [x] 55 x 85 @ 1x & 2x
  • [x] 85 x 130 @ 1x & 2x

    Dining #446

• [x] Dietary flag PDFs resized, touched up for pixel alignment, and rendered out at 1x, 2x, 3x
• [x] Rotate to compare
• [x] Meal highlight (same as Events)

[justinanderson]

@aaron10buuren @jlungaro Welcome aboard. I'm going to use this issue as a parent issue for all of the outstanding art needs for the project. I'll leave it assigned to myself and break out each logical piece into separate issues so we can have focused discussions about each module.

Let me know if you need any extra permissions to get setup.

[jlungaro]

@justinanderson Hi Justin, I have added shuttle assets for you to review below. I'm imagining the "red pin" to be the generic location marker for maps module as well. Thanks!

[aaron10buuren]

@justinanderson - updated bar buttons, can display 1x and 3x as well if needed.

[justinanderson]

@aaron10buuren Those are pretty blurry. For 1x and 2x, all of the vertical and horizontal lines should be pixel aligned.

As I mentioned in the description for this issue, we already have a version of the hamburger icon from guischmitt that we're happy with, we just need a 3x version of it. Though now that I look at it again, I notice that it's using the wrong color. It should be rgb(163, 31, 52) instead of rgb(154, 30, 52).

Zoomed in, you can see the difference in sharpness.

[aaron10buuren]

@justinanderson

Updated icons for Bar Buttons and Module Icons in my folder on the dropbox folder you've shared with us. If there is one set, it is at 2x (want to get that set before recreating at 1 and 3x).

Shuttles maps and icons also updated.

Will add category icons that we have made either today or tomorrow.

Let us know if you have any questions.

[guischmitt]

Hey @justinanderson quick question, on Libraries you said "Placeholder for library books with no cover image or with the cover not loaded yet". Shouldn't those be different assets? Is there an activity indicator for loading the covers?

[justinanderson]

@guischmitt I think those should be the same image, and that there shouldn't be a loading indicator. I think I'd be ok with it just being a light grey rectangle rather than anything too distracting.

[intrepidtong]

@justinanderson regarding "Track user location (floating)" and "List (floating)" in the Miscellaneous section - are these still needed? I checked with the guys and got the impression that Maps have tool bars and we do not need floating icons anymore?

[intrepidtong]

@justinanderson a reminder to review the maps pin (numbered) icons in the waiting for approval folder : )

[justinanderson]

@intrepidtong re: floating buttons, that's correct. We decided to switch everything from floating buttons to toolbars, since floating buttons would overlap with MapKit's legal link.

[intrepidtong]

@justinanderson cool. So it's safe to check them off on the list I assume?

[guischmitt]

Hey @justinanderson do you have more information about what Events > "Menu indicator for calendars when searching" is referring to? Thanks!

[justinanderson]

@guischmitt For Events, that's the dropdown arrow that looks like this in the App Store app but currently is slightly odd in ours:

[justinanderson]

@guischmitt And I'm happy with the way the "…" more button looks now, so I'll check that off.

[justinanderson]

@intrepidtong Yeah, just checked them off. Also, I've moved several of the exported assets to the General folder in the developer dropbox, so those are ready to be used now.

[guischmitt]

@justinanderson The dropdown arrow is now up for review. Waiting for feedback about the Module, Misc and Library sections.

[justinanderson]

@guischmitt Moved the events arrow to approved.

[guischmitt]

@justinanderson

The tour arrow is up for review. Waiting for feedback about the Module icons.

[justinanderson]

@guischmitt

• Tours' direction arrow will be rotated, so its shadow should have a zero offset if it's going to be baked into the image. We could have the developers add a drop shadow with code instead, which is easy to do but slower than a pre-rendered image. So if you do a version of that arrow with a shadow with no offset, I'd accept that.
• This isn't something you'd need to create new assets for, but when we do directions it'll be good to use the same numbered pins as we will for other Tours screens.

[guischmitt]

@justinanderson

Updated Tour assets are up for review

[justinanderson]

@guischmitt Moved to approved.

[guischmitt]

@justinanderson

There's an .ai file with the assets located inside the "Approved" folder.