Interface: Difference between revisions

From Forge of Empires - Wiki EN
Jump to navigation
No edit summary
 
(13 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.''
 
 
{| 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;"|
|-
| 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
<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.