SlideShare a Scribd company logo
(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” Book Page = Web Page Terminology of Book Page used for Web Page
“ The History repeat it self” Book Page = Web Page Paper Scroll = Page Scroll It so obvious that  scroll  goes for any long format in any century.
“ The History repeat it self” Book Page = Web Page Paper Scroll = Page Scroll Stretch = Resize From time to time people  stretch  out thing to  resize  it (bigger or wider)
“ The History repeat it self” Book Page = Web Page Paper Scroll = Page Scroll Stretch = Resize Twisting = Rotate Etc 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 Virtual Keyboard 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 Multi-Touch 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 Revolution of Ergonomic 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 Revolution of User Interface 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

More Related Content

PDF
Future of user interface design
PDF
A Desktop UI with QtQuick
PDF
WPF - the future of GUI is near
PPTX
Intro to Facebook Presentation – Facebook, How to Get Started Safely
PDF
The Future of User Interfaces
PPTX
Facebook Powerpoint
PDF
Interactive white board
PDF
Extending the web: Maps, the commons, and pie
Future of user interface design
A Desktop UI with QtQuick
WPF - the future of GUI is near
Intro to Facebook Presentation – Facebook, How to Get Started Safely
The Future of User Interfaces
Facebook Powerpoint
Interactive white board
Extending the web: Maps, the commons, and pie

Similar to The Future Of User Interface (20)

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

More from Ramya Prajna Sahisnu (14)

KEY
Facebook Marketing - Indonesia Bootcamp 2009 - Bali
PPTX
#IndonesiaUnite: The Real Crowdsourcing
KEY
Facebook Marketing
PDF
Facebook Developers Call Up Bina Nusantara University Seminar
PPT
Facebook Applications: Real Money For Developer by Andy Santoso
PPT
Getting Started on Facebook Application Development by Endi Hamid
PPT
Facebook Developer Garage - an Open Invitation by Daniel Tumiwa
PPT
Facebook Developer Garage Indonesia - Introduction
PPT
Fresh on Pecha Kucha Jakarta
PPT
Pandji Pragiwaksono Book Launch
PPS
Bechek Ojheck
PDF
Think.Web Newsletter - February 2007 - #3
PDF
Think.Web Newsletter - May 2007
PPT
Indonesia Bootcamp January 2008 - The Summary
Facebook Marketing - Indonesia Bootcamp 2009 - Bali
#IndonesiaUnite: The Real Crowdsourcing
Facebook Marketing
Facebook Developers Call Up Bina Nusantara University Seminar
Facebook Applications: Real Money For Developer by Andy Santoso
Getting Started on Facebook Application Development by Endi Hamid
Facebook Developer Garage - an Open Invitation by Daniel Tumiwa
Facebook Developer Garage Indonesia - Introduction
Fresh on Pecha Kucha Jakarta
Pandji Pragiwaksono Book Launch
Bechek Ojheck
Think.Web Newsletter - February 2007 - #3
Think.Web Newsletter - May 2007
Indonesia Bootcamp January 2008 - The Summary
Ad

Recently uploaded (20)

PPTX
Web Crawler for Trend Tracking Gen Z Insights.pptx
PDF
Unlock new opportunities with location data.pdf
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PPTX
O2C Customer Invoices to Receipt V15A.pptx
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PPTX
Benefits of Physical activity for teenagers.pptx
PDF
A novel scalable deep ensemble learning framework for big data classification...
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PPTX
The various Industrial Revolutions .pptx
PDF
Getting Started with Data Integration: FME Form 101
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PPT
Geologic Time for studying geology for geologist
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
DP Operators-handbook-extract for the Mautical Institute
DOCX
search engine optimization ppt fir known well about this
PDF
Enhancing emotion recognition model for a student engagement use case through...
PPTX
observCloud-Native Containerability and monitoring.pptx
Web Crawler for Trend Tracking Gen Z Insights.pptx
Unlock new opportunities with location data.pdf
A contest of sentiment analysis: k-nearest neighbor versus neural network
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
O2C Customer Invoices to Receipt V15A.pptx
Final SEM Unit 1 for mit wpu at pune .pptx
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Benefits of Physical activity for teenagers.pptx
A novel scalable deep ensemble learning framework for big data classification...
Group 1 Presentation -Planning and Decision Making .pptx
The various Industrial Revolutions .pptx
Getting Started with Data Integration: FME Form 101
WOOl fibre morphology and structure.pdf for textiles
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Geologic Time for studying geology for geologist
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
DP Operators-handbook-extract for the Mautical Institute
search engine optimization ppt fir known well about this
Enhancing emotion recognition model for a student engagement use case through...
observCloud-Native Containerability and monitoring.pptx

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. “ The History repeat it self” Book Page = Web Page Terminology of Book Page used for Web Page
  • 10. “ The History repeat it self” Book Page = Web Page Paper Scroll = Page Scroll It so obvious that scroll goes for any long format in any century.
  • 11. “ The History repeat it self” Book Page = Web Page Paper Scroll = Page Scroll Stretch = Resize From time to time people stretch out thing to resize it (bigger or wider)
  • 12. “ The History repeat it self” Book Page = Web Page Paper Scroll = Page Scroll Stretch = Resize Twisting = Rotate Etc 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.
  • 13. Future Virtual Keyboard 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).
  • 14. Future Multi-Touch 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).
  • 15. Future Revolution of Ergonomic 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.
  • 16. Future Revolution of User Interface 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
  • 17. .the Possibilities Ramya Prajna S. Co-Founder | Managing Director | Online Branding Specialist Think.Web: a Web Agency | Jakarta, Indonesia Think