RIT (Rakuten Institute of Technology) presentation of UI/UX by Masaya Mori.

1. RIT presentation about UI/UX
Rakuten Inc. RIT. Masaya Mori 2011
1

2. We’re facing the changes.
Global
Users
Changes
2

3. Devices change
Shift to Smartphones and Natural Devices
Mark Weiser
3

4. Online to Offline
New e-commerce is combining real and net.
ShopKick
Milo
Amazon
ShopSavvy
A9 Flow
4

5. Info. explosion
It’s getting larger exponentially.
5

6. Cloud
Private & Public, IaaS & PaaS
6

7. Summing up,
Experiencing advent of new devices, we’re getting into big changes.
PC/cell phone New devices Directions
Physical
Natural
BigData
7

8. Physical World
Experiencing advent of new devices, we’re getting into big changes.
PC/cell phone New devices Directions
Physical
Natural
BigData
8

9. Stepping into Physical world
9

10. TESCO subway virtual store
This changed physical world to be an interface for the internet.
10

11. Nisugata for feature-phone
Buy an item you watched earlier.
• This is first prototype.
• Take a photo of item, and send it
via e-mail.
• This system finds item data, and
you can go item page in ICHIBA.
11

12. NISUGATA for Wine search on iPhone
“wine you drink now”
• original image processing technology
• You can search wine which you drink.
• By exploiting sophisticated algorithm,
we can provide a function to search for
similar label of wine regardless of
shooting angle.
Top page Shoot wine label Send info to server Get search result
You can use stored picture for a search later, even if there is no 12
signal for your 3G/wifi when shooting wine.

13. AR-HITOKE
• AR-HITOKE came originally
from HITOKE reflecting user
purchase info. This enables you
to see physical item info &
other user’s comments
uniquely via iPhone.
13

14. AR-HITOKE
AR-HITOKE overlays online purchase info. and user comments on
physical view via smartphone, to help understand more.
Online purchase info
User statistics
User comments
14

15. Ubira: Rakuten O2O
•We’re proceeding with O2O pjt named “Ubira”.
•This combines a physical world and a cyber
world.
Collaborate w/ shop
Check-in
Coupon / Point
Barcode scan
Affiliate
15

16. Natural Interface
Experiencing advent of new devices, we’re getting into big changes.
PC/cell phone New devices Directions
Physical
Natural
BigData
16

17. Providing more natural I/F
17

18. Kinect (former, CANESTA)
They provided the prototype of new sensor shopping IF.
18

19. Team Lab Mirror
You can try on tons of clothes speedily and easily by iPhone
or gesture.
参考） http://dev.team-lab.com/index.php?itemid=252
19

20. New texture UI：「R-Rich-Browser」
： 」
Browser suitable for EC leveraging smartphone features
• It utilizes functions of smartphone and generates purchase opportunity
and user experience having fun.
• By “charge slide” (our patent) and “double slide” operation, it can
realize the usability not existing before in conventional browther.
You can scroll screen If you hold finger on It executes the function mapped
“charge slide”
usually by finger for 1 sec, to the direction of finger slide
By “charge slide”, you can put items onto your cart during browsing pages.
20

21. RPad
21

22. Transferring Experience
•To pursue a futuristic application, we developed new prototypes
such as Smart Shopping, Gesture Based Shopping, collaborating
with Tsukuba University.
Smart Shopping Gesture Based Shopping
22

23. http://www.neurosky.com/
23

24. BigData Computing
Experiencing advent of new devices, we’re getting into big changes.
PC/cell phone New devices Directions
Physical
Natural
BigData
24

25. Handling BigData
25

26. Kitsuregawa lab. Tokyo Univ.
They are conducting research next I/F handling BigData all
over the web.
26

27. Tilt: FireFox addon
It displays web pages structure in 3D view, utilizing WebGL.
27

28. [BigViewer] handling very huge image
•Realized high-speed access to big photos.
Realized high-
Big photo •Can apply for item search on huge catalogue by mobile.
Can
30,000
5,500
かわいいケトル、ハーモニカ付♪
家具のニシムラ Cattle ¥ 3,980
家具の
購入する ﾒﾆｭｰ
草津温泉湯めぐりマップ(高精細画像)
★奈良屋★ 180年の歴史を誇る…
奈良屋★ 180年 歴史を
おすすめプランあります!!!
プランあります
おすすめプランあります!!!
詳細見る ﾒﾆｭｰ
28

29. BigViewer：handling ultra-large image data
：
BIgViewer enables you to browse photo and magnify spot
very freely and quickly.
enlarge display
29

30. Displaying Huge Sized Images
How to handle huge images with mobile phone?
Enlarging / Narrowing parts of huge image
Description
buy
BigViewer
30

31. Related technology: an actual case of Infoseek NewsMap
Implemented new I/F browsing photo news.
Infoseek
News
⇒ Reduced hurdles to watch a lot of photos.
⇒ Increased user duration of stay
NewsMap
User can browse lots of photo news
freely and quickly.
31

32. BigData Surfing
• RIT invented “BigData Surfing” application to
realize browsing tons of items intuitively.
• Prototypes were for Books, ICHIBA, and Travel.
• It can handle hundreds of thousands to millions.
32

33. BigData Surfing: You can watch all items on Rakuten Ichiba.
How do you show all the data of Rakuten items?
33

34. RPad for BigData
•Actually, there is big data screen behind RPad.
•Users can share big data screen among plural RPads.
34

35. Summing up,
Experiencing advent of new devices, we’re getting into big changes.
RIT has developed prototypes and solutions. Let’s discuss it.
PC/cell phone New devices Directions
Physical
Natural
BigData
35