When we have great ideas for an app, we tend to jump directly to app development and throw all our quick thinking to build our ideas.
Most of the time, this starts to be simple and then eventually cluttered app resources. Even we, creators of the app, will find it cumbersome to trace and read our apps after day one.
It is one of the reasons why we need to follow some standards in naming our app resources.
We don't need to have a complex standard. We can start with simple and reusable rules and improve them over time.
Screen names:
If you are developing an app with more than one screen, not naming the screens will slow you down. So make sure to set a clear name for each screen, without a shortcut or abbreviation, and don't forget to append “Screen” at the end. Examples are:
-
- Home Screen
- Request Screen
- Validation Screen
- Admin Screen
Controls:
If we do not name our controls, it will soon clutter and make our app complex to maintain our apps. It could lead to frustration when we have to do some updates or fix or when we documentation about it. So follow some simple abbreviations and rules when naming our controls:
Type |
Control |
Abbreviation |
Input |
Button |
btn |
Input |
Text input |
txt |
Input |
Pen input |
pen |
Input |
Drop down |
drp |
Input |
Combo box |
cmb |
Input |
Date picker |
dte |
Input |
List box |
lst |
Input |
Check box |
chk |
Input |
Radio |
rad |
Input |
Toggle |
tog |
Input |
Slider |
sld |
Input |
Rating |
rtg |
Display |
Text label |
lbl |
Display |
HTML text |
htm |
Layout |
Vertical gallery |
galver |
Layout |
Horizontal gallery |
galhor |
Layout |
Flexible height gallery |
galflex |
Layout |
Blank vertical gallery |
galverblk |
Layout |
Blank horizontal gallery |
galhorblk |
Layout |
Blank flexible height gallery |
galflexblk |
Layout |
Data table |
dtb |
Layout |
Horizontal container |
conhor |
Layout |
Vertical container |
conver |
Layout |
Container |
con |
Media |
Image |
img |
Media |
3D object |
3do |
Media |
Camera |
cam |
Media |
Measuring camera |
mcam |
Media |
Barcode scanner |
bar |
Media |
Video |
vid |
Media |
Microsoft Stream |
str |
Media |
Audio |
aud |
Media |
Microphone |
mic |
Media |
Add picture |
pic |
Media |
Import |
imp |
Media |
Export |
exp |
Media |
PDF viewer |
pdf |
Media |
Map |
map |
Icons |
Icon |
ico |
Shapes |
Shape |
shp |
Charts |
Column chart |
chrcol |
Charts |
Line chart |
chrline |
Charts |
Pie chart |
chrpie |
Charts |
Power BI tile |
chrBI |