Difference between revisions of "Interface"

From Forge of Empires - Wiki EN
Jump to: navigation, search
Line 137: Line 137:
 
|}
 
|}
  
== Mobile Interface: ==
+
<imagemap>
[[file:interface_app.jpg|700px|center]]
+
Image:mobileUI_openmenu1.jpg|center|Alt=Modile User Interface|
''Click on each category to see more''
 
{| style="width: 100%;"
 
! style="text-align: center; font-weight: bold;" |
 
! style="text-align: center; font-weight: bold;" |
 
! style="text-align: center; font-weight: bold;" |
 
! style="text-align: center; font-weight: bold;" |
 
! style="text-align: center; font-weight: bold;" |
 
! style="text-align: center; font-weight: bold;" |
 
! style="text-align: center; font-weight: bold;" |
 
! style="text-align: center; font-weight: bold;" |
 
! style="text-align: center; font-weight: bold;" |
 
|-
 
| style="text-align: center; background-color: #fd0514;"|[[Top left Mobile]]
 
| style="text-align: center; background-color:  #000000;"|
 
| style="text-align: center; background-color:  #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #DEDFC3; color: #000000;"|[[Top center mobile]]
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;|
 
| style="text-align: center; background-color: #F5F507; color: #000000;"|[[Top right mobile]]
 
|-
 
| style="text-align: center; background-color: #000000;"|.
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
|-
 
| style="text-align: center; background-color: #000000;"|.
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
|-
 
| style="text-align: center; background-color: #890519;"|[[The_Universe#Quest_Givers|Quest]]
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #F39C12;"|
 
|-
 
| style="text-align: center; background-color: #890519;"|[[The_Universe#Quest_Givers|Givers]]
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #3498DB;"|[[Status bar]]
 
|-
 
| style="text-align: center; background-color: #000000;"|.
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
|-
 
| style="text-align: center; background-color: #000000;"|.
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
|-
 
| style="text-align: center; background-color: #000000;"|.
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
|-
 
| style="text-align: center; background-color: #000000;"|.
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
|-
 
| style="text-align: center; background-color: #1BD30F;"|
 
| style="text-align: center; background-color: #1BD30F;"|[[Bottom left mobile]]
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color:#FF5733;"|
 
| style="text-align: center; background-color: #FF5733;"|[[Bottom right mobile]]
 
|-
 
| style="text-align: center; background-color: #1BD30F;"|.
 
| style="text-align: center; background-color: #1BD30F;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
  
 +
rect 149 104 252 132 [[Top_left_Mobile]]
 +
rect 157 134 190 231 [[The_Universe#Characters]]
 +
rect 249 303 287 344 [[The_Universe#World_Map]]
 +
rect 166 308 210 355 [[Bottom_left_mobile#Building_menu]]
 +
rect 209 309 245 350 [[Bottom_left_mobile#Research]]
 +
rect 288 303 324 344 [[Bottom_left_mobile#Army_Management]]
 +
rect 325 306 356 342 [[Bottom_left_mobile#Market]]
 +
rect 365 299 396 335 [[Bottom_left_mobile#Inventory]]
 +
rect 403 296 434 332 [[Bottom_left_mobile#Settings]]
 +
rect 325 100 414 125 [[Top_center_mobile]]
 +
rect 496 89 591 110 [[Top_right_mobile]]
 +
rect 526 120 601 187 [[Status_bar]]
 +
rect 536 283 599 330 [[Bottom_right_mobile]]
 +
</imagemap>
 +
<br>
 +
<imagemap>
 +
image:mobileUI_menu2.jpg|right
 +
rect 153 156 209 216 [[Bottom_right_mobile#Messages]]
 +
rect 215 159 271 219 [[Bottom_right_mobile#Expeditions]]
 +
rect 281 163 335 219 [[Bottom_right_mobile#Guild]]
 +
rect 343 158 397 214 [[Bottom_right_mobile#Great_Buldings]]
 +
rect 405 159 465 223 [[Bottom_right_mobile#Social_bar]]
 +
</imagemap>
  
 
+
''Clicking on each icon will redirect you to the appropriate article.''
|}
 

Revision as of 10:06, 14 July 2016


Introduction

The Interface in Forge of Empires is very intuitive and easy to use. While there are many similarities between the browser and mobile versions, they differ on several important points


Browser Interface:

Browser.PNG

Top left Top center Top right
Chat
.
Quest Offers
Givers Status bar
Collect All
.
.
Main toolbar
. Social Bar
Settings


Top left MobileThe Universe#CharactersThe Universe#World MapBottom left mobile#Building menuBottom left mobile#ResearchBottom left mobile#Army ManagementBottom left mobile#MarketBottom left mobile#InventoryBottom left mobile#SettingsTop center mobileTop right mobileStatus barBottom right mobileMobileUI openmenu1.jpg
About this image


Bottom right mobile#MessagesBottom right mobile#ExpeditionsBottom right mobile#GuildBottom right mobile#Great BuldingsBottom right mobile#Social barMobileUI menu2.jpg
About this image

Clicking on each icon will redirect you to the appropriate article.