HOME | DD

hsigmond — Side by side comparison of UI building blocks.

Published: 2014-05-04 09:00:00 +0000 UTC; Views: 2880; Favourites: 4; Downloads: 31
Redirect to original
Description A Side by side comparison of standard UI building blocks for handheld devices.
- between Android, iOS and Windows

Text and concept of this side by side comparison between Android and iOS is based on Jennift blog post here: goo.gl/IqsqJq

Thanks to KIM RUELO for creating the free iOS 7 iPhone AI file at: goo.gl/8kVxPD

Changes:
1. Updated the Windows Action Bar comparison. not sure if a Windows phone has Fixed Tabs?
2. Updated with Window pivot navigation (Thanks glange65 ), some changes to the "bottom" ActionBar layout.
Related content
Comments: 5

glange65 [2014-05-05 01:55:37 +0000 UTC]

PS...according to the UI Guide I have for Windows Phone, the Windows equivalent seems to be the "Hub" concept, with the sliding pages sideways (each page a "tab"), with content scrolling down.  Just using the large horizontal scrolling title instead of static tabs

👍: 0 ⏩: 0

glange65 [2014-05-05 01:51:12 +0000 UTC]

Very interesting.  I was surprised how similar Android and iOS can be.  Windows Phone can also have similarities, but could be very different in others (lists, tabs, etc).  Always felt that way about all three, but never actually did a comparison.  Thanks

👍: 0 ⏩: 1

hsigmond In reply to glange65 [2014-05-05 06:15:40 +0000 UTC]

I'll try to include the "Hub" concept later for closest equivalent to "Tabs" navigation on Windows. Thanks

👍: 0 ⏩: 1

glange65 In reply to hsigmond [2014-05-06 15:31:06 +0000 UTC]

Thank you for the hard work putting this together.

In case you need it, here's a link to the Microsoft Windows Phone Developer site with the specifics.  I might have been wrong calling it the "Hub", it might be the "Pivot", but I haven't spent that much time with it.  Maybe you'll find it helpful.

msdn.microsoft.com/en-us/libra…

Peace!

👍: 0 ⏩: 1

hsigmond In reply to glange65 [2014-05-09 17:41:56 +0000 UTC]

Thanks, I've updated it

👍: 0 ⏩: 0