Rules for Creating Great UI Design in Mobile Games

What is the secret of designing mobile games? Everything a player can possibly need should be placed in one window: primary and secondary information, a nice header, tracery, and some art. The problem is that you will run out of the screen space with just the first thing. 

The main goal in designing a mobile game is to make sure that UI is really clear and easy to use.

Among other things, small detailed images don’t work at all. You can’t just take an image from a big browser game, shrink it, and put it into a mobile device screen.

  1. Information architecture and UI

Game designers often think that to solve a problem completely, all this information, all these actions should be crammed in one window.

But it’s not like that! If this happens, then, most likely, the user’s key task was misunderstood, and, as a result, it was incorrectly divided into subtasks. Working with such an interface, the user will have to do it every time on his/her own. And, believe me, this is how it will be. That’s the way the brain works. It has been tested and proven many times.

Bellow is a slide from Juggernaut Wars. The player has already chosen a character, examined his items in the opened window, and decided what to do next. And only after that, the player’s attention is focused on the single task — upgrading the item. To solve the task, the player is offered the most convenient tool.

1

When the game acquires certain information architecture and the key features turn into steps, it is necessary to pay attention to each window individually. It is important not only to present the information, but also to work on its perception. It is better to divide content into logical blocks unified by a common task.

For instance, in Juggernaut Wars, it is clearly shown that the level can be increased by pressing “+”. It is also clear that collecting items is linked directly to “promoting”, and the progress bar at the bottom may somehow affect the evolution. When all this is done, it seems that everything is logical and obvious. But there are many examples of interconnected interface elements being scattered throughout the window in complete disarray or being arranged in a way that makes using them inconvenient.

2

If you take care of it at the designing stage, the user will not have to worry about the laws of your game world. There will be no obstacles in the gameplay that stress the user.

These small details define the quality of the final product, and at the end you either get a loyal user or you don’t. Even the user can’t tell you why.

  1. Context help

Context help is OK, but the player only uses them as additional information. So, when working on the interface, we always remember to add images which will allow the player to quickly identify and remember our objects.

In general, the primary information involved in perception is the shapes and primary colors — red, blue, yellow, and green. Therefore, for the menu items to be easily found, processed and remembered, we make them look different. A good menu is the one that features clearly different and easily recognizable objects, for example, a brown backpack, a green book, a yellow cogwheel.

Object size, color and animation are not only important for fast searching and perception of information. They also help set priorities within the window. Obviously, a big bright or flickering button is important as it makes you focus and calls for action. It is important not to overdo it: It would be a big mistake to lead the player to the button which is not currently relevant or available. Let the window elements light up sequentially, leading the player with the flow of the game. It really helps to facilitate routine actions.

Context help is what a lazy user, who gradually gets used to the comfort, particularly appreciates.

Take Juggernaut Wars as an example.

3

In this case, we have written a brief but clear prompt on what gaming stats are about. With the “i” icon we let the player use this prompt on the spot, wherever characteristics are mentioned.

Another example of reminders is the red indicator that tells you what item you need right now. If you tap this item, you will be prompted who specifically needs it.

On the right, you can see the widget that reminds you why you entered the fight and how many resources you need to collect.

  1. Psychophysiology

Don’t forget that the users are different. Most players are right-handed, so the most frequently used elements should be positioned on the right, because otherwise, user would be forced to stretch his/her hand to the left side of the screen, then remove it to see what has changed on the right, then stretch again, and so on.

4

When designing a mobile game, please get acquainted with the Fitts’s Law (Paul Morris Fitts (1912–1965), an American psychologist, who, among other things, did experimental psychology at the University of Rochester).

Fitts’s law says that the time required for moving to any item is a function of the ratio between the distance to the item and the size of the item. It means that the closer and the bigger the target object is, the faster the user will process it.

For example, in Evolution: Battle for Utopia this law has a very specific gaming value. There is a special aiming mode, in which, if hitting the enemy’s small head, the player inflicts a critical hit puncturing the armor, and is rewarded with a fountain of enemy’s blood (i.e. the player is rewarded for aiming and hitting the less noticeable point).

5

The interface should always provide feedback for the user. Addressing it means that the user is waiting for a response. Pressing the button, the player should clearly understand what happens as a result. If the event doesn’t occur, it should be clear for what reason and what to do next. If a button is locked without any explanation, you confuse the user. Or you simply force the user to click on this button in the hope of getting a hint. The worst thing is when there is no hints. It turns out that the action just can’t be performed, period.

6

You should not display empty windows or areas that can potentially have letters, items, or anything else (but are empty at the moment); instead, explain what is happening. Just write something like “There is no new mail today.”

It is important to note that all of this is the tip of the iceberg. There are many approaches, and the number of opportunities to study user behavior increases with each passing day. We pay as much attention as possible to product convenience at all stages of its development, so we end up having a really great product.

The text is based on the report presented by our UX expert Olga Lisenko at White Nights 2016 in Saint Petersburg.

  • dffdds

    졸업증명서위조 paper588@hotmail.ⓒⓞⓜ 대학교졸업증명서위조○ paper588@hotmail.ⓒⓞⓜ ○통장위조○ paper588@hotmail.ⓒⓞⓜ ○

    서류에 관련된 모든 고민을 깔끔하게 해결해드립니다.

    업계 최고의 전문가 강팀장이 하는업체입니다.

    ○ paper588@hotmail.ⓒⓞⓜ ○

    아실만한분은 다 아실꺼라고 생각합니다. 리오더100%를 자랑합니다.

    이번에 저희 강팀장님이 팀을 확장했습니다. as ,증명서, 온라인, 등 좀더 차별화된 시스템으로
    더더욱 안전한 서비스를 해드리고있습니다.

    ○메일상담- paper588@hotmail.ⓒⓞⓜ ○(선제작,후결제)

    단순히 위조,변조가 아닌 정상적인 서류발급이라 해도 무방할정도의 실력으로 고객만족과 보안을 최우선시 하는 퍼펙트 강팀과

    함께 여러분들의 고민을 풀어보시길 바랍니다.

    §메일상담- paper588@hotmail.ⓒⓞⓜ §(선제작,후결제)

    발빠른 업데이트와 as는 물론이고 사용할때의 요령과 주의사항,

    돌발상황에 대한 대처법을 숙지시켜 드리며 한번 거래로 끝이아닌

    답답한일이 생길때마다 의지할수 있는 사후관리에 더 신경쓰는

    전문 상담,제작업체가 되겠습니다.(선제작,후결제)

    § 메일상담- paper588@hotmail.ⓒⓞⓜ §

    의뢰인의 대부분이 의뢰전 고민하시는 부분이 비용보다도 안전과 보안

    그리고 법적 불이익을 받게될지도 모른다는 불안등을 가지고 계신걸 잘 알고 있습니다.

    § 메일상담- paper588@hotmail.ⓒⓞⓜ §

    저희 퍼펙트강팀은 그런부분들까지도 세세한 배려와 적절한 대처방한까지

    메뉴얼화 해서 제공하고 있으니 걱정마시고 상담하시길 바랍니다.

    상담하는데 돈드는거 아니고 불이익 받는거 아닙니다.

    ▣ 메일상담- paper588@hotmail.ⓒⓞⓜ ▣

    움직이지않고 행동하지않는자,잃는것도 크지않겠지만 얻는것도 없습니다.

    지금 직면한 상황에 좌절하거나 낙담하지말고 적극적으로 움직여서

    위기를 기회로 만드시길 바랍니다.모두 건승하시길~

    ps.문의메일에 연락받으실 번호와 통화가능 시간을 적어주시면 더 신속한
    상담이 이루어 집니다.

    24시간 교대업무로 놓치는 시간없이 진행하오니 시간의 구애받지않고

    상담문의해주세요.새벽4시에도 답 메일 드립니다.

    ▣ 메일상담 paper588@hotmail.ⓒⓞⓜ ▣

    paper588@hotmail.ⓒⓞⓜ
    ■ #졸업장위조#jpt위조#각종신분증위조#주민등록증위조 paper588@hotmail.ⓒⓞⓜ
    ▣ 통장내역위조#잔액증명서위조#국제운전면허증위조#각종고지서위조#각종영수증위조
    ■ 초본위조#토플위조#텝스위조#혼인관계증명서위조#학위증명서위조#생활기록부위조#학생증위조
    ▣ 자격증위조#외국인등록증위조#인감위조#등본위조#가족관계증명서위조
    ■ 운전면허증위조#주민등록증위조#여권위조#토익위조#졸업증명서위조#성적증명서위조
    ▣ 졸업증명서제작#비자서류제작#가족관계증명서제작#
    ■ 대출서류제작 / 외국대학교졸업증명서제작 / 학력증명서제작 /
    ▣ 제적증명서제작 / 재직증명서제작 / 등기부등본제작 /
    ■ 통장거래내역제작 / 졸업증명서 제작 / 비자서류 제작 /
    ▣ 수능성적표 제작 / 고등학교졸업증명서 제작 / 운전면허증 제작 /
    ■ 주민등록증 제작 / 토익성적표 제작 / 운전면허제작 /
    ▣ 졸업장제작 / 수능성적제작 / 주민증제작 / 민증제작
    ▣ 건설사잔액증명위조 paper588@hotmail.ⓒⓞⓜ
    #건설사잔고증명위조# paper588@hotmail.ⓒⓞⓜ
    건설사잔액증명제작# paper588@hotmail.ⓒⓞⓜ
    건설사잔고증명제작 paper588@hotmail.com

    졸업증명서위조 = 성적증명서위조 = 생활기록부위조 = 최종학력증명서위조

    재학증명서위조 = 검정고시합격증위조 = 수능성적표위조 = 학생증위조

    주민등록증위조 = 운전면허증위조 = 국가기술자격증위조 = 학위증위조

    자동차등록증위조 = 외국인등록증위조 = 통장거래내역위조 = 토익성적위조

    토플위조 = 제적증명서위조 = 인감등본위조 = 인감도장제작 = 여권위조

    대출서류위조 = 납세증명서위조 = JPT.JLPT = 가족관계증명서위조

    혼인관계증명서위조 = 통화내역서위조 = 비자서류위조 = 근로소득원천징수

    재직증명서위조 = 번호판위조 = 병원진단서위조 = 경력증명서위조 = 처방전

    텝스위조=IELTS위조 ◐메일상담- paper588@hotmail.ⓒⓞⓜ◑

    졸업장위조등 사문서,공문서 원본과 구별 불가능하게 제작합니다

  • dffdds

    ㅊㅍ츄

  • Tatum Sabri

    졸업증명서위조 help7979@hotmail.com 대학교졸업증명서위조○ help7979@hotmail.com ○통장위조○help7979@hotmail.com ○

    서류에 관련된 모든 고민을 깔끔하게 해결해드립니다.

    업계 최고의 전문가 강팀장이 하는업체입니다.

    help7979@hotmail.com

    아실만한분은 다 아실꺼라고 생각합니다. 리오더100%를 자랑합니다.

    이번에 저희 강팀장님이 팀을 확장했습니다. as ,증명서, 온라인, 등 좀더 차별화된 시스템으로
    더더욱 안전한 서비스를 해드리고있습니다.

    ○메일상담- help7979@hotmail.com ○(선제작,후결제)

    단순히 위조,변조가 아닌 정상적인 서류발급이라 해도 무방할정도의 실력으로 고객만족과 보안을 최우선시 하는 퍼펙트 강팀과

    함께 여러분들의 고민을 풀어보시길 바랍니다.

    §메일상담- help7979@hotmail.com §(선제작,후결제)

    발빠른 업데이트와 as는 물론이고 사용할때의 요령과 주의사항,

    돌발상황에 대한 대처법을 숙지시켜 드리며 한번 거래로 끝이아닌

    답답한일이 생길때마다 의지할수 있는 사후관리에 더 신경쓰는

    전문 상담,제작업체가 되겠습니다.(선제작,후결제)

    § 메일상담- help7979@hotmail.com §

    의뢰인의 대부분이 의뢰전 고민하시는 부분이 비용보다도 안전과 보안

    그리고 법적 불이익을 받게될지도 모른다는 불안등을 가지고 계신걸 잘 알고 있습니다.

    § 메일상담- help7979@hotmail.com §

    저희 퍼펙트강팀은 그런부분들까지도 세세한 배려와 적절한 대처방한까지

    메뉴얼화 해서 제공하고 있으니 걱정마시고 상담하시길 바랍니다.

    상담하는데 돈드는거 아니고 불이익 받는거 아닙니다.

    ▣ 메일상담- help7979@hotmail.com

    움직이지않고 행동하지않는자,잃는것도 크지않겠지만 얻는것도 없습니다.

    지금 직면한 상황에 좌절하거나 낙담하지말고 적극적으로 움직여서

    위기를 기회로 만드시길 바랍니다.모두 건승하시길~

    ps.문의메일에 연락받으실 번호와 통화가능 시간을 적어주시면 더 신속한
    상담이 이루어 집니다.

    24시간 교대업무로 놓치는 시간없이 진행하오니 시간의 구애받지않고

    상담문의해주세요.새벽4시에도 답 메일 드립니다.

    ▣ 메일상담help7979@hotmail.com ▣

    help7979@hotmail.com
    ■ #졸업장위조#jpt위조#각종신분증위조#주민등록증위조 help7979@hotmail.com
    ▣ 통장내역위조#잔액증명서위조#국제운전면허증위조#각종고지서위조#각종영수증위조
    ■ 초본위조#토플위조#텝스위조#혼인관계증명서위조#학위증명서위조#생활기록부위조#학생증위조
    ▣ 자격증위조#외국인등록증위조#인감위조#등본위조#가족관계증명서위조
    ■ 운전면허증위조#주민등록증위조#여권위조#토익위조#졸업증명서위조#성적증명서위조
    ▣ 졸업증명서제작#비자서류제작#가족관계증명서제작#
    ■ 대출서류제작 / 외국대학교졸업증명서제작 / 학력증명서제작 /
    ▣ 제적증명서제작 / 재직증명서제작 / 등기부등본제작 /
    ■ 통장거래내역제작 / 졸업증명서 제작 / 비자서류 제작 /
    ▣ 수능성적표 제작 / 고등학교졸업증명서 제작 / 운전면허증 제작 /
    ■ 주민등록증 제작 / 토익성적표 제작 / 운전면허제작 /
    ▣ 졸업장제작 / 수능성적제작 / 주민증제작 / 민증제작
    ▣ 건설사잔액증명위조help7979@hotmail.com
    #건설사잔고증명위조# help7979@hotmail.com
    건설사잔액증명제작# help7979@hotmail.com
    건설사잔고증명제작 help7979@hotmail.com

    졸업증명서위조 = 성적증명서위조 = 생활기록부위조 = 최종학력증명서위조

    재학증명서위조 = 검정고시합격증위조 = 수능성적표위조 = 학생증위조

    주민등록증위조 = 운전면허증위조 = 국가기술자격증위조 = 학위증위조

    자동차등록증위조 = 외국인등록증위조 = 통장거래내역위조 = 토익성적위조

    토플위조 = 제적증명서위조 = 인감등본위조 = 인감도장제작 = 여권위조

    대출서류위조 = 납세증명서위조 = JPT.JLPT = 가족관계증명서위조

    혼인관계증명서위조 = 통화내역서위조 = 비자서류위조 = 근로소득원천징수

    재직증명서위조 = 번호판위조 = 병원진단서위조 = 경력증명서위조 = 처방전

    텝스위조=IELTS위조 ◐메일상담- help7979@hotmail.com

    졸업장위조등 사문서,공문서 원본과 구별 불가능하게 제작합니다 https://uploads.disquscdn.com/images/7b327635c7f051ed83cbef25ea35dece16b5893cb82467d1582aadef95508c99.jpg

  • Tatum Sabri

    wtetrt

    • Bellow is a slide from Juggernaut Wars. The player has already chosen a character, examined his items in the opened window, and decided what to do next. And only after that, the player’s attention is focused on the single task — upgrading the item. To solve the task, the player is offered the most convenient tool.

  • Rose Lilz

    Buy Passports,Id Cards(pvc), Driver Licenses,

    (http://www.purchase-real-and-fake-documents.com/) Visas, Resident Permit Cards, Green Cards, Passport Cards, Marijuana Cards, Check Counterfeiting(Check Washing), DBR forms, CRB checks(standard, enhanced and enhanced with list checks),Certified Management Accountant(CMA), Certified Meeting Professional(CMD),Certified Medical Dosimeter, Birth Certificates, College degrees,School Certificates,IELTS, TOEFL, ESOL and all Other English/French Language Certificates,Training Certificates, Attestations, Private Cards, Student Cards, Diplomas, SSN, Marriage Certificates, Credit Cards, Counterfeit Money, Clear Criminal Records And Many Other Documents For Sale.

    Buy Passports,Driver’s License,ID Cards,Refugee Cards,Visas,SSN,SSA,SIN,Green Cards,Fake Money, criminal records brureau checks, disclosure and barring services checks.We Also sale Chemicals Like SSD Automatic Solution For Cleaning Black Currency.We are the best producers of high quality fake/novelty documents, with over a billion documents circulating around the world.We offer only original high-quality passports,driver’s licenses,ID cards,birth certificates,stamps,visas,universities diplomas and other products.

    Buy genuine Training Certificates, GCSE, A-levels,High School, Diplomas, Certificates, GMAT, MCAT and LSAT Examination Certificates, School Degrees all in an entirely new name issued and registered in the school’s, institution’s, college or university’s database.

    We Produce Real registered IELTS, TOEFL, ESOL without you sitting for an exam. We are here to help you get your documents easily and save your precious years and time.Once you submit your information and do your payment, your Certificate will be produce and registered. you will be able to verify and see your result at https://ielts.britishcouncil.org/checkresults.aspx.

    We produce certificates for various language test world wide, including the ; IELTS, NEBOSH, TOEFL, TOEIC, CaMLA, EFSET, ECCE, ECPE, MELAB, MTELP, ESOL Test of Proficiency in Korean Korean Language Proficiency Test, Hanyu Shuiping Kaoshi (HSK), CNaVT, NT2, DELF, DALF, TNF, Deutsches Sprachdiplom Stufe I and II , TestDaf, NTD, CELI, CILS, PLIDA, Certificate Examinations in Polish as a Foreign Language, DELE, CELU, CELPE-Bras, CAPLE, TORFL, JLPT and NNS and The European Language Certificates (TELC)

    ALL INQUIRIES

    1).Real and Fake documents of all countries: passports@purchase-real-and-fake-documents.com

    2).Certificates and Diploma’s: diploma@purchase-real-and-fake-documents.com

    3).CHEMICAL FOR CLEANING BLACK DOLLAR,EURO,POUNDS:

    4).Invest in Gold: inquiry@purchase-real-and-fake-documents.com

    5).GENERAL INQUIRY: inquiry@purchase-real-and-fake-documents.com

    6).Call OR Text us: +15127940943

    7).WhatsApp us: +15127940943

    8).SKYPE ID: capsaladesmond2

    9).WEB SITE: http://www.purchase-real-and-fake-documents.com/

    10) YOUTUBE LINK: https://www.youtube.com/watch?v=oGbTw0wDsMw&feature=youtu.be

    11).Address: 255 sumer drive columbus OH, USA