Difference between revisions of "Interface"

From Forge of Empires - Wiki EN
Jump to: navigation, search
 
(9 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
   
 
   
  
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
+
The Interface in Forge of Empires is very intuitive and easy to use. While there are many similarities between the desktop and mobile versions, they differ on several important points
  
 +
'''Desktop User Interface'''
 +
<br>
 +
<imagemap>
 +
Image:DesktopUI newx.png|center
  
 +
rect 96 79 130 154 [[The_Universe#Quest_Givers]]
 +
rect 97 157 131 196 [[Daily Challenges]]
 +
rect 97 120 132 246 [[Events and Questlines]]
 +
rect 97 200 133 296 [[Collect_All]]
 +
rect 95 42 301 65 [[Top_left]]
 +
rect 452 48 594 66 [[Top_right]]
 +
rect 533 63 587 87 [[Messaging_and_Chat#Chat]]
 +
rect 631 125 660 210 [[Status_bar_desktop]]
 +
rect 98 311 207 368 [[Main_toolbar]]
 +
rect 99 369 208 384 [[Settings]]
 +
rect 230 314 505 387 [[Social_Bar]]
 +
rect 595 44 642 65 [[Diamonds]]
 +
rect 629 88 667 125 [[Offer]]
 +
rect 338 39 416 76 [[Forge_Points_Bar]]
 +
</imagemap>
  
== '''Browser Interface:''' ==
 
  
[[File:Browser.PNG]]
 
  
{| 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;"|
 
| style="text-align: center; background-color: #fd0514;"|[[Top left]]
 
| style="text-align: center; background-color: #fd0514;"|
 
| style="text-align: center; background-color: #DEDFC3;"|
 
| style="text-align: center; background-color: #DEDFC3; color: #000000;"|[[Top center]]
 
| style="text-align: center; background-color: #DEDFC3;"|
 
| style="text-align: center; background-color: #F5F507;"|
 
| style="text-align: center; background-color: #F5F507;color: #000000;"|[[Top right]]
 
| style="text-align: center; background-color: #F5F507;"|
 
|-
 
| 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: #7E07F5;"|[[Messaging_and_Chat#Chat|Chat]]
 
| 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;"|[[Offers]]
 
|-
 
| 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: #D35400;"|[[Collect All]]
 
| 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;"|
 
|-
 
| 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;"|
 
| 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;"|[[Main toolbar]]
 
| 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;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| 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;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #FF5733;"|[[Social Bar]]
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
|-
 
| style="text-align: center; background-color:#95A5A6;"|
 
| style="text-align: center; background-color: #95A5A6;color: #000000;"|[[Settings]]
 
| 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;"|
 
| style="text-align: center; background-color: #FF5733;"|
 
| style="text-align: center; background-color: #000000;"|
 
| style="text-align: center; background-color: #000000;"|
 
  
  
 +
'''Mobile User Interface'''
 +
<imagemap>
 +
Image:mobileUI_openmenu1.jpg|center|Alt=Modile User Interface|
  
|}
+
rect 149 100 300 123 [[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 310 90 399 115 [[Top_center_mobile]]
 +
rect 410 79 591 110 [[Top_right_mobile]]
 +
rect 546 283 609 330 [[Bottom_right_mobile]]
 +
</imagemap>
 +
<br>
 +
<imagemap>
 +
image:mobileUI_menu2.jpg|right
 +
rect 86 133 146 196 [[Bottom_right_mobile#Messages]]
 +
rect 150 133 210 196 [[Bottom_right_mobile#Expeditions]]
 +
rect 214 133 274 196 [[Bottom_right_mobile#Guild]]
 +
rect 278 133 338 196 [[Bottom_right_mobile#Great_Buldings]]
 +
rect 342 133 410 196 [[Bottom_right_mobile#Social_bar]]
 +
</imagemap>
  
== Mobile Interface: ==
+
''Clicking on each icon will redirect you to the appropriate article.''
[[file:interface_app.jpg|700px|center]]
 
''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;"|
 
 
 
 
 
 
 
|}
 

Latest revision as of 18:06, 19 April 2018


Introduction

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

Desktop User Interface

The Universe#Quest GiversDaily ChallengesEvents and QuestlinesCollect AllTop leftTop rightMessaging and Chat#ChatStatus bar desktopMain toolbarSettingsSocial BarDiamondsOfferForge Points BarDesktopUI newx.png
About this image



Mobile User Interface

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 mobileBottom 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.