Marino Software - iOS vs Android Native Features
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

Comment only
 
ABCDEFGHIJ
1
DescriptionAndroidiOSCreated by Marino Software
2
3
Design language Material DesignHuman Interface Guidelines (HIG)http://www.marinosoftware.com/
4
Design language principlesUI based on layering and 'paper craft'UI is minimal, light, flat
5
GUI - resource downloadSticker SheetApple UI Design Resources
6
Accessibility guidelinesAccessibilityAccessibility
7
Alert - in appAlertsAlerts
8
Alert - push notificationsNotificationsNotifications
9
AnimationMaterial MotionDesigning with Animation (2015 WWDC video)
10
App structure - overviewAndroid App StructureInterface Essentials
11
Bar - top informational
(device time, battery, cellular display)
System BarStatus Bar
12
Biometrics / FingerprintFingerprintTouch ID
13
Bottom sheet - always in view content or menuPersistent Bottom Sheetn/a
14
Bottom sheet - temporarily in view content or menuModal Bottom Sheetn/a
15
Breadcrumbs / page controln/aPage Control
16
Button - back buttonUp ButtonBack Button
17
Button - home buttonBack ButtonHome Button
18
Buttons - general software buttonsButtonsButtons
19
CardsCardsn/a
20
Color referenceColorColor
21
Control - plus/minus steppern/aStepper
22
Control - sliderSlidersSliders
23
Control - switchSwitchSwitch
24
Delivery file.apk (Android application package).ipa (iOS App Store Package)
25
Development Software EnvironmentAndroid StudioXcode
26
DialogsDialogsModality
27
Empty StatesEmpty StatesEmpty State
28
Error MessagingErrorsError Message
29
Expansion panelExpansion Paneln/a
30
Exports - png sizingsmdpi, hdpi, xhdpi, xxhdpi, xxxhdpi@1x, @2x, @3x
31
Feedback - alertsConfirming and AcknowledgingFeedback
32
Feedback - spinner / progress indicator'Progress and Activity Indicators' (Linear and Circular)Progress Indicators' (Progress Bars and Activity Indicators)
33
Feedback - temporary feedbackSnackbars and Toastsn/a
34
Full screen - touch to bring back system bars Full Screen Immersiven/a
35
Full screen - swipe from edge of screen to bring back system barsFull Screen Lean Backn/a
36
General metrics / GridMetrics & Keylinesn/a
37
GesturesGesturesGestures
38
Icons - app product iconProduct IconApp Icon
39
Icons - systemMaterial IconsSystem Icons
40
Images - exportingImage ScalingImage size and resolution
41
ImagesLoading ImagesImage View
42
Launch screenLaunch ScreenLaunch Screen
43
List - grid viewGrid ListCollections
44
List - interactivity and controlsList Controlsn/a
45
List - list viewListsTables
46
List - value picker
(e.g. date, time)
PickerPicker
47
Measurement standard - fontScaleable Pixels (sp) - used for fontspoints (pt)
48
Measurement standard - sizeDensity-independent Pixels (dp)points (pt)
49
Menu - temporary 'make a choice' alertModal Bottom SheetAction Sheet
50
Menu - temporary select task
(e.g. Copy, Favorite, or Find)
MenuActivity View
51
Menu - text or image edit MenuEdit Menu
52
Modal - full screenFull Screen DialogFull Screen Modal
53
Modal - full screen mobile/part screen tabletn/aPage Sheet Modal
54
Modal - Same size as current viewn/aCurrent Context Modal
55
Modal - temporary/popoverSimple MenuForm Sheet Modal
56
Multitaskingn/aMultitasking
57
Navigation - 3D Touchn/aPeek and Pop
58
Navigation - activityActivityn/a
59
Navigation - bottom tabs
(consistent app navigation)
Bottom Navigation BarTab Bar
60
Navigation - experience drivenLinks/Crosslinks/External LinksExperience or Content Driven Navigation
61
Navigation - flat Siblings / Lateral Navigation / CollectionsFlat Navigation
62
Navigation - heirarchicalParent and Child (ascending/descending)Heirarchical Navigation
63
Navigation - homeHome SceneHome Screen
64
Navigation - page turnn/aPages
65
Navigation - side menu or navigation drawerNavigation Drawern/a
66
Navigation - tab buttonsTabsSegmented Control
67
Navigation - taskTaskn/a
68
Navigation - top navigation barApp Bar / Primary ToolbarNavigation Bar
69
Navigation guidelinesNavigationNavigation
70
Onboarding GuidelinesOnboardingOnboarding (2014 WWDC video)
71
PaymentsAndroid PayApple Pay
72
PermissionsPermissionsRequesting Permission
73
Popover / temporary overlay viewDialogPopover
74
PrintingCloud PrintAirPrint
75
Pull/Swipe to refreshSwipe to RefreshRefresh Content Control
76
SharingIntentSharing
77
ScrollingScrollingScroll View
78
Split ScreenSplit ScreenSplit View
79
Text - fieldText FieldText Field
80
Text - labelLabelLabel
81
Text - text viewMulti-line Text FieldText View
82
Toolbar (consistent)ToolbarToolbar
83
Tooltips (mobile)Touch UI Tooltipn/a
84
Touch target size Touch Target SizeCustom icon size recommendation
85
TV PlatformAndroid TVtvOS
86
Typography - Font - platform defaultRoboto / NotoSF UI Text / SF UI Display
87
Voice / assistantGoogle AssistantSiri
88
Wearables PlatformAndroid WearwatchOS
89
Widget - collection
(multiple snippets of info on home screen - e.g. emails)
Collection Widgetn/a
90
Widget - control
(display often used functions on home screen - e.g. music controls)
Control Widgetn/a
91
Widget - home screen
(usually single piece of information, tapping launches related app)
Information WidgetHome Screen Quick Action Widget
92
Widget - hybrid
(displays combo of above - e.g. music controls with song name)
Hybrid Widgetn/a
93
Widget - search screenn/aSearch Screen Widget
94
Widgets - overviewWidgetWidget
95
Writing guidelinesWritingTerminology
96
97
98
Useful Resources
99
Screen Size Metrics
100
Screen Density Calculator
Loading...