hyenalab’s mobile app design pointers
TRANSCRIPT
-
8/8/2019 HyenaLabs Mobile App Design Pointers
1/21
(1)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
HyenaLabs Mobile app design
pointers.
Quick, quality and economical UX solutions
-
8/8/2019 HyenaLabs Mobile App Design Pointers
2/21
(2)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
ContentsExecutive Summary ....................................................................................................................................... 3
Human Computer Interaction ....................................................................................................................... 3
HCI Convergence of HCI towards Mobile devices .................................................................................. 3
User Expectations form the Mobile Devices ............................................................................................. 3
Factors promoting Mobile devices services popularity ................................................................................ 4
HCI is evolving ............................................................................................................................................... 5
User Experience on Handheld devices .......................................................................................................... 5
Overview ..................................................................................................................................................... 5
Interaction Design .......................................................................................................................................... 6
Interaction design areas............................................................................................................................ 6
CONTEXT IS EVERYTHING - When you lose context you lose everything.............................................. 6
Interaction design Insights for Handheld devices ..................................................................................... 6
Information Architecture .......................................................................................................................... 8
Some insights for IA design for mobile devices ........................................................................................ 8
Visual Design ........................................................................................................................................... 13
Different types of handheld devices ........................................................................................................... 15Mobile devices Design guidelines for better User Experience ................................................................... 17
Ideas for Handheld device design ........................................................................................................... 17
User Experience design considerations for senior citizens ................................................................. 20
-
8/8/2019 HyenaLabs Mobile App Design Pointers
3/21
(3)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Executive Summary
Handheld devices are common today. They have become our constant companion. Mobile device arealways with us i.e. Travelling to office, in office, in park, in malls. What is making them eligible to stay
close? We are looking for similar answers in below sections & Mobile device design for good user
experience to make our lives comfortable.
The time span for which we live with Mobile devices is going to be larger sometimes more as compared
to our loved ones. Close proximity of mobile devices suggests us to design a good user experience with
them. Users are expecting small internet experience on mobile phones. To provide rich internet type of
experience on mobile devices needs UX expertise & common sense. The hand held device interface is an
interaction area overlapped by User activity, environment & culture. The roots of user experience on
handheld devices are deeper than what we think. In this paper, we would try to explore the different
aspects, future, design guidelines for hand held devices.
Human Computer Interaction
HCIConvergence of HCI towards Mobile devices
Most of us have heard about HCI, for the readers who are new to HCI the question comes to them, What
is HCI?
Human-computer interaction is a discipline concerned with the design, evaluation and implementation
of interactive computing systems for human use and with the study of major phenomena surrounding
them."
HCI focuses to improve the interaction between users & the computers to make computers more
receptive towards user needs. The computers are shrinking themselves into mobile devices now days
due to the growth of embedded operating systems. There are many other factors which is making this
convergence at a fast pace. Now the question is should we fear this convergence, as we cannot match
the internet richness on the Mobile devices. I suggest we should welcome the transition with a warm
heart & user UX skills to design usable, user friendly devices that makes the target audiences happier.
User Expectations form the Mobile Devices
Mobile devices are supporting multiple services for users. They help users do many things other than
receiving & making calls from them. As per user survey, 21% of the users want to browse the internet &
13% users are keen to share content on their mobile devices.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
4/21
(4)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Source: Mobile Entertainment Platforms and Services, a survey of 2,112 Internet users
Factors promoting Mobile devices services popularityTechnology is helping Mobile devices to evolve at a faster rate. Businesses are keen to provide Industry
specific services for customers to win their loyalty & develop business edge. Below are some of the
factors, which are making the mobile services more prominent.
IT & Software majors like Google, Microsoft, Symbian, Qualcomm, Montavista software, SavaJe,
are actively entering into Embedded Operating system. Microsoft with Embedded Standard
2009, Google with Android, Simian OS, iPhone OS, Palm OS are fueling the Mobile device
services market.
Mobile phone penetration is increasing rapidly, as per Portio Research; a market-research firm
global mobile penetration will reach 75% by 2011.The mobile users will be seeking mobile-
based services.
The convergence of internet and mobile phones creates the mobile internet, which in fact
provides the user with extended possibilities in the mobile communication.
WAP (Wireless application protocol) is growing supporting developers of mobile, interactive
data services for the GSM (Global System for Mobile Communication). All contemporary mobile
application rely on WAP.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
5/21
-
8/8/2019 HyenaLabs Mobile App Design Pointers
6/21
(6)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
1. Interaction Design
2. Information Architecture &
3. Visual design
Interaction Design
Interaction design is the science of defining the behaviors of products & applications a user interacts.
Interaction design revolves around softwares, mobile devices & electronic devices. Interaction
designers work on the work flow of new applications, they perform task flow analysis & improves the
interaction with the applications.
Interaction design areas
The aspects of Interaction are important when we go for Mobile devices. Studies suggest mobile devices
are used for a particular context of significant importance surrounded by environmental distractions.
Interaction for handheld devices can be summed in few words.
CONTEXT IS EVERYTHING - When you lose context you lose everything
The user accompanies mobile devices everywhere. To parties, travelling, office, movies. Mobile devices
are inseparable from users. On other hand desktops cannot be taken everywhere so easily, techno-
logical advancement like laptops are only taken to meetings & work places or when we travel for a
business trip.
The hand held device is also surrounded in different context like connection type, carrier provider
policies, type of device from feature to functionality. The interface of the device acts as the layer onwhich user & his context meets for a purpose. We are at the brink of providing a mini Web experience to
mobile phone users. The opportunity looks dormant, we will engage the customers at any time any
place, and the business value implications are immense.
Interaction design Insights for Handheld devices
Interaction design for hand held devices is a bit different in comparison with computers. Let us explore
the differences.
Processing capacity of the handheld device will have a limited impact on the performance
The mobile phones will use the resources from different servers/applications & display the results
on the phone. Mobile phone can become a remote control for smart environments, and serve
functions including personal identity, wallet, ticket, entrance key, activator and personal display.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
7/21
(7)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Hand held devices will make Find ability easier
Mobile phones are inseparable from us now. GPRS, RFID, Location tagging on Google maps will
encourage the users to become aware about the surroundings with ease. Some smaller companies
help you to locate your friends on a map. Find ability will become easier with mobile phones.
Mobile interactions are small steps of the big user goals
Finding the PNR status of the railway ticket through mobile phones, while boarding the waiting list
ticket is a small step helping the user to make his train journey comfortable. Mobile devices will help
the end users in making their life simple by taking simple steps.
Mobile interaction will extend beyond the device
Users can fill a form on the personal computer on the internet & they can see the same information
updated on their cell phones. If the flight is delayed, a SMS comes in their cell phone to inform
them.
Mobile as continuous companions will open new experiences of different intensities
Mobile phone gaming have come a big way from the beginning dots to bricks arrangement, the
games have matured to provide respectable graphics & videos on the cell phones. This particular
area is going to mature & move towards a great user experience in entertainment perspective
through mobile devices. Today iPods, MP3 players are one-step ahead for a great user experience.
Silence will be respected by Mobile devices
As continuous companions of users, mobile phones have to respect the privacy & Zen of users. We
cannot design the interaction of the mobile devices that makes them noisy, they should avoid
http://bp0.blogger.com/_sjKcaOKDhLQ/R9aY8tUiClI/AAAAAAAAAXA/tfiCkIiamL8/s1600-h/irctc.bmp -
8/8/2019 HyenaLabs Mobile App Design Pointers
8/21
(8)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
disturbing the user unnecessarily & they needs to keep the user focus when it is very important like
making a money transaction through mobile phones.
Handheld devices ease of use is first bait.
To make a good handheld device it need to be easy in use. The interactions should only take thesteps that are most important, unnecessarily steps, data inputs should be completely removed.
Handheld device interactions are task oriented
Hand held devices are smaller & easily carried. The area of interaction is less for the users. The data
that can be displayed is also smaller. Content and activities must be desired & requested. This makes
the interactions task oriented; we cannot beat around the bush here. The contexts are chosen &
solution is provided to resolve that.
New mobile experiences compete with legacy user models
As mobile services expand, design must take into account customers' reliance on user models that
come from prior technologies. We still use the word "dial" to refer to using phones that no longer
have rotary dials, experiences using personal computers and landline telephones will shape initial
interaction design schemes on handheld devices.
Information Architecture
Information Architecture is the combination of organizing, labeling & navigation schemes within an
information system. Content, Context & users are the main areas of focus when we design the
information architecture of any applications. The content needs to be scaled down to the minimum for
Hand held device IA design. The filtering of content needs to be done, a minimum amount of content
has to be provided to the users. Least number of inputs by key strokes is asked from the users.
Some insights for IA design for mobile devices
Real estate price is too high in handheld devices
The real estate is less in hand held devices. We cannot even think of leaving this idea when moving
to the drawing board.
Less is more in Hand held devices
The text I in IA of Handheld devices is filtered
-
8/8/2019 HyenaLabs Mobile App Design Pointers
9/21
(9)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Information is of two basic types important & not important in context to a situation depending on
the scenario & requirement. The I in handheld devices needs to be small I instead of the Big I.
The alphabet I is taken as the symbol for INFORMATION here. The stress is use the minimum most
important information to play around handheld devices. Asking the users too many inputs is not a
good practice.
Iconic representation of information
Icons are clever way to say long words, after all a picture is worth thousand words. We all are
surrounded by icons everywhere. See the image below
Handheld devices need intuitive icons that are globally accepted to be effectively used with ease.
Effective Color combinations can increase the IA of Handheld devices
The focus now days are to provide smaller internet experience to users through hand held devices.
The users who are slowly moving towards this trend are well versed with internet technology &
personal computers. Taking advantage of this, in an effective manner design the IA in suitable
colors. Red text message on internet means some error happened either form your end or system
end. Green text message means the good news. Similar type of color combinations needs to be used
in handheld devices. As handheld devices are used in different locations like inside the house, near awater body, in deserts, in icy mountains etc. The intensity of light, falling on the screen will differ;
this has to be taken care by appropriate use of foreground & background color usage. If the device is
having only two colors like light background & a dark text color then what to do. Here the learnings
can be taken from earlier non color phones, the way they used to present information focusing on
the important information. I.e. making the not read SMS bold & read SMS normal text size.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
10/21
(10)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Increasing the User Experience on Black & White screens
To provide the basic service to the lower societal pyramid of the people, companies made products
that are affordable. A color handset will obviously cost a little more as compared to the non-color
one. In some cases, color screens may not be possible or not required, as the utility does not suggest
so. To give a better User Experience on non-color phones an effective strategy is to have a static
stunning image on the screen as the background. Illuminate it by LEDs on all the sides to make it
glow. Display the black text above the screen just placed on the image. Make sure the background
image is light enough to display the black text easily. To the user it will be like working on a color
screen.
Importance of intuitive Back button
-
8/8/2019 HyenaLabs Mobile App Design Pointers
11/21
(11)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
The users using the hand held devices are coming from an internet background, if not all most of them.
They are aware that clicking on back button will take them to the previous screen on the internet
however; the case is a bit different here. In case of internet, the previous page information is stored in
cache of the computer memory. Hand held device is not designed for such purposes, as there is memory
space constraint. Upfront Demarcation of the home link & the back button in handheld devices should
be used. Clicking on the home will take the user to the main screen & clicking the back button will take
the user to the previous menus.
Information Depth/Breadth balance
The small screens of mobile Internet devices, combined with the increasing complexity of mobile tasks,
create a serious obstacle to usability in the mobile Internet. The complexity of the tasks, the more the
number of steps the complex the task completion on mobile phones becomes. The depth of information
needs to be kept minimum, instead try to organize the information in a breadth wise structure.
Circular Key controls Design
The data available on the hand held devices needs to be modified, written, played etc. To
accomplish this intuitive & easy keys are required. On the main screen, mostly use of icons is done.
The beauty of circular keys is that with one key press you can reach to different section depending
on your choice.
Horizontal layout is dangerous on main page
If the main sections are more & there is a Circular Key available in the hand held device then the
best approach is to go for icons. The above approach is appropriate if the only medium for selection
is key pads not any stylus/touch screens. Use appropriate icons & displays the name of each icon as
the user scrolls through them on top of the screen. In this way, we can represent information easily.
Change the color of the text & some areas as the user scrolls through the icons. The color change
will grab the user attention towards the name of the section & he can select it properly.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
12/21
(12)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Good to have on main page A bit difficult main page if touch screen/stylus is
not present
Consistency in Handheld device design
Companies usually come up with new models year after year to meet the growing exceptions of the
users & market competition. As the company succeeds to sell more of the devices, it should try to
achieve consistency in the new designs in terms of labeling & navigation. Most of the cases due to
brand loyalty & popularity users upgrade the handheld device from the same manufacture. Consider
the case if the manufacture changes the keypad keys & some here & there modifications in
navigation scheme. Usability test shows the slower rate of task completion in these new handheld
upgrades from the familiar brand users. Maintaining the basic consistency standards will not harm
the company much but gain user trust & confidence in the process of usage.
Lower the rate of screen refresh by horizontal placing of content
It is very important to lower the number of screen refreshes by using intuitive navigation schemes.
If screen refreshes while the user is working on the screen he loses the context, as the screen is
small to visually attach to his mental model in order to remember.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
13/21
(13)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Visual Design
Visual implications are more as the handheld device screen is first seen by the user eyes & then the
users respond to them. The web pages are now days available on the mobile phones. To make the
web pages accessible on the mobile phones we need to take certain creative steps.
Include Handheld CSS
A web page needs to have three different style sheets incorporated to have a good visual representation
to the users. The three types of the CSS required are
1. Screen CSS ( Display on the computer screens)
2. Print CSS (To get the best print)
3. Hand held CSS (To display the page on hand held devices)
Important things to consider if the page is considered for handheld devices. Omitting the below things
will make the page easily accessible
images that are not legible below 160x320 resolution
advertising - especially graphical and flash-based
JavaScript - most phones don't handle JavaScript well, so it's a good idea to not display those
sections of your site
Large logos and navigation found at the top of the page
Avoid frames, pop ups & flash
Pop up & flash will make the page heavy on the handheld devices & may not load. Remove them or hide
them.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
14/21
(14)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Alt text is not an alternative
Including alternative text for the images will make the page accessible.
Color dependency is not fruitful here
Do not rely on color, some of the hand held devices on which your design will run may be black & white.
External environment screen design
The screen of the handheld device is small so the text displayed will be small. The device will be used in
different environments as sunny, rainy etc the visual display of the content should be in such a way that
it suits & makes the user read the content easily. The glare of the sun should not affect the visibility of
the content. The screen should be able to work well without any distortions in multiple weather
conditions.
Font color
The font colors used are in different variations today. Research suggests that black color on white
background is more readable for display media. Option to change the skin is should be given to the user
in case he is not comfortable with the display color settings.
Font style
The font size used purely depends on the target audiences. If the target audience is young people we
can go for a lower style size, Arial is the text, which is accepted by research to be easily readable by
users without any visual distortions. Large font size is suggested if the device is intended for senior
citizens as their visual & spatial abilities decrease as the age passes.
http://images.google.co.in/imgres?imgurl=http://socialsciences.people.hawaii.edu/images/people.jpg&imgrefurl=http://www.globallifeenterprises.com/home6.html&h=318&w=539&sz=52&hl=en&start=14&usg=__AsdW8ubLLDDHU8BHKMCwMt3U82M=&tbnid=ir6yUrawbi3hcM:&tbnh=78&tbnw=132&prev=/images?q=diverse+users+group+age&gbv=2&hl=enhttp://images.google.co.in/imgres?imgurl=http://www.kent.police.uk/Advice/Young%20people/pics/Group%20of%20four.jpg&imgrefurl=http://www.kent.police.uk/Advice/Young%20people/LGB%20young%20people/LGB%20young%20people.html&h=350&w=350&sz=31&hl=en&start=1&usg=__x6WMcrP2rxcizy_ETz_MtaA473I=&tbnid=IOQLCygHnZaffM:&tbnh=120&tbnw=120&prev=/images?q=young+people&gbv=2&hl=enhttp://images.google.co.in/imgres?imgurl=http://www.sloughseniors.org/Images/seniors_walking.jpg&imgrefurl=http://www.sloughseniors.org/&h=344&w=311&sz=28&hl=en&start=4&usg=__s9xM4g9brzUGvdtYqiNWFtoBAng=&tbnid=eFcB_F-VL2gIVM:&tbnh=120&tbnw=108&prev=/images?q=visibility+of+senior+citizens&gbv=2&hl=en -
8/8/2019 HyenaLabs Mobile App Design Pointers
15/21
(15)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Different types of handheld devicesA handheld device is a pocket size-computing device with a key pad/touch to enter the information & a
screen to display the information to the user. Multiple types of devices are available in the market
today. Let us go through them in some detail.
Picture of Device Name Users & Use Features
PDA Personal Digital
Assistance
Used by business
people & frequent
travelers
Can be used as mobile
phones, web browsers,
portable media devices
Touch screen, Access
intranet via Wireless
Wide Area
Network(WWAN) &
Wi-Fi
Smart phones it is an
advanced phone with
e-mail and Internet
capabilities, and/or a
full keyboard.
It has an operating
system running on it.
Business class & upper
pyramid people
Customized
Applications can be
made to run on it.
Checking e-mails,
browsers etc.
Touch screen, built in
cameras, internet
EDA Enterprise
digital assistance. Also
named as Data capture
mobile devices, Batch
terminals or handheld
portables
Extensive usage for
Small to Medium
enterprises
Used in warehouse
management,
inventory control &
field services to name
a few.
Touch Screen, IrDA,
Bluetooth, a Memory
card slot & one or
more data capture
devices.
http://images.google.co.in/imgres?imgurl=http://www.techshout.com/images/moto-symbol.jpg&imgrefurl=http://www.techshout.com/gadgets/2007/16/motorola-stall-at-techmela-2007-showcases-the-latest-in-windows-mobile-technologies/&h=621&w=450&sz=41&hl=en&start=14&usg=__C51E7JPz5Z8LIhBaMMAciasJ4sk=&tbnid=81PLiUGeW9YjkM:&tbnh=136&tbnw=99&prev=/images?q=EDA+enterprise+digital+assistant&gbv=2&hl=enhttp://en.wikipedia.org/wiki/Image:Motorola_Q_1.jpghttp://en.wikipedia.org/wiki/Image:Apple_Newton_MP100.jpg -
8/8/2019 HyenaLabs Mobile App Design Pointers
16/21
(16)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Palmtop/handheld PC Business users
Calendar meeting
organizers.
Use Rom, screen
resolution 480 x 240,
KEYBOARD,PC card
slot, IrDA, USB &
wireless connectivity
Graphing calculators
Are type of advanced
calculators
Scientists & research
teams
Capable of plotting
graphs, solving
simultaneous
equations &
performing other
numerous tasks with
variables
Screen, Calculator
functions on the
keyboard
Mobile phones
Specially made to
have minimum
features like calls, SMS,
some pictures etc
Majority of the mobile
users
Calling & receiving
voice calls, SMS, crude
images via sms,
listening to music
Screen, keypad,
speakers
Satellite phones Armed forced
Used to communicate
in difficult terrains
Key pad, small screen,
Extensible antenna
http://images.google.co.in/imgres?imgurl=http://www.digitalworldtokyo.com/entryimages/2007/05/070504_satellite_phone.jpg&imgrefurl=http://www.digitalworldtokyo.com/index.php/digital_tokyo/articles/ordinary_cellphones_to_make_satellite_calls_to_japans_50m_dish_in_the_sky/&h=446&w=500&sz=22&hl=en&start=21&usg=__ubcqUcCK0cnEbWR1JtLC9WBPKfY=&tbnid=dzdjAIs6CAGWDM:&tbnh=116&tbnw=130&prev=/images?q=satellite+phone&start=20&gbv=2&ndsp=20&hl=en&sa=Nhttp://en.wikipedia.org/wiki/Image:HPIM2605.jpghttp://images.google.co.in/imgres?imgurl=http://regmedia.co.uk/2007/06/07/atari_portfolio_1.jpg&imgrefurl=http://www.reghardware.co.uk/2007/06/07/forgotten_tech_atari_portfolio/&h=302&w=310&sz=37&hl=en&start=5&usg=__6vbsZFQBJPGp395KkdQSPI0R3UM=&tbnid=uOHQTwYzHQ5ykM:&tbnh=114&tbnw=117&prev=/images?q=palmtop&gbv=2&hl=en -
8/8/2019 HyenaLabs Mobile App Design Pointers
17/21
(17)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Mobile devices Design guidelines for better User ExperienceMobile phones are becoming continuous companions of ours. We carry them in most of all the places
we travel. Proximity mostly causes problems is a common saying if the rules of privacy & peace not
followed .The focus today is to design handheld devices which do not disturb you unnecessarily & help
to complete user goals.
Market is full of many companies providing the hand held devices, awareness levels of users is high
thanks to the community blogs, consumer report portals, mouth shut etc which is making easier to
share the users product experiences with the help of internet technology. Users are able to rate the
product according to different parameters depending on product category. Prospective product users
make decisions based on this information. After all users are rating the product based on their user
experience with the product. If we raise the bar for user experience then obviously the product will be
good rated, this good rating will invite more users to buy it & act as a catalyst in business growth.
Let us peek into some of the user experience best practices, which I came across my work to follow
through. The thick lines for hand held devices design is different, when the scope is well understoodthen only a good handheld device can be designed.
Ideas for Handheld device design
Involve the end users
Handheld devices are user centric, a girly mobile phone, a PDA for an executive, a MP3 player for young
college students, a satellite phone for soldiers etc. It is advisable to involve the end users in the design of
the devices. Understand the user needs, get to know their mental model when they are using the
device, have a look at the social factors that are making him to work on the device. Depending on the
ethnography of the users, their experience expectations may vary largely. It is necessary to adopt an
application development strategy in which the intended target group is 100% involved right from the
beginning.
KISS me often
Keep it simple & simple a slight deviation from the standard saying Keep it simple & stupid is well
suited in handheld device design. We are not interested to make the hand held devices stupid after all
they are our continuous companions. The type of company a man keeps tells a lot about him. Hide the
complexity of the devices, show it only when the user is making use of it. Sliding phones, flip phones aremade to hide the inherent complexity of the mobile devices.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
18/21
(18)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Slide phone to hide the key pad Flexible antenna to fold when not in use
Less is more in hand held devices
Reduce to the maximum when we are going to design content/tasks for the hand held devices.
Minimum number of key inputs in all the cases is advisable as the key board is small. Provide the most
necessary options and functionalities. Instead of quantity, the quality of the presented information is
much more important here.
Personalized & Bookmarked
Users are used to personalized services on the internet; they are even looking the same flavor on mobile
devices. A personalized message makes them more comfortable while performing the tasks.
Giving them the flexibility to personalize the information they will see, bookmarking help the user to
find the preferred services faster.
Local scope
While the user is working on the application, he is interested to solve a particular problem. To solve
those problems he needs certain data & services in one place. Completely avoid changing the screen for
each step. Make the user perform many tasks on one screen. Disable some of the keys to help him type
only numbers etc. Evidently, the option to change the local scope should be readily available to him.
Name is auspicious
Naming of different sections should reflect the type of data & services provided in sync. The name needs
to be suggestive in nature. Conflicting terminology should be avoided in all cases. Popular accepted
naming conventions adopted will make an easy to use device. Consider the below case of conflicting
icons to illustrate the importance of naming. Below both is home however, people who are not much
aware about the houses of colder region people may not recognize the igloo. So I stress the idea Name
is auspicious to navigate the users to complete tasks easily.
http://images.google.co.in/imgres?imgurl=http://www.chopperscycle.com/motorcycleparts/images/BT89.jpg&imgrefurl=http://www.chopperscycle.com/motorcycleparts/product_info.php/products_id/2412&h=292&w=267&sz=4&hl=en&start=26&usg=__m8VPjwgnozFwMlFkUitpogsjFms=&tbnid=45GuUY1i1ggXqM:&tbnh=115&tbnw=105&prev=/images?q=flexible+antennas+satellite+phone&start=20&gbv=2&ndsp=20&hl=en&sa=Nhttp://images.google.co.in/imgres?imgurl=http://www.tech2.com/media/images/2007/Oct/img_27951_img_5428_samsung-sgh-e250-9.jpg&imgrefurl=http://www.tech2.com/india/topstuff/multimedia/four-a2dp-phones-under-rs.-7500/18581/0&h=768&w=1024&sz=37&hl=en&start=10&usg=__WxFFcDi9G5N3BHmBCEw_N_9tQns=&tbnid=Bz63V8k8Q4c70M:&tbnh=113&tbnw=150&prev=/images?q=samsung+e-250&gbv=2&hl=en -
8/8/2019 HyenaLabs Mobile App Design Pointers
19/21
(19)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Icon can be used for home section Avoid this icon for home section
Intuitive navigation
There is less interaction as compared to stationary internet, on mobile devices. The navigation used here
needs to be transparent & simple. The user should know from where he is coming, where he is now &
where he can go from there.
Scrolling is better than clicking!
Usability studies on mobile devices shows that the users prefer scrolling through a general list compared
to clicking on a serial list. There should not be more than seven items in a list to give good navigation
choices in a list.
Least text input
Typing a lot of text in the screen for mobile devices is not advisable. User is not comfortable with the
small keypad to input the data. To type in a text has negative consequences concerning the usability and
should be avoided as much as possible.
Consistency
Thought the application use the same color links & identification icons. Home link should take the user
to the home page of the application always etc. The messages needs to be consistent, read sections if
shown in normal font should be same thought the application. Following these standards will not harm
the device in return, it will promote device usability. The keys need to be consistent in the design at
least in the type of labels & color used for different sections. A consistent keypad design in the later
versions of the mobiles from same manufacture leads to higher usability when people upgrade their
mobile phones manufactured by the same company.
The keypad designs are not in harmony to use in consecutive new models by a particular company.
Hide the technology
A consumer is not interested which technology is included in order to use the handheld device. Pouring
the technical information to the end user is not at all suggested. Showing a small icon before the
application is Ok however taking the user to a movie what the technology can help the users to do is a
wage idea that should be dropped before it comes to the drawing board. Users focus primarily on
functionality and benefits of the system instead of technology standards.
Fast Task specific development
The task should be completed at a faster rate like checking the train status, passing the message,
sensing the area etc. Mobile devices have become specialized like checking the time-schedule of the
German Railway via WAP-mobile phone, in case one wants to take a later train.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
20/21
(20)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Allow frequent tasks through shortcuts
To perform repetitive work in hand held devices it is best to include shot cuts. Remember the volume
increase & decrease keys at the sides of mobile phones. Option to set the setting for short cut keys is
also a good practice.
Informative feedback provision
Provide informative feedback as per the user action on the hand held device. If the user performs some
error then give informative feedback by sound signals or beeps. If color screen is provided then use
intuitive colors to display the feedback.
User Experience design considerations for senior citizens
Senior citizens are also using mobile devices. What is the basic design idea that needs to be taken care?
It is important we design the mobile devices for their use. The below features are very important in
senior citizen mobile phones.
Large keypad with prominent keys
Senior citizens hands are less active & not precise when they will punch in the numbers. Their
fingertips are large so the key should be big enough to exactly fit. Elder people visibility also gets a
little dim so a large key pad will help them to dial the numbers comfortably.
Bright Screen
The display of the screen needs to be bright as senior citizens vision deteriorates by age.
Loudspeaker phones
Hearing incompatibility of senior citizens can be handled well by providing loud speakers in the
mobile phones. I got this idea as I see my grandfather facing the same problem & not able to
converse with me on the cell phone easily.
Affordable design
Not all senior citizens are so lucky that their family members will give a mobile phone as a gift to
them. Senior citizens are on a limited income so the mobile phones needs to be affordable enough
for them.
-
8/8/2019 HyenaLabs Mobile App Design Pointers
21/21
(21)
HyenaLabss Mobile App design pointers
Proprietary and Confidential HyenaLabs
Mobile phone design is a different aspect in itself as it involves creativity, setting the mental model
for the users mindset. The content to include is less, a lot of filtering needs to be done for the same.
The most important content needs to be displayed upfront, users needs to make the minimum input
from the keypads. The context needs not be wiped form the users mind & so on. The above paper
can be good collections of design guidelines to see forth when designing handheld devices.
HyenaLabs
Email:[email protected]
Web site:http://www.hyenalabs.com
mailto:[email protected]:[email protected]:[email protected]://www.hyenalabs.com/http://www.hyenalabs.com/http://www.hyenalabs.com/http://www.hyenalabs.com/mailto:[email protected]