1.0 Storyboards
1.1 Task 1 :
1.1 Task 2 :
1.3 Task 3 :
2.0 Alternative Design (Crazy 8)
2.1 Naqib Azim - Main Page
2.2 Lio Kock Hock
2.3 Hisyamuddin
2.4 Ahmad Saifudin
2.5 Scan of voted design layouts
3.0 Wireframes
3.1 Justification of Design:
Consistency
The application follows the principle of consistency by combining payment, bill history
and feedback features into a single interface. The application's common actions and
interfaces make it easier for users to navigate and minimise the need to pick up new
interactions for various tasks.
Shortcuts
Frequent users who want information about their electricity usage are catered to by the
features that are included, such as statistical graphs and energy consumption tracking.
Experts can use these features as shortcuts to quickly access important data for making
decisions.
Informative Feedback
Informative feedback is given by notifying users of upcoming bills, due dates for payments,
and modifications to their billing information. This ensures that consumers are aware of
their financial responsibilities and enables them to make plans by keeping them updated
on important updates.
Dialogue
The application offers simple dialogues for sending comments, paying bills,
and receiving notifications. After finishing tasks, users get clear feedback,
which guarantees closure and trust in their interactions.
Error Handling
The application offers users clear error messages and guidance on how
to fix any problems they may have with payments or billing information.
This guarantees that users know what went wrong and how to fix it, which is in
line with the principle of simple error management.
Permit reversal of actions
The application enables users to simply undo actions or make necessary
corrections in the event of wrong bill payments or changes in billing information.
This follows the idea of simple reversal, enabling people to fix errors without
needless difficulty.
Support Internal Locus of Control
Users can keep an eye on and understand their electricity usage through
energy consumption tracking. Providing consumers with the ability to
control their consumption and make decisions to lower costs and lessen
their impact on the environment.
Reduce short-term memory load
By combining essential features into a single interface, the program
streamlines complicated interactions. It reduces users' short-term memory stress
by eliminating the need to memorise distinct locations or actions for operations
like making purchases or submitting feedback.
4.0 Description and justification of metaphors
Smiley Survey
The ‘Smiley Survey’ metaphor uses emoticons or smiley faces to gather user feedback or responses.
It is very simple and very effective to capture user sentiments or opinions. The reason is smiley
faces are universally known and require minimal effort to interpret. User can easily associate
different smiley faces with their emotions. The smiley faces can cover a range of emotions
such as a smiling face will represent satisfaction, while a slightly neutral or slightly sad face
could represent moderate dissatisfaction, allowing accurate feedback.
Checkmark
One simple and well-recognised metaphor for work achievement and confirmation is the use of a
"tick" to denote a completed activity. By including this checkmark in the interface design, the
application reduces confusion and emphasises the successful completion of operations like
bill payments, feedback submissions, and account adjustments by giving users immediate and
obvious visual feedback. The tick's ease of use and widespread use as a symbol of successfully
completed tasks.
Envelope
The Envelope metaphor is another simple and well-recognised metaphor to resemble something
important and should not be overlooked, such as monthly bills, annual reminders, etc. The
reason that the envelope metaphor is simple and yet it is well-recognised is due to people
perceiving it as something important such as monthly bills that are sent to the home in the
form of an envelope. Implementing it into the interface creates an emphasis on the bills so
that the user would think that the monthly bills given out to them are something important
thus, becoming a symbol of monthly bills in the interface. The widespread use of the envelope
metaphor is proven to help the user in completing a certain task which in this case is paying
their monthly bills and making sure that they are alert about it.
Printer
Similar to sending a document to a real printer for a hard copy, the printer metaphor in interface
design refers to the idea of delivering information to be processed or created. When applied to
digital interfaces, this metaphor enables users to comprehend and engage with operations
associated with information generation or output. When users, for example, click on a "Print"
icon or button, it indicates that they want to generate a physical or distributable output from the
digital environment, much like when they print a page. Using this metaphor makes it easier for
people to understand how to generate documents, reports, or any other type of output in the
digital realm.
Phone
By cleverly translating the features of a traditional phone into digital interactions, the phone metaphor
in interface design promotes an easy-to-use user experience. Clickable buttons or symbols replicate
the processes of making calls or accessing contacts by simulating common features such as dial pads,
phone handsets, and contact lists. Chat bubbles are a common feature of messaging interfaces,
which mimic the design of text messaging applications and make communication simple. Contacts
are arranged similarly to how a phone's contact book is, making communication and navigation quick.
Similar to incoming calls or messages, notifications demand quick attention and action. Furthermore,
functions like graphic voicemail mimic the way users are accustomed to handling audio messages.
Through the incorporation of these easily identifiable components and features from a physical
phone into virtual environments, the phone metaphor guarantees that users may easily and
Comments
Post a Comment