67

Presenting you with a Universe FOD Design Story

  1. Gary C. OxygenOS Operations Staff Member May 27, 2019

    Gary C., May 27, 2019 :
    The way technology moves forward never ceases to amaze us. It was just three years ago that capacitive fingerprint sensors dominated the whole mobile phone market. But today, they are already on the verge of leaving the stage.

    With the rapid technological development, Fingerprint-on-Display, FOD for short, comes into sight. FOD is an amazing unlocking solution that represents an upheaval in the phone industry. Equipped with OLED technology, the fingerprint sensor lies under the screen, thus rendering full screen devices possible. So practical that it quickly became a hit in the market.

    For the flagship OnePlus 7 Series, FOD is undoubtedly an essential feature. But in order to guarantee its performance, it requires the finger to touch the screen within a certain area for a certain time. This makes it necessary for us to work on the design aspects of FOD, making it attractive enough to demonstrate speed and technology, which is an issue by itself, beyond technological adaptability.

    We were delving into this task day and night and finally draw inspiration from a glance at the sky. When one looks up at the night sky, one would surely be fascinated by the magic of the vast unknown universe which connects the past with the future in infinite space and time. What else could possibly make a better prototype for our FOD design than the vast galaxy? Just imagine that on the screen: an icon resembling a universe with dotted stars orbiting. How cool would that be!

    With the prototype determined, we managed to think outside the box of traditional fingerprint patterns, starting to brainstorm around the FOD icon design. Based on the idea of galaxy and star orbits, we sketched several rudimental versions of the icon, developed more derivative models, and put them all on the computer.

    FOD01-en.png

    FOD03.png

    FOD02.png

    All these icons basically met our expectations in terms of product integrity and differentiation, but we also needed to consider the Bold & Clean style that OnePlus values, so we conducted multiple comparisons and finally narrowed down to the following three plans:

    FOD04.png FOD05.png FOD06.png

    On the one hand, we wanted the icon to be composed of smooth lines, which would create a sense of technology and space for our users. On the other, the graphic couldn’t be too complicated to be successfully recognized. In other words, the icon must be both symbolic and easy-to-read. Although Plan A is plain and simple, it wasn't closely related to the fingerprint. Plan B satisfied the requirement of symbolism but failed to be consistently recognized in the background of different wallpapers.

    1213.png

    In the end we decided to go with Plan C not only because it represents the trajectory of an orbiting planet which is reminiscent of power, but also performs well when it comes to readability in the background of different wallpapers. In the dynamic design, we use the element of particles to convey the symbolic meaning of stars. When the finger touches the icon, countless optical particles flow and gather on your fingertips, decoding your personal biometric information.

    1234.png

    What will the future of mobile phones look like? What breakthrough will be made in unlocking methods? To be frank, your guess is as good as ours. But we do know that OnePlus is always ready to unlock the future with you by our side!

    This is a short story about OnePlus FOD design. If you want to learn more, just tell us. We are passionate to be your storytellers!
     

    #1
  2. Cheetosdust Starting Point Expert May 27, 2019

    Cheetosdust, May 27, 2019 :
    The lack of IP certification explained with a bucket.

    The FOD explained with the universe.

    I'm honestly scared to read your explanation of the pop-up camera and how it erects itself.
     

    #2
  3. balaaje Gingerbread May 27, 2019


    #3
  4. AndroFan Gingerbread May 27, 2019


    #4
    D1559269077095 and G_plusone like this.
  5. theshinybeast Lollipop May 27, 2019

    theshinybeast, May 27, 2019 :
    Explained with a pen is it not?
     

    #5
  6. devil112 Froyo May 27, 2019

    devil112, May 27, 2019 :
    Hahah true
     

    #6
  7. YRJ KitKat May 27, 2019


    #7
  8. G_plusone Lollipop May 27, 2019

    G_plusone, May 27, 2019 :
    Wow that is a great Design Story :)
    Keep it up @Gary C. and team.
    Really like the design and thought process
     

    #8
  9. toastytoast1234 Lollipop May 27, 2019

    toastytoast1234, May 27, 2019 :
     

    #9
  10. theshinybeast Lollipop May 27, 2019


    #10
  11. SJBoss KitKat May 27, 2019

    SJBoss, May 27, 2019 :
    [​IMG]
     

    #11
  12. suhantm Gingerbread May 27, 2019

    suhantm, May 27, 2019 :
    comment of the year [e]1f602[/e][e]1f602[/e]
     

    #12
  13. Mingo_MGx Donut May 27, 2019


    #13
    donniefishel and loucas971 like this.
  14. Dresa91 Oreo May 27, 2019

    Dresa91, May 27, 2019 :
    :D:D:D
    thanks @Cheetosdust :D thanks :D do you want to write the explanation thread? :)
     

    #14
    donniefishel, Cheetosdust and B_Wrath like this.
  15. Iamrohit.07 Gingerbread May 27, 2019

    Iamrohit.07, May 27, 2019 :
    "why don't you add custom fonts support feature?"
    don't you guys think that is also a basic thing which have big impact in serving the big role in UI as that is one of the things which constantly in contact with everything you see or use in UI???
    having desirable fonts according to user's wish or comfort make UI definitely look good.
    please enable that feature.
    if you really looking for smallest details then how could you forget this basic but one of the important thing?
     

    #15
  16. Amsso. Gingerbread May 27, 2019

    Amsso., May 27, 2019 :
    [e]1f602[/e][e]1f62d[/e][e]1f603[/e][e]1f601[/e][e]1f604[/e][e]1f603[/e]
     

    #16
  17. Jim777PS3 Cupcake May 27, 2019

    Jim777PS3, May 27, 2019 :
    Any chance of getting the other ones as options? I really like the bottom right most fingerprint.
     

    #17
    TomekDarda likes this.
  18. palc Ice Cream Sandwich May 27, 2019

    palc, May 27, 2019 :
    OMG! Your first comment itself may have destroyed their own hype and must have rendered the time that the readers dedicated to read the entire big thing useless. Next biggest troll is here. Bring that crown!
     

    #18
  19. Bhavdeep Singh Rathore Eclair May 27, 2019

    Bhavdeep Singh Rathore, May 27, 2019 :
    As fascinating as the article was, this is better
     

    #19
    D1559269077095 likes this.
  20. Helder_DAlmeida Gingerbread May 27, 2019


    #20