SlideShare una empresa de Scribd logo
1 de 17
(near) Future of User Interface By Ramya Prajna S – December, 2008
Smaller   or   Bigger The size of the interface (display) getting  smaller  (mobile phone)  or  getting  BIGGER  (table/wall) ?
Smaller Cursor  vs   No  Cursor (highlight) When the size is getting smaller… It’ll control  by cursor  or  just highlight  (like there were no mouse around) ??
Smaller More Image  vs  More Text Speed of mobile connection gone wild… It could be more  image  (or even videos content)  …or… Just stay focus on function as  text  information.
Smaller More Design  vs  Less Design With the minimum size of display,  but high-speed mobile connection… The Design will become  as good as we seen on desktop  (and the user interface become better)  …or… It  doesn’t need the ‘design’ , the information still stand for the first (and only) priority.
Bigger Single Cursor  vs  Multi Cursor Most people get introduced with the fact that a mouse comes one package with the computer it self.  Then they only know computer with  single cursor . But  Jeff Han  (Perspective Pixel)  or  Microsoft Surface   show us another possibilities.  What if there are multiple mouse in one single computer? What if there  are  multi cursor  (or controller) in one display?
Bigger Vertical Scroll  vs  Horizontal Scroll Bigger space can fit more content… A lot of content in one page can goes Vertically  or  Horizontally .
Bigger ‘ Boxed’  Layout   vs  Free Space  Layout The whole display area is the active area… The place holding a content will stay on  Boxed (Window style)   … or… Each element of content will stand for it self and the layout is  free to modify .
“ The History repeat it self” ,[object Object],[object Object]
“ The History repeat it self” ,[object Object],[object Object],It so obvious that  scroll  goes for any long format in any century.
“ The History repeat it self” ,[object Object],[object Object],[object Object],From time to time people  stretch  out thing to  resize  it (bigger or wider)
“ The History repeat it self” ,[object Object],[object Object],[object Object],[object Object],[object Object],v To make a rotation it always need a pivot point and direction of the rotation. there are still many thing that work based on everyday stuff.
Future ,[object Object],Though it is awkward to use on screen keyboard because there isn’t bounce motion from the pad…  … but we have to get use to it because the area will need more display (and the keyboard).
Future ,[object Object],Using multi controller in one screen give effectiveness. Collaboration of more than one finger...  Collaboration of more than one hand… Collaboration of more than one person… It’s century of collaboration (and start it with web 2.0).
Future ,[object Object],Where are the display? At the table? On the wall? So how the position of using computer? Sit straight or move forward to the table… like the old days when we’re reading the book on the library. Or in standing position? Right-Handed? Left-Handed?  It doesn’t matter, both hand work functionally.
Future ,[object Object],Window – Button – Click – Drag – Highlight – Copy - Cut – Paste - … “ Plug n Play” is sound very lame, could it be “Put n Play”. It will never go the same. How ‘bout… Notebook with both display and active interaction area, at lid and keyboard area. Public computer is just a long wall. Your table is your computer. And many thing will be change. Courtesy of Minority Report Movie
.the Possibilities Ramya Prajna S. Co-Founder | Managing Director | Online Branding Specialist Think.Web: a Web Agency | Jakarta, Indonesia Think

Más contenido relacionado

Similar a The Future Of User Interface

Computers For Beginners: What's on your Desktop?
Computers For Beginners: What's on your Desktop?Computers For Beginners: What's on your Desktop?
Computers For Beginners: What's on your Desktop?
Jennifer Springfield
 
The touch events - WebExpo
The touch events - WebExpoThe touch events - WebExpo
The touch events - WebExpo
Peter-Paul Koch
 
Animations in User interfaces
Animations in User interfacesAnimations in User interfaces
Animations in User interfaces
Kim Nørskov
 
Internet & Computing Essentials (2009)
Internet & Computing Essentials (2009)Internet & Computing Essentials (2009)
Internet & Computing Essentials (2009)
Matteo Wyllyamz
 
Surface computing1
Surface computing1Surface computing1
Surface computing1
Kumar Gaurav
 

Similar a The Future Of User Interface (20)

T3con10_html5_kosack_zinner
T3con10_html5_kosack_zinnerT3con10_html5_kosack_zinner
T3con10_html5_kosack_zinner
 
9 basic principles of responsive web design
9 basic principles of responsive web design9 basic principles of responsive web design
9 basic principles of responsive web design
 
The future of media queries?
The future of media queries?The future of media queries?
The future of media queries?
 
Creating a Universal Design System for Web, Mobile, Wearables, and XR
Creating a Universal Design System for Web, Mobile, Wearables, and XRCreating a Universal Design System for Web, Mobile, Wearables, and XR
Creating a Universal Design System for Web, Mobile, Wearables, and XR
 
Phase III Presentation
Phase III PresentationPhase III Presentation
Phase III Presentation
 
Computers For Beginners: What's on your Desktop?
Computers For Beginners: What's on your Desktop?Computers For Beginners: What's on your Desktop?
Computers For Beginners: What's on your Desktop?
 
The touch events - WebExpo
The touch events - WebExpoThe touch events - WebExpo
The touch events - WebExpo
 
Back to the Future: Current and Future Trends for Accessibility
Back to the Future: Current and Future Trends for AccessibilityBack to the Future: Current and Future Trends for Accessibility
Back to the Future: Current and Future Trends for Accessibility
 
What We Talk About When We Talk About Navigation (IA Conf 2019)
What We Talk About When We Talk About Navigation (IA Conf 2019)What We Talk About When We Talk About Navigation (IA Conf 2019)
What We Talk About When We Talk About Navigation (IA Conf 2019)
 
Getting Started with Computers
Getting Started with ComputersGetting Started with Computers
Getting Started with Computers
 
Microsoft surface
Microsoft surfaceMicrosoft surface
Microsoft surface
 
Animations in User interfaces
Animations in User interfacesAnimations in User interfaces
Animations in User interfaces
 
Overcoming design challenges in hat based multichannel publishing - stc summi...
Overcoming design challenges in hat based multichannel publishing - stc summi...Overcoming design challenges in hat based multichannel publishing - stc summi...
Overcoming design challenges in hat based multichannel publishing - stc summi...
 
Overcoming design challenges in hat based multichannel publishing - stc summi...
Overcoming design challenges in hat based multichannel publishing - stc summi...Overcoming design challenges in hat based multichannel publishing - stc summi...
Overcoming design challenges in hat based multichannel publishing - stc summi...
 
14 585
14 58514 585
14 585
 
Internet & Computing Essentials (2009)
Internet & Computing Essentials (2009)Internet & Computing Essentials (2009)
Internet & Computing Essentials (2009)
 
CSS for Touch Devices
CSS for Touch DevicesCSS for Touch Devices
CSS for Touch Devices
 
Presentation Ux
Presentation UxPresentation Ux
Presentation Ux
 
Surface computing1
Surface computing1Surface computing1
Surface computing1
 
Surface computing
Surface computingSurface computing
Surface computing
 

Más de Ramya Prajna Sahisnu

Facebook Marketing - Indonesia Bootcamp 2009 - Bali
Facebook Marketing - Indonesia Bootcamp 2009 - BaliFacebook Marketing - Indonesia Bootcamp 2009 - Bali
Facebook Marketing - Indonesia Bootcamp 2009 - Bali
Ramya Prajna Sahisnu
 
Facebook Developers Call Up Bina Nusantara University Seminar
Facebook Developers Call Up   Bina Nusantara University SeminarFacebook Developers Call Up   Bina Nusantara University Seminar
Facebook Developers Call Up Bina Nusantara University Seminar
Ramya Prajna Sahisnu
 
Facebook Applications: Real Money For Developer by Andy Santoso
Facebook Applications: Real Money For Developer by Andy SantosoFacebook Applications: Real Money For Developer by Andy Santoso
Facebook Applications: Real Money For Developer by Andy Santoso
Ramya Prajna Sahisnu
 
Getting Started on Facebook Application Development by Endi Hamid
Getting Started on Facebook Application Development by Endi HamidGetting Started on Facebook Application Development by Endi Hamid
Getting Started on Facebook Application Development by Endi Hamid
Ramya Prajna Sahisnu
 
Think.Web Newsletter - February 2007 - #3
Think.Web Newsletter - February 2007 - #3Think.Web Newsletter - February 2007 - #3
Think.Web Newsletter - February 2007 - #3
Ramya Prajna Sahisnu
 

Más de Ramya Prajna Sahisnu (14)

Facebook Marketing - Indonesia Bootcamp 2009 - Bali
Facebook Marketing - Indonesia Bootcamp 2009 - BaliFacebook Marketing - Indonesia Bootcamp 2009 - Bali
Facebook Marketing - Indonesia Bootcamp 2009 - Bali
 
#IndonesiaUnite: The Real Crowdsourcing
#IndonesiaUnite: The Real Crowdsourcing#IndonesiaUnite: The Real Crowdsourcing
#IndonesiaUnite: The Real Crowdsourcing
 
Facebook Marketing
Facebook MarketingFacebook Marketing
Facebook Marketing
 
Facebook Developers Call Up Bina Nusantara University Seminar
Facebook Developers Call Up   Bina Nusantara University SeminarFacebook Developers Call Up   Bina Nusantara University Seminar
Facebook Developers Call Up Bina Nusantara University Seminar
 
Facebook Applications: Real Money For Developer by Andy Santoso
Facebook Applications: Real Money For Developer by Andy SantosoFacebook Applications: Real Money For Developer by Andy Santoso
Facebook Applications: Real Money For Developer by Andy Santoso
 
Getting Started on Facebook Application Development by Endi Hamid
Getting Started on Facebook Application Development by Endi HamidGetting Started on Facebook Application Development by Endi Hamid
Getting Started on Facebook Application Development by Endi Hamid
 
Facebook Developer Garage - an Open Invitation by Daniel Tumiwa
Facebook Developer Garage - an Open Invitation by Daniel TumiwaFacebook Developer Garage - an Open Invitation by Daniel Tumiwa
Facebook Developer Garage - an Open Invitation by Daniel Tumiwa
 
Facebook Developer Garage Indonesia - Introduction
Facebook Developer Garage Indonesia - IntroductionFacebook Developer Garage Indonesia - Introduction
Facebook Developer Garage Indonesia - Introduction
 
Fresh on Pecha Kucha Jakarta
Fresh on Pecha Kucha JakartaFresh on Pecha Kucha Jakarta
Fresh on Pecha Kucha Jakarta
 
Pandji Pragiwaksono Book Launch
Pandji Pragiwaksono Book LaunchPandji Pragiwaksono Book Launch
Pandji Pragiwaksono Book Launch
 
Bechek Ojheck
Bechek OjheckBechek Ojheck
Bechek Ojheck
 
Think.Web Newsletter - February 2007 - #3
Think.Web Newsletter - February 2007 - #3Think.Web Newsletter - February 2007 - #3
Think.Web Newsletter - February 2007 - #3
 
Think.Web Newsletter - May 2007
Think.Web Newsletter - May 2007Think.Web Newsletter - May 2007
Think.Web Newsletter - May 2007
 
Indonesia Bootcamp January 2008 - The Summary
Indonesia Bootcamp January 2008 - The SummaryIndonesia Bootcamp January 2008 - The Summary
Indonesia Bootcamp January 2008 - The Summary
 

Último

Último (20)

MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 

The Future Of User Interface

  • 1. (near) Future of User Interface By Ramya Prajna S – December, 2008
  • 2. Smaller or Bigger The size of the interface (display) getting smaller (mobile phone) or getting BIGGER (table/wall) ?
  • 3. Smaller Cursor vs No Cursor (highlight) When the size is getting smaller… It’ll control by cursor or just highlight (like there were no mouse around) ??
  • 4. Smaller More Image vs More Text Speed of mobile connection gone wild… It could be more image (or even videos content) …or… Just stay focus on function as text information.
  • 5. Smaller More Design vs Less Design With the minimum size of display, but high-speed mobile connection… The Design will become as good as we seen on desktop (and the user interface become better) …or… It doesn’t need the ‘design’ , the information still stand for the first (and only) priority.
  • 6. Bigger Single Cursor vs Multi Cursor Most people get introduced with the fact that a mouse comes one package with the computer it self. Then they only know computer with single cursor . But Jeff Han (Perspective Pixel) or Microsoft Surface show us another possibilities. What if there are multiple mouse in one single computer? What if there are multi cursor (or controller) in one display?
  • 7. Bigger Vertical Scroll vs Horizontal Scroll Bigger space can fit more content… A lot of content in one page can goes Vertically or Horizontally .
  • 8. Bigger ‘ Boxed’ Layout vs Free Space Layout The whole display area is the active area… The place holding a content will stay on Boxed (Window style) … or… Each element of content will stand for it self and the layout is free to modify .
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. .the Possibilities Ramya Prajna S. Co-Founder | Managing Director | Online Branding Specialist Think.Web: a Web Agency | Jakarta, Indonesia Think