SlideShare a Scribd company logo
THE EXPERIENCE OF A STUDENT IN A WEBSITE
MASTER DEGREE PROJECT
NICOLA VAMPIRO
Facoltà di Informatica Sistemistica e Comunicazione
Corso di laurea magistrale in
Teoria e tecnologia della comunicazione
The new way of approaching the university for the student
1
The purpose of this project is to redesign the current secretary of the
university online Milano-Bicocca, to help the students creating a pla-
tform that tracks its history, everything he does during the academic
years, from the start until the end of their studies, and gives the oppor-
tunity for greater interaction and communication with other students,
teachers and university instructors.
It’s been adopted an innovative platform, developed by DISCO with Ce-
friel in which the user can perform all the functions of a service and do
all the social interactions (peer to peer and social) useful for the servi-
ce itself.
Project development
6
Three phases of the project:
        Experiential analysis of university and research on the campus Bicocca
Method development, requirements analysis and new features
 
Redesign solutions for the new interface
Campus university Research
What the students Bicocca do?
The experience of a student
in a website
Survey on student life and student questionnaire
60 STUDENTS 31 MALE E 29 FEMALE QUESTIONS
Registries
        Types of students?
       
Technological approach
The survey on student life on campus Bicocca want to analyze the conditions of life and study of
students and in particular on how students will approach to IT services that are offered.
The survey was conducted through questionnaires in which I asked how they live and how they use
the university computer services.
4
Questionnaire results
LIFE CONDITION
RESULTS
STUDY METHOD
Same number of commuters and off-site
 
        Little frequented the Bicocca’s distrinct
        Unsatisfied students during the operation of computer service of the online secretary
28 Commuter students 6 Resident students 26
25 15 10
Not-resident students
Studying alone or
with colleagues
Studying alone Studying with
colleagues
SEGRETERY ONLINE USE
26 18 6one or more times
for month
sometimes all the day
5
Development method and new features
How to satisfy the needs of students?
The experience of a student
in a website
Development method
Cosa fanno gli studenti Bicocca?
7
USER CENTERED DESIGN
8
From the moment the student starts the University begins its story that will be characteri-
zed by various stories and events. They can be bureaucratic events and properly related
to personal events
To perform its mission the secretary will have two main functions:
Bureaucratic capability
Social Functionality
The student will have control of all these events by implementing a timeline that lists all
the events available in time.
New features
NEW FEATURES
accademici
Interface solutions
Student-friendly UI
The experience of a student
in a website
The new interface of the Bicocca’s secretary
10
From the Career plan icon in the middle
section will open the edit and dedicated
page for the creation of the student's
career plan. Here is an example of inte-
raction with other students or professors in
which you can ask for help or just informa-
tion about the compilation.
You can interact through comments and
the conversation goes to climb down.
Interaction on a page of an academic service
11
PAGE OF A SERVICE
“CHANGE YOUR ACCADEMIC PLAN”
12
With this project I have tried to create a single platform that will include all
the digital systems that the University already provides, and that focuses on
the student and everything they need to live fully in the academic years...
Conclusion
Nicola Vampiro

More Related Content

Viewers also liked

Web design for business.ppt
Web design for business.pptWeb design for business.ppt
Web design for business.ppt
webhostingguy
 

Viewers also liked (6)

Mydearstudent
MydearstudentMydearstudent
Mydearstudent
 
Website Design Basics
Website Design BasicsWebsite Design Basics
Website Design Basics
 
Psychology of Website Design - Dr. Pamela Rutledge
Psychology of Website Design - Dr. Pamela RutledgePsychology of Website Design - Dr. Pamela Rutledge
Psychology of Website Design - Dr. Pamela Rutledge
 
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...
 
Interactive Bees: Website Design and Development Company Portfolio Delhi India
Interactive Bees: Website Design and Development Company Portfolio Delhi IndiaInteractive Bees: Website Design and Development Company Portfolio Delhi India
Interactive Bees: Website Design and Development Company Portfolio Delhi India
 
Web design for business.ppt
Web design for business.pptWeb design for business.ppt
Web design for business.ppt
 

Similar to A new approach for the students - User friendly UI

Updated instructional design resume
Updated instructional design resumeUpdated instructional design resume
Updated instructional design resume
mcline0006
 
Graduation project 63232
Graduation project 63232Graduation project 63232
Graduation project 63232
techprojects
 
Mobilizing Learning.
Mobilizing Learning.Mobilizing Learning.
Mobilizing Learning.
Roger Bateman
 
Emerging techppt copy
Emerging techppt copyEmerging techppt copy
Emerging techppt copy
jilllutz08
 

Similar to A new approach for the students - User friendly UI (20)

Assessing the Implementation of Authentic, Client-Facing Student Projects in ...
Assessing the Implementation of Authentic, Client-Facing Student Projects in ...Assessing the Implementation of Authentic, Client-Facing Student Projects in ...
Assessing the Implementation of Authentic, Client-Facing Student Projects in ...
 
Supporting educators as designers of complex blended learning scenarios: visu...
Supporting educators as designers of complex blended learning scenarios: visu...Supporting educators as designers of complex blended learning scenarios: visu...
Supporting educators as designers of complex blended learning scenarios: visu...
 
Updated instructional design resume
Updated instructional design resumeUpdated instructional design resume
Updated instructional design resume
 
CAAD and e-learning: a blended approach
CAAD and e-learning: a blended approachCAAD and e-learning: a blended approach
CAAD and e-learning: a blended approach
 
Geolocator4learning
Geolocator4learningGeolocator4learning
Geolocator4learning
 
Graduation project 63232
Graduation project 63232Graduation project 63232
Graduation project 63232
 
Mobilizing Learning.
Mobilizing Learning.Mobilizing Learning.
Mobilizing Learning.
 
The use of wiki as a learning tool by pre-service Primary Education teachers:...
The use of wiki as a learning tool by pre-service Primary Education teachers:...The use of wiki as a learning tool by pre-service Primary Education teachers:...
The use of wiki as a learning tool by pre-service Primary Education teachers:...
 
David W. Deeds: Flat Classroom Projects
David W. Deeds: Flat Classroom ProjectsDavid W. Deeds: Flat Classroom Projects
David W. Deeds: Flat Classroom Projects
 
Google UX Design Certificate - Sabonotes App Design Case Study Slide Deck
Google UX Design Certificate - Sabonotes App Design Case Study Slide DeckGoogle UX Design Certificate - Sabonotes App Design Case Study Slide Deck
Google UX Design Certificate - Sabonotes App Design Case Study Slide Deck
 
23 keys to organize a MOOC and to actually enjoy it
23 keys to organize a MOOC and to actually enjoy it23 keys to organize a MOOC and to actually enjoy it
23 keys to organize a MOOC and to actually enjoy it
 
List of Practices from Case Studies, by Indra Dedze
List of Practices from Case Studies, by Indra DedzeList of Practices from Case Studies, by Indra Dedze
List of Practices from Case Studies, by Indra Dedze
 
Learning and teaching experts meeting
Learning and teaching experts meetingLearning and teaching experts meeting
Learning and teaching experts meeting
 
10 innovative models & business models in education shared by turian labs
10 innovative models & business models in education shared by turian labs10 innovative models & business models in education shared by turian labs
10 innovative models & business models in education shared by turian labs
 
Adhyayan Online Platform
Adhyayan Online PlatformAdhyayan Online Platform
Adhyayan Online Platform
 
Emerging techppt copy
Emerging techppt copyEmerging techppt copy
Emerging techppt copy
 
Edulearn2019_Up2U_Presentation_G.Cibulskis_A.Urbaityte
Edulearn2019_Up2U_Presentation_G.Cibulskis_A.UrbaityteEdulearn2019_Up2U_Presentation_G.Cibulskis_A.Urbaityte
Edulearn2019_Up2U_Presentation_G.Cibulskis_A.Urbaityte
 
Digital capability webinar - 24 May 2016
Digital capability webinar - 24 May 2016Digital capability webinar - 24 May 2016
Digital capability webinar - 24 May 2016
 
Analysis Of University Websites
Analysis Of University WebsitesAnalysis Of University Websites
Analysis Of University Websites
 
Establishment of Educational Network among the Undergraduate with Mobile Appl...
Establishment of Educational Network among the Undergraduate with Mobile Appl...Establishment of Educational Network among the Undergraduate with Mobile Appl...
Establishment of Educational Network among the Undergraduate with Mobile Appl...
 

Recently uploaded

一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
aagad
 
Article writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptxArticle writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptx
abhinandnam9997
 

Recently uploaded (12)

The AI Powered Organization-Intro to AI-LAN.pdf
The AI Powered Organization-Intro to AI-LAN.pdfThe AI Powered Organization-Intro to AI-LAN.pdf
The AI Powered Organization-Intro to AI-LAN.pdf
 
1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...
 
The+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptxThe+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptx
 
The Use of AI in Indonesia Election 2024: A Case Study
The Use of AI in Indonesia Election 2024: A Case StudyThe Use of AI in Indonesia Election 2024: A Case Study
The Use of AI in Indonesia Election 2024: A Case Study
 
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shopHistory+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
 
How to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptxHow to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptx
 
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesMulti-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
 
The Best AI Powered Software - Intellivid AI Studio
The Best AI Powered Software - Intellivid AI StudioThe Best AI Powered Software - Intellivid AI Studio
The Best AI Powered Software - Intellivid AI Studio
 
ER(Entity Relationship) Diagram for online shopping - TAE
ER(Entity Relationship) Diagram for online shopping - TAEER(Entity Relationship) Diagram for online shopping - TAE
ER(Entity Relationship) Diagram for online shopping - TAE
 
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
 
Article writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptxArticle writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptx
 
Stay Ahead with 2024's Top Web Design Trends
Stay Ahead with 2024's Top Web Design TrendsStay Ahead with 2024's Top Web Design Trends
Stay Ahead with 2024's Top Web Design Trends
 

A new approach for the students - User friendly UI

  • 1. THE EXPERIENCE OF A STUDENT IN A WEBSITE MASTER DEGREE PROJECT NICOLA VAMPIRO Facoltà di Informatica Sistemistica e Comunicazione Corso di laurea magistrale in Teoria e tecnologia della comunicazione
  • 2. The new way of approaching the university for the student 1 The purpose of this project is to redesign the current secretary of the university online Milano-Bicocca, to help the students creating a pla- tform that tracks its history, everything he does during the academic years, from the start until the end of their studies, and gives the oppor- tunity for greater interaction and communication with other students, teachers and university instructors. It’s been adopted an innovative platform, developed by DISCO with Ce- friel in which the user can perform all the functions of a service and do all the social interactions (peer to peer and social) useful for the servi- ce itself.
  • 3. Project development 6 Three phases of the project:         Experiential analysis of university and research on the campus Bicocca Method development, requirements analysis and new features   Redesign solutions for the new interface
  • 4. Campus university Research What the students Bicocca do? The experience of a student in a website
  • 5. Survey on student life and student questionnaire 60 STUDENTS 31 MALE E 29 FEMALE QUESTIONS Registries         Types of students?         Technological approach The survey on student life on campus Bicocca want to analyze the conditions of life and study of students and in particular on how students will approach to IT services that are offered. The survey was conducted through questionnaires in which I asked how they live and how they use the university computer services. 4
  • 6. Questionnaire results LIFE CONDITION RESULTS STUDY METHOD Same number of commuters and off-site           Little frequented the Bicocca’s distrinct         Unsatisfied students during the operation of computer service of the online secretary 28 Commuter students 6 Resident students 26 25 15 10 Not-resident students Studying alone or with colleagues Studying alone Studying with colleagues SEGRETERY ONLINE USE 26 18 6one or more times for month sometimes all the day 5
  • 7. Development method and new features How to satisfy the needs of students? The experience of a student in a website
  • 8. Development method Cosa fanno gli studenti Bicocca? 7 USER CENTERED DESIGN
  • 9. 8 From the moment the student starts the University begins its story that will be characteri- zed by various stories and events. They can be bureaucratic events and properly related to personal events To perform its mission the secretary will have two main functions: Bureaucratic capability Social Functionality The student will have control of all these events by implementing a timeline that lists all the events available in time. New features NEW FEATURES accademici
  • 10. Interface solutions Student-friendly UI The experience of a student in a website
  • 11. The new interface of the Bicocca’s secretary 10
  • 12. From the Career plan icon in the middle section will open the edit and dedicated page for the creation of the student's career plan. Here is an example of inte- raction with other students or professors in which you can ask for help or just informa- tion about the compilation. You can interact through comments and the conversation goes to climb down. Interaction on a page of an academic service 11 PAGE OF A SERVICE “CHANGE YOUR ACCADEMIC PLAN”
  • 13. 12 With this project I have tried to create a single platform that will include all the digital systems that the University already provides, and that focuses on the student and everything they need to live fully in the academic years... Conclusion Nicola Vampiro