Interface: Difference between revisions

From Forge of Empires - Wiki EN
Jump to navigation
No edit summary
No edit summary
 
(35 intermediate revisions by 3 users not shown)
Line 1: Line 1:


'''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
== '''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


'''Browser Interface:'''
'''Desktop User Interface'''
<br>
<imagemap>
Image:DesktopUI newx.png|center


{| style="width: 100%;"
rect 96 79 130 154 [[The_Universe#Quest_Givers]]
! style="text-align: center; font-weight: bold;" |
rect 97 157 131 196 [[Daily Challenges]]
! style="text-align: center; font-weight: bold;" |
rect 97 120 132 246 [[Events and Questlines]]
! style="text-align: center; font-weight: bold;" |
rect 97 200 133 296 [[Collect_All]]
! style="text-align: center; font-weight: bold;" |
rect 95 42 301 65 [[Top_left]]
! style="text-align: center; font-weight: bold;" |
rect 452 48 594 66 [[Top_right]]
! style="text-align: center; font-weight: bold;" |
rect 533 63 587 87 [[Messaging_and_Chat#Chat]]
! style="text-align: center; font-weight: bold;" |
rect 631 125 660 210 [[Status_bar_desktop]]
! style="text-align: center; font-weight: bold;" |
rect 98 311 207 368 [[Main_toolbar]]
! style="text-align: center; font-weight: bold;" |
rect 99 369 208 384 [[Settings]]
|-
rect 230 314 505 387 [[Social_Bar]]
| style="text-align: center; background-color: #fd0514;"|
rect 595 44 642 65 [[Diamonds]]
| style="text-align: center; background-color: #fd0514;"|[[Top left]]
rect 629 88 667 125 [[Offer]]
| style="text-align: center; background-color: #fd0514;"|
rect 338 39 416 76 [[Forge_Points_Bar]]
| style="text-align: center; background-color: #DEDFC3;"|
</imagemap>
| 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;"|[[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;"|[[Harvest]]
| 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;"|[[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>


 
''Clicking on each icon will redirect you to the appropriate article.''
Mobile Interface:
 
 
 
 
 
 
 
 
{| style="width: 100%;"
! style="text-align: center; font-weight: bold; background-color: #fd0514;" | Top left menu
! style="text-align: center; font-weight: bold; background-color:  #fd0514;" |
|-
| style="text-align: center; background-color: #fd0514;"| [[File:Interface city.PNG|link=town hall]] 
| style="text-align: center;" | The first item on the top left menu will show the name of your city. If you click on the name, you will enter the [[town hall]] where you can change the name if you want.
|-
|-
| style="text-align: center; background-color: #fd0514;"| [[File:Global Ranking.PNG|link=town hall]] 
| style="text-align: center;" | Next on the menu is your current ranking. If you click on the ranking you will enter the [[ranking menu]], where you can see where you and your guild rank among your competitors.
|-
|-
| style="text-align: center; background-color: #fd0514;"| [[File:Interface Population 1.PNG|link=town hall]] 
| style="text-align: center;" | The available population is shown next, and if you roll the mouse over it, it will display total as well as available population in your city.
|-
|-
| style="text-align: center; background-color: #fd0514;"| [[File:Interface happiness.PNG|link=town hall]] 
| style="text-align: center;" | The last icon on the top left menu display the current [[happiness]] status of your city. If you roll the mouse over it, you will get a more detailed information about the happiness and how it affects the productivity in your city.
|}
 
 
{| style="width: 100%;"
! style="text-align: center; font-weight: bold; background-color: #29A322;" | Main toolbar
! style="text-align: center; font-weight: bold; background-color: #29A322;" |
|-
| style="text-align: center; background-color: #29A322;"| [[File:Interface Bulding.PNG|link=]] 
| style="text-align: center;" | Clicking this button will activate the building menu. From [[The building menu]] you can build, move and sell all the buildings in your city and place expansions too.
|-
|-
| style="text-align: center; background-color: #29A322;"| [[File:Interface global.PNG|link=]] 
| style="text-align: center;" | From the global menu you can access the [[ranking menu]], The Guild menu, Guild Forum and Global forum
|-
|-
| style="text-align: center; background-color: #29A322;"| [[File:Interface research.PNG|link=]] 
| style="text-align: center;" | This is where you access the research menu
|-
|-
| style="text-align: center; background-color: #29A322;"| [[File:Interface continentmap.PNG|link=]] 
| style="text-align: center;" | This is where you can access the [[Campaign_Map]].
|-
|-
| style="text-align: center; background-color: #29A322;"| [[File:Interface army management.PNG|link=]] 
| style="text-align: center;" | Clicking this button will open the [[army management]] menu
|-
|-
| style="text-align: center; background-color:#29A322;"| [[File:Interface inventory.PNG|link=]] 
| style="text-align: center;" | Clicking this button will open the [[inventory menu]].
|-
|-
| style="text-align: center; background-color: #29A322;"| [[File:Interface Market.PNG|link=]] 
| style="text-align: center;" | This is where you access the market, where you can trade with your guild mates, neighbors and friends.
|-
|-
| style="text-align: center; background-color: #1BD30F;"| [[File:Interface messagecenter.PNG|link=]] 
| style="text-align: center;" | The last icon on the top left menu display the current [[happiness]] status of your city. If you roll the mouse over it, you will get a more detailed information about the happiness and how it affects the productivity in your city.
|-
|-
| style="text-align: center; background-color: #1BD30F;"| [[File:Interface GE.PNG|link=town hall]] 
| style="text-align: center;" | The last icon on the top left menu display the current [[happiness]] status of your city. If you roll the mouse over it, you will get a more detailed information about the happiness and how it affects the productivity in your city.
|-
|-
| style="text-align: center; background-color: #1BD30F;"| [[File:Interface GvG.PNG|link=Guild_vs_Guild]] 
| style="text-align: center;" |  Clicking this button will take you to the overview map of the [[Guild_vs_Guild]] continents.
|}

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



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

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