Upload
zweidesign
View
1.622
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
SD5509 Prototyping & Scripting
The Rental in Hong Kong# Project presentation
Team mumber- Tweety
- Bess Chow- Eva Wang Zhiwei
INTRODUCTION
PROJECT OBJECTIVE
TARGET USER
PROBLEMS
DESIGN CONCEPTS
TECHNOLOGY
Content
RATIONALE OF UI DESIGN
PROTOTYPING OF UI DESIGN
USE CASE DIAGRAM
SCRIPTING OF UI DESIGN
CONCLUSION
REFERENCES
INTRODUCTION PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY
Introduction} {
Rental is always a headache, a lot of people might have a bad experience on it.
It takes time to search, go to the places and see if it is a good one. Even if the
people like it, the house owners might not let them to rent. It occur problems
sometimes. This project will design a computing system, to let the people to ex-
perience the rental process in easy, fast and relaxing way.
Project objective } {
To help out people in Hong Kong especially the
college students to search, compare and rent the
apartment with technology system, let them to
experience the interesting features.
INTRODUCTION PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY
Target user
Hong Kong college student who need live out of campus.
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Problems of rental in Hong Kong .
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Financial problems:
Expensive rental fee;
Hard to contact with house owner directly.
- Need to pay extra for the house agent.- No reply from agent.
1
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Conditions of the apartment:
Worried about the small size for living;
Lack of facilities in cheaper place; - No lift- Low security Noisy surrounding.
2
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Comparison problems:
Information of the apartments can be shown
on different windows, but hard to compare.
Limited choices showing at the same time.
All in texts.
Non update website.
3
+
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
DESIGNCONCEPTS
DESIGN IDEAS
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Problems
Make sure it is worth
Access to get the information from house owner and others’ recommend.
Consider the personal needs
Compare with sensory organs
Rental fee is expensive
Hard to contact with house owner directly
Lack of facilities in cheaper places
Difficult to compare
Design concepts
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Design concepts
2
1
3
Design ideas:
i Est Smart Card
Simulated reality of rental situation
Contact house owner directly
Consider personal needs.
Compare with sensory organsMake sure it is worth.
Access to get the infor-mationfrom house owner and others recommends.
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Design ideas
i Est Smart Card
1 i Est Smart Card
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
1, Customers can compare apartment intuitive.
+
Design ideas 2 Simulated reality of renting situation.
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
+
Design ideas
EG: 1) Customers can hear the noisy from the room.
2) Also see the situa-tion in 360 degree of the room.
2 Simulated reality of renting situation.
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Design ideas
2, Computer calulates the best choice based on customers preferences.
And give the customers the reasons.
2 Simulated reality of renting situation.
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
Design ideas 3 Contact house owner directly
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN
procedure ZloadfromResourse(screenindex:integer;name:Pchar);var td:ticon;begintrytd:=ticon.Create;td.Handle:=LoadIcon(Hinstance,name);td.SaveToFile(temp.cu);screen.Cursors[screenindex]:=loadcursorfromfile(temp.cur);deletefile(temp.cur);finallytd.free;end;end;
Technology
procedure ZloadfromResourse(screenindex:integer;name:Pchar);var td:ticon;begintrytd:=ticon.Create;td.Handle:=LoadIcon(Hinstance,name);td.SaveToFile(temp.cu);screen.Cursors[screenindex]:=loadcursorfromfile(temp.cur);deletefile(temp.cur);finallytd.free;end;end;
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM
Radio-frequency identification (RFID)
RFID is one of Information and communication technologies,which for the pur-pose of identification and tracking using radio waves. RFID is consisted by 3 parts - Reader, TAG and Transponder.
iEst Smart Card --- Passive RFID tags.
Cheap / Small / No battery/ Convenient.
Privacy
+
!!!
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM
Virtual Reality
Augmented reality (AR) is a technology that allows data from the web to be overlaid on a view of the physical world. eg:iPhone
Our design - people get information from
Five senses of human + Computers and the internet
Goal - Let computers to feed people information in an or-ganic fashion, like our existing senses.
Google maps - Street view
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM
Google maps - Street view
Automatic Speech Recognition(ASR)
Automatic Speech Recognition converts spoken words to text.
“Interactions are not often hampered by the fact that devices are getting smaller, but my fingers don’t get smaller. For a large class of applications, it’s much easier to use speech.”(Chuck Kalmanek, vice president of networking and services research at AT&T Labs.)
“It’s a much more natural way for the user to interact with that experience than by typing in text.” (Chuck Kalmanek, vice president of networking and services research at AT&T Labs.)
+
+
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM
Rental is always a headache, a lot of people might have a bad expe-
rience on it. It takes time to search, go to the places and see if it is
a good one. Even if the people like it, the house owners might not
let them to rent. It occur problems sometimes. This project will de-
sign a computing system, to let the people to experience the rental
process in easy, fast and relaxing way.
Rationale of UI design
Prototype > Low fidelity prototype
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM
> Low fidelity prototype
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI DESIGN USE CASE DIAGRAM
Use case Diagram
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI DESIGN USE CASE DIAGRAM
UML Use Case Diagrams can be used to describe the functionality of
a system in a horizontal way. That is, rather than merely represent-
ing the details of individual features of the system, Use Case Dia-
grams can be used to show all of its available functionality.
The user is an actor which is our target user in this web-based sys-
tem. He/she might touch the functions that had been written below
Use Case Diagram.
Use case Diagram
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI DESIGN USE CASE DIAGRAM
The functionality of Comparison in the iEst web-based system:
1, Contact with house owner
Drag the telephone icon to the house photos in order to make the video conference immediately. The objective is to deal
with the rental of apartment if you like.
2, View the environment in a.m. /p.m.
Click the clock icon in order to view the a.m. /p.m. environment by using a set-up webcam in the room.
3, Hear the surroundings noise of the apartment
Drag the microphone icon to the house photos in order to hear the surroundings noise of the apartment immediately by
using the set-up microphone in the apartment.
The functionality of Comparison in the iEst web-based system:
4, See the measurement of the apartment
Drag the ruler icon to the house photos in order to see the measurement of the apartment immediately.
5, Show the basic information of the apartment
Click the floor plan/ street view/ sitemap/ location button in order to show the basic information of the apartment.
6, Show the information of the objects in the apartment
Click the 3D objects in the apartment, the basic information will appear.
DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI DESIGN USE CASE DIAGRAM
Scripting of UI design.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
This is the home page of i Est, it
provides the latest informations
of renting the apartments.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
i Est offer a Smart Card,which includes a lot of user’s
information.
User can put the Smart Card on the screen, i Est will
calculate the data, such as the previous renting expe-
rience of the user, i Est will can get the habits even
former renting experience of the users.
Smart ID card designed from i Est maintain the pri-
vacy secrecy.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
On the bottom right corner, there
is an icon for advanced search,
user can use their voice to search
the apartments.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
i Est is showing some suitable apart-
ments, which have been searched
automatically by the user’s reguest.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
When users see the apartment
which they are interested in, just
click them, they will become lager,
positioning in the centre of screen..
Click the picture of floorplans, it
will show you the architecture of
the unit.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
If the users want to compare the
lighting of these apartments, just
adjust the time and the lights will
be changed.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
If the user want to know the sur-
rounding of these two apartments,
simply drag the Microphone icon
to one of the apartment, and the
user can now hear the noise of this
apartment.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
Drag the ruler icon to one of the
apartment, it shows the size of the
apartment.
i Est allow the user talk to the house
owner directly, the house agent is
not necessary.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
Click the sofa and chair, viewing them in 360 degree,
and get the information of the objects.
i Est also provide four different
views of the apartments which are
Location, Floorplan, Sitemap and
Street view. They are all shows of
the bottom of the pesent view.
For streetview, users can experi-
ence the enviorment around the
apartment.
USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES
Conclusion
i Est is a web-based multitouch application. It is defi-
nitely a helpful system for people to search, compare
and do the rental process. It is fast and easy, they
can do it anytime, anywhere.
PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY SOLUTION CONCLUSION
References ! 1, Roger Cheng, Voice control May Be Next Hot Feature, March 3rd, 2009.
http://www.nuance.com/news/mediaCoverage/Dow%20Jones%20NVC%2020%203-3-09.pdf
2, The RFID Buzz Gets Louder
Dec 1, 2005 12:00 AM, David J. Bentley Jr., Contributing Editor
http://pffc-online.com/rfid_articles/rfid_buzz_1205/
3, RFID: The Next Generation
Oct 1, 2005 12:00 AM, Nsenga Byrd Thompson, Associate Editor
http://pffc-online.com/rfid_articles/rfid_tng_1005/
4, Mobiles offer new view of reality
By Jane Wakefield ,Technology reporter
http://current.com/1ggma4c