Mobile Development: Week 4 E-Portfolio - UI Design Views Project

This E-Portfolio assignment focuses on designing User Interfaces (UIs) with various views, crucial for mobile application development. The assignment analyzes different UI views, including TextView, Button, ImageButton, EditText, Checkbox, ToggleButton, RadioButton, and RadioGroup, which are fundamental for creating interactive user interfaces. It also covers advanced views like progress bars, ListViews, Spinners, specialized fragments, list fragments, dialogue fragments, and preference fragments, showcasing how these elements can be incorporated to enhance UI design. The assignment includes a summary of the weekly topic, detailing the functionalities and applications of these views. Additionally, it provides a list of relevant resources, such as YouTube videos from Google Developers on effective UI design for VR, articles from Apple on UI design best practices, and presentations from universities. These resources offer insights into designing user-friendly and efficient interfaces. The assignment concludes with a comprehensive list of references, citing sources such as university lectures and articles from industry leaders like Apple and Google, providing a solid foundation for understanding and implementing UI design principles.

Running head: E-PORTFOLIO
E-PORTFOLIO: Week 4Designing UI’s with Views
Name of the Student:
Student ID:
Name of the University:

1E-PORTFOLIO
Summary of Weekly Topic
The study of week 4 shows the analysis of various views of UI designs along with
functions for toggling the views as convenient. The basic view includes TextView, Button,
ImageButton, EditText, Checkbox, ToggleButton, RadioButton, and RadioGroup. The progress
bar view can indicate the progress of the ongoing background tasks. The list view, spinner view,
specialized fragments, list fragments, dialogue fragments, and preference fragments are helpful
for designing the UI with specific views.
Resources
1. https://www.youtube.com/watch?v=ES9jArHRFHQ
2. https://developer.apple.com/design/tips/
3. http://theomandel.com/wp-content/uploads/2012/07/Mandel-GoldenRules.pdf
4. https://cs.uwaterloo.ca/~lank/CS349/W13/lectures/11.pdf
5. https://www.sintef.no/globalassets/project/ubicompforall/presentations/android--building-user-
interfaces.pdf
Resources Description
1. The resource is a YouTube video and it has been uploaded by Google Developers. The video
depicts the use effective UI designing for VR using Google I/O ‘17. The use of VR would be
helpful for developing the nature of scenes in two dimensional ways for viewing and interacting
with the users.

2E-PORTFOLIO
2. The resource is a blog formed by Apple for helping in improved designing of user interfaces
and designing. The formatting of the contents, touch controls, text size, contrasting, spacing,
high resolution, alignment, and distortion are the factors of developing the effective user
Interface.
3. The resource is an article that depicts some rules for making the design of the User Interface
for Applications. The rules for the designing of the application user design are place users in
control of the interface, reduce users’ memory load, and make the user interface consistent.
4. The resource is a PowerPoint presentation for the model view controller for analysing the user
interface design of the applications.
5. The resource is a PowerPoint presentation that develops the overview of building user
interfaces by the help of workshop activities.

3E-PORTFOLIO
References
Cs.uwaterloo.ca 2013, ‘Model-View-Controller’, uwaterloo.ca, 1-14 [online] Available at:
https://cs.uwaterloo.ca/~lank/CS349/W13/lectures/11.pdf [Accessed 5 Oct. 2017].
Developer.apple.com 2017, ‘UI Design Do's and Don'ts - Apple Developer’, Apple.com, [online]
Available at: https://developer.apple.com/design/tips/ [Accessed 5 Oct. 2017].
Google developers, 2017, ‘Designing Screen Interfaces for VR (Google I/O '17)’, YouTube.com,
[online] Available at: https://www.youtube.com/watch?v=ES9jArHRFHQ [Accessed 5 Oct.
2017].
Mandel, T. 2017, ‘Chapter 5 The Golden Rules of User Interface Design’, John Wiley & Sons,
[online] Available at: http://theomandel.com/wp-content/uploads/2012/07/Mandel-
GoldenRules.pdf [Accessed 5 Oct. 2017].
Stav, E. 2017, ‘Android building user interfaces’, Sintef, [online] Available at:
https://www.sintef.no/globalassets/project/ubicompforall/presentations/android--building-user-
interfaces.pdf [Accessed 5 Oct. 2017].