🍹 Some UI/UX refreshments from two years ago:

In 𝟮𝟬𝟮𝟯 I started sketching on Figma some ideas for a keyboard refreshment for the Apple iOS system, introducing some new features and updating others.

Here is the list of all (or most of) the new ideas:

(I made them using the button iPhones because I had the 8 at the time!)

𝗞𝗲𝘆𝗯𝗼𝗮𝗿𝗱 𝗨𝗜 details:

🆇 Change the HUE to a more neutral, warmer colour, not blueish

🅰 A handle to close the keyboard and open a new set of tools and features

🅱 A long-press number row for easier access

🅲 The mic button (speech-to-text) in orange for a distinct look

🅳 Modifier and action keys in a different, subtle UI language

🅴 One alternative for text editing inside the keyboard box

~

𝗧𝗲𝘅𝘁 𝗲𝗱𝗶𝘁𝗶𝗻𝗴:

🅵 Icons added to the toolbar + Search and AI in a prominent position

🅶 Swipe-based Undo and Redo / can be pressed to expand (buttons)

🅷 Share is in the fixed row / it will open the Share Sheet

~

𝗖𝗹𝗶𝗽𝗯𝗼𝗮𝗿𝗱 𝗛𝗶𝘀𝘁𝗼𝗿𝘆:

🆇 The Paste button is a dual-action button / Tap or Hold

🅸 Drag-based interface / holding + dragging down will open the clip history

🅹 A peak of the clipped content will appear at the bottom with more info

🅺 To see different clips in the expanded view, drag the floating bar

~

𝗠𝗲𝗱𝗶𝗮 𝗣𝗹𝗮𝘆𝗲𝗿:

🅰 Contextual buttons from the playing App in the Lock Screen player

🅱 App icon shown at the upper left corner (= Control Centre)

🅲 An actual button to change the player view: change to live lyrics / a visualizer / or the actual, expanded VU meter

~

𝗖𝗼𝗻𝘁𝗿𝗼𝗹 𝗖𝗲𝗻𝘁𝗿𝗲 𝗠𝗶𝘀𝗰:

🅰 New UI for the expanded brightness lever + numeric value + a (hidden) button for accessing the brightness/screen in Settings

🅱 Added different sound levels (Alarms/ Tone/ Media) + numeric value

🅲 Bluetooth (and WiFi) true On/Off switcher inside expanded view

🅳 Green status dot and text for the active connections

🅴 Dedicated Settings button

~

𝗘𝗻𝗵𝗮𝗻𝗰𝗲𝗱 𝗔𝗹𝗲𝗿𝘁𝘀:

🅰 Contextual black banner that specifies the nature of the alert

🅱 A 'Learn More' button for additional information about the alert that needs an informed decision to better proceed

🅲 Text aligned to the left for longer content and a more distinct hierarchy

🅳 New UI language for the buttons, with a subtle elevation and solid colour

_____

Had lots of fun making these and was a welcome exercise of how designing "small" things can substantially change our interaction in everyday phone use, especially in iOS.

Thanks for watching! :)

🌎🌻