#bad user interface design | Explore Tumblr Posts and Blogs

arthenaa · 4 months

Text

ikaw at ikaw (only you) — mizu x f!reader

synopsis: 4 times your team lead chose you and 1 time you chose her.

content: modern!au, office romance, you and mizu are creatives, specifically in the character and concept design department in a very very famous gaming company (take a guess), she is your creative director and lead designer and you are the concept artist, 4+1 format, FLUFF, work relations, dynamic, and position might not be accurate, forgive me, this is basically just me projecting yet again.

a/n: this is requested by @andieperrie18 ! the answer shit isn't letting me edit my answer so ill be @-ing you here. TYSM FOR ENJOYING MY WORKS !! means a lot ... u also chose pasilyo 🥹🥹🥹🥹 sunkissed lola is the best

Being part of the creatives team was a nightmare.

To tell you the truth, the position for a Concept Artist with a specialty in 2D design wasn't actually all that bad. The monthly benefits and wage were something you're quite lucky to receive considering the constant side eye other departments have with the admin's treatment of the artist employees. This was also your dream job—having had to play their games, specifically, VALORANT, left you in awe and gearing to apply once you were ready for an Internship. After your OJT course, you were accepted for a position in Character and Concept Design and are considered one of the team's most beloved artists (Your followers on Twitter reckon so).

In short, the work environment was great. A solid 15/10 experience—I mean how can you beat a company that caters not only to you as an artist but also as a player? Nothing can beat that feeling of satisfaction once you see your work displayed on various monitors all around the world.

It was more of ... the relationships and interactions with that work space environment that left you grasping at a chance to breathe.

People think you're overreacting but you think it's completely reasonable.

"Yes, you are overreacting."

Your face falls at Taigen's words—watching as he plays a round of unrated in the company's leisure space decked with state of the art PC builds that could definitely beat your poor touchscreen fridge with just a move of its mouse. You could hear the familiar voicelines of Jett from VALORANT as he uses the character's abilities to swiftly enter the site and take a hold of the defenders' positions.

Taigen is part of the Gaming Development Department in the VALORANT Team. He often does routine user gameplay checks and one of its perks is that you literally just have to play the game and get paid for it. You think its unfair but then again, its Taigen. He's always unfair.

"I think you're just saying that to be mean," You frowned, eyes trained on his face—the lights reflecting back on his stupid, stupid, clear-skinned face. Taigen rolls his eyes but not an ounce of his focus leaves the game.

"Being honest equals to being mean, got it." Taigen's voice comes out in a sarcastic tone. You kick a speck of dust on the cement floor, twirling in the gaming chair you're seated on.

"I just think its a reasonable thing to complain about!" You throw your hands in the air in an attempt to get him to look at your side of things. "You're completely unfazed because your team lead has the patience of a mother with 7 kids."

You hear the familiar cue of an ACE kill as Taigen hits a headshot on the last player. The game's interface shifts to the winner screen and finally, he turns to you, pulling his headphones off and giving his best deadpan stare.

"You're freaking out over Mizu sighing over your concept design proposal for Neon and overanalyzed even the way she drank her coffee because you're obsessed with her like that." Taigen arches his eyebrow to make the situation all the more ridiculous. Your mouth closes and opens like a fish out of water. "Am I right? Wait no, don't answer that. I know I am."

"What the fuck?" Your voice comes out in a desperate attempt of self-defence but it ultimately just sounds defeated. Taigen chuckles as he turns back to his monitor to take a look at the game stats.

"Look," Taigen tries to be empathetic but you're pretty sure this is just to get you off his back. The queue for competitive is already up and running. "As your friend, I say this with the love that I have for you and your works but please, Mizu is just one woman. If my mind process went like yours, I would've assumed Akemi hated my very existence and this is coming from someone who IS dating Akemi."

You purse your lips in thought as he raises his eyebrows in exaggeration. You're not exactly sure why you approached Taigen with this problem but he was the only familiar face that you saw after walking out of the meeting room in a hurry.

But then the question in this situation is who exactly is Mizu?

Well, there were a lot of things you could associate with the familiar blue-eyed director. Mizu is your boss—the creative director for Concept and Character design for the VALORANT team. She oversees character ideas, map visuals, detailing, and the final approval for character and asset ideation before it's sent for building in the 3D and VFX departments. She is your employer but you can also consider her your friend, albeit a highly respected one (she did the character design for Jett and Yoru).

It's not that you were obsessed—Taigen is wrong, he's always wrong—it was definitely because you respected her very much. Being a Riot Design Lead is basically fucking God. You create and give life to ideas. She's part of the original team that worked on the pre-release of VALORANT during its early stages and got to see the whole thing unfold. Something you wished to see back then but glad that you were able to become part of the journey despite being a few patches late.

You respected her enough to always want to be on her good side. I mean, who wouldn't? She's talented and very... youthful-looking and one of Riot's youngest leads, you honestly think that being worried over her approval like this is just a matter of respect and definitely NOT obsession.

"You're doing that thing where you space out and I have to assume that it's probably because of Mizu, yeah?" Taigen's voice intercepts your reprieve and suddenly, a curl of your eyebrows creates a look of annoyance on your face.

"I am not obssesed with Mizu," You reiterate, but this time with your mouth. "I just... respect her."

Taigen leans back on his gaming chair, nodding as if you just told him that he didn't need to double double-click everything.

"That's the most unbelievable shit I've heard today," Taigen finally replies with a scrunch of his nose. Your jaw falls open.

"I do not!"

"Do too."

"Do not."

"Do too!"

"Do fucking not—Stop it."

Taigen purses his lips, and makes a motion of zipping his mouth and shaking his head. You huff in anger. Taigen was never going to believe you.

Just as you were about to chastise him again for being mistaken, a knock on the glass doors notifies you of a new presence. You turn by instinct and your eyes widen in shock and probably, dread—who knows.

"There you are," Mizu's voice filters through your ears like classical music on a good Friday evening. You stammer slightly as she enters the area, eyes trained on you through those tinted orange specs. Mizu momentarily greets Taigen who only raises his hand in greeting before turning towards the screen (only you can see through your peripheral vision that this motherfucker is laughing). "I've been looking for you."

"You did?" Your voice comes off quiet. Mizu furrows her eyebrows.

"Uh, yeah?" She replies with a confused tone. "I had your concept design for Neon approved, it was more direct compared to Matt's. I wanted to tell you in person since you just bolted from the meeting room."

You fall silent at her words. She looks a bit concerned as you try to make sense of the information.

"You seem in shock—Are you okay?" Mizu asks, eyes glancing towards Taigen who looks at her before shrugging.

You feel your heart speed up. You momentarily calm yourself before finally responding. "Y-Yeah, sorry. Just didn't think that you'd approve it."

Mizu tilts her head like a fucking cat and you're quite sure you would drop dead then and there. "Why not? It's your work."

You're not sure what she means by that but a sudden shiver runs through your veins at her praise and suddenly your cheeks are flushing.

"Ah," You're voice fills in the silence, awkward and quiet. "Thank you?"

There's a pause of silence before Mizu chuckles. She heaves a breath before pulling the glass door open.

"I'll see you at my office, Y/N." She smiles. "Great work."

The silence further pushes you into the void as you and Taigen watch her exit and disappear into another hallway through the glass windows. Just as you were a few minutes ago, you lean forward to slouch over your knees, hands on your face as you meltdown from what just happened. You hear Taigen chuckle beside you.

"Give it a few more months and she'll give you a ring on your finger with a bent knee on the ground."

You sob into your hands as Taigen erupts in heaps of laughter.

Oh my fucking God.

The release for Neon was a hit. An all-time new duelist originating from the Philippines, your concept design took off without a hitch. It's safe to say that your hard work paid off as you stood over the central common room—leisure areas decked with your coworkers trying out and celebrating the release. A sense of satisfaction fills you.

"I hear you spearheaded the design concept for Neon," A voice infiltrates your sense like a lure. You can't help but smile at its familiarity. Akemi wraps her arms around your waist, chin on your shoulder as she continues. "Marketing was thrilled with the positive response. Good job."

You turn around, her arms loosely accommodating you. "Akemi," you coo.

The girl grins wide and pulls you into a hug. You return the affection in a grander gesture of squeezing her tight against you.

Akemi's part of the Marketing Department for Riot. While she often creates publication material for VALORANT, she also has cross work with League of Legends for its various strategic releases (ie. KDA).

"I just want to say that I already predicted Neon would be a sure hit, it's your work after all," Akemi pulls away from the hug with a smug smile. She grabs your hands in hers, swinging them slowly. "Marketing it was like a breeze in the park."

You laugh softly at her enthusiasm. "You give me way too much credit."

Akemi rolls her eyes affectionately. "Humility is a disease—live a little."

You shake your head at her quips, opting to smile in response. A member of your team passes by, eyes widening in recognition of you before giving you a thumbs up. Akemi watches the interaction—eyes trained on that person's figure as they walked towards Mizu who was busy talking to other creative team leads. Your eyebrows furrow in confusion at her prolonged silence.

"Who are you—?" Your words trail off as you turn to look at what she's so focused on before turning back at the sight of Mizu. "Nevermind."

Akemi raises her eyebrow with an amused look on her face. "Taigen always has a penchant for exaggerating but I didn't think it was this bad?"

Your face falls at the information. "Taigen told you?"

Akemi gives you a 'duh' look—eyebrows raised and eyes half-lidded. "Taigen's a loose lock if you pry hard enough. He basically can never keep a secret."

You give her a deadpan stare before shifting in your position. Akemi crosses her arms over her chest as she eyes you up and down—filled to the brim with amusement. "I'm fine, stop making a big deal out of it."

"Uh huh," Akemi squints her eyes playfully. You could only glare back in response.

The loud cheering at the front catches your attention as resident workers, interns, and newbies alike begin to tune in at the commotion. Akemi and you move to the sidelines, eyebrows furrowed in confusion as you tried to find out what's happening.

"What's happening?" You ask the person to your front. He turns, eyes beaming with excitement.

"The creative director for C&C got pulled in a 1v1. They're playing against Beckham."

Your breath hitches at the information. Akemi nudges you with her elbow, overhearing the conversation. The two of you move to the side, finally getting a glimpse of the two team leads focused on a custom game of VALORANT. Your eyes zone in on familiar raven locks seated on the right monitor.

A live stream of their game is projected on the monitor up front and suddenly you feel sick from the amount of butterflies fluttering in your stomach.

She's playing Neon. The character you designed.

Oh God. You watched her take kill after kill, headshot after headshot as she sprinted across the map—zapping characters with Neon's electric abilities. You've never seen someone look so fucking hot playing an FPS game before. It's doing things to your brain.

Just as you expected, the winning banner appears on Mizu's screen and the C&C Team erupts in cheers. You become entranced at the sight—a few of your co-workers patting her on the back before she erupts in smiles and laughs. This is not healthy for your heart.

And just as you think the night couldn't get any better, one of the people from the Marketing departments begins stirring up an interview.

"What made you choose Neon on the character pick? You usually go for Sentinels, no?"

Your eyes meet and suddenly you could feel your heart skip a few beats. Mizu chuckles.

"Wanted to do a duelist around for a spin," Mizu replies. "The design and character visuals for Neon was amazing and I ought to pay the artist who did it a homage."

Suddenly all eyes are on you—some of them even "ooh-ing" for being praised by Mizu. You pale at the attention before doing a hesitant bow in gratitude.

Mizu pulls the headphones off her head and smiles. "Congrats, Y/N. Hope you liked the win."

You feel Akemi stir up beside you, chuckling at the interaction.

You're going to die. You can feel it and its all because of your boss.

Okay, maybe admitting that you were a little bit obsessed and crushing over your employer was a bit overdue. You weren't exactly the type to parade your feelings around the office but if people were to zone in on you acting sheepish and awkward around Mizu, there was a 55% chance that you could tell based on that alone.

It wasn't like your admiration for Mizu started on a whim. As said countless and countless times, it had a foundation of respect until Mizu started trying to get to know and interact with you and those same feelings of admiration started to change. What else were you supposed to do? Mizu is a fucking all-in-one holiday basket—you didn't have it in you to resist the charms.

It also didn't help that over the past few days, Mizu seems to have her undivided attention on you. Showering you with praises, asking if you wanna spearhead a certain project, revel in your work—all that shit. It's messing with your productivity and mindset and that's not a good idea.

The Head Director for the VALORANT Team had decided to call a night out for drinking to reward the team for the positive feedback for the latest patch. You were quite thankful for the opportunity as this was a way for you to get a moment of rest from Mizu's constant attention. Not that you were complaining, it's just a little... too much.

You were seated at the far right booth of the restaurant, keeping to yourself as you watched Ringo and Taigen begin to have a debate about team composition. Akemi grumbles beside you, clearly not enjoying whatever the fuck these two were talking about.

"Look," Taigen holds his hands out in front of him, trying to make a point. "All I'm saying is if you keep putting DPS builds on your team comp, how in the hell will you be able to maximize their kit? Supports are there for a reason."

Ringo rolls his eyes. "It's called enjoying the game, Taigen. So what if I want to put dick 1, dick 2, and dick 3, together?"

Taigen's jaw drops. "Do you know how much skill point dependent they are? I'm even surprised you could bust a skill out." The raven haired man pauses before continuing with a face contorted in disgust. "And stop calling them dick 1,2,3? It's Dan Heng, Blade, and Jing Yuan."

"Of course you'd police that as well. You look like that fucking emoji." Ringo raises his prosthetic hand, imitating pushing up a pair of glasses. "Um, actually—"

"You are as annoying as my grandmother, do you know that?" Taigen snarls, eyes pulled into a glare. Your tall huggable co-worker only grins and bats his eyelashes.

You begin to tune out the two as Akemi excuses herself to take a cigarette break—already having enough of their banter. You eye the glass of beer in front of you, watching as the liquid sloshes around with each twirl of your wrist.

You had hoped to end the night with silence but alas, you can never get everything that you wanted. You feel a pair of eyes on you—direct and unashamed. Already having a feeling on who this was, you looked up and met the reflection of the ocean.

'You okay?' She mouths, concern overflowing her features. It's subtle enough for people to not notice her sudden shift of attention but enough for you to understand her. Your cheeks flush as you nod back with the same softness that she had thrown your way.

She nods in understanding, sending a soft smile your way before turning back towards her conversation with the Head. You hang your head down, wishing that the night would end faster so that you can finally have the moment of peace you have been wanting ever since this morning.

It was as if the world decided to cast hell upon you and revoked you of your rights to peace at the arrival of yet another problem.

"L/N!" The Head Director's voice encompassed the whole area—eyes turning towards him then at you in amusement. "You're one of the star employees and yet you haven't touched a single speck on that glass of yours!"

His hearty laughter follows—giggles and cheering from you co-workers following suite. You sweat drop, eyes darting to Taigen and Ringo who both looked away at your glare before turning towards the window where Akemi sends you a gracious thumbs up, a cigarette hanging from her lips. You groan.

"I-I'm fine," You wave your hand, laughing it off. Your eyes connect with Mizu, an unreadable look on her face as she takes a sip of her chosen beverage.

God decides to punish you more as the team lead beside Mizu chimes in. "Oh c'mon! You're a great asset to the company! I suggest drink up!"

One of your team members passes a full pint of beer as the others begin to urge you to drink up. You hadn't felt the intensity of peer pressure ever since your dance recital on 10th grade and that wasn't even as half bad as this. You weren't feeling on drinking yourself to death as well so trying to down a full pint of beer was a ticket for you to the afterlife (ie. you on your bed with puke all over the floors). The previous pint you had was enough.

You tried to decline as humbly as you could, afraid that this might be the instance that you could finally be fired off from Riot. You knew that if they kept pushing a 3rd more of their attempts that you'd probably give in for the sake of never doing this again but while the need hasn't yet arisen, you'll try fighting off the urge to be a people-pleaser.

Just as you finally begin to decline for the nth time, a hand emerges to your right—pushing the pint of beer in your co-worker's hands. The table falls silent. Your breath falters as the familiar scent of lavender and probably a hint of sunlight begins to seep in from behind you.

"Stop pressuring her like that," Mizu's voice sounds so close —your heart hammering off your chest. Your co-worker gives Mizu a sheepish smile.

"C'mon Mizu, let your team live a little!" The Head laughs once more before leaning forward with a smug smirk. "Unless you'll save this one yet again?"

There's a pause of silence as your co-workers darted between them—back and forth. You feel Mizu sigh behind you before her arms encase you against the table, one arm placed on the beside you each. Your breath hitches.

"Sorry," She mutters as she reaches for the pint. You stammer, turning towards her as you reach out to her wrist by instinct. Mizu blinks with her eyes wide open, suddenly surprised by your actions.

"Y-you don't have to!" You murmured, trying to keep your voice low. Mizu's eyes are unreadable. "You don't drink—!"

The woman chuckles before patting your hand and gently pulling herself off your grasp. "It's okay." She says.

You watch with stammering breath as she gulps the pint in one go, others cheering as she did. The Head claps.

"Didn't expect to see Mizu downing a beer today but here we are," The man bellows in laughter. Mizu chuckles, wiping the residue off her lips. You could only stare at her in shock.

Mizu glances down at you with a smile before patting your head then walking off. Your gaze trails on her and somehow the hammering within you becomes all the more intense.

Oh, Lord.

It was supposed to just be a little game—a past time that the others decided to force you along. You really had no qualms joining games like this but if it concerns the people around you, especially in your work place, somehow you feel the risk of being outed for liking someone in you work space.

"If you guys wanted to date someone in the office, who'd you pick?" Ise leans forward, eyes squinted as she gives you and Akemi a smirk. The three of you were currently lounging in the cafeteria during you lunch break. There weren't many people present due an event going on in one of the building's sectors, so having a conversation like this somehow was less anxiety inducing.

"Taigen, unfortunately," Akemi deadpans. Ise rolls her eyes.

"I mean! Besides him," Ise whispers excitedly. "There's a newbie from marketing that looks cute but kinda quiet, maybe he's nice."

"You mean Takayoshi?" Akemi raises an eyebrow as she takes a sip of her tea. You glance back and forth between them.

"Is that his name?" Ise watches Akemi nod in response. "Well, I'll just have to go get his number then."

Akemi shakes her head at Ise's musings and you had hoped that the conversation would end there, but Ise suddenly turns to you with that mischievous look in her eye.

"What?" You whisper out, eyebrows furrowed in innocence. Akemi side glances you, the corners of her lips upturned in a smile. God, she was enjoying this too.

"What about you, Y/N?" Ise props her arm on the table, placing her cheek on her palm. "Got someone you're interested in?"

You avoid eye contact. "No."

Ise leans forward with a gasp. "You do!"

"I don't!" You reiterate with urgency. You turn to Akemi with a frantic stare. "Tell her I don't."

Ise turns to Akemi who smiles. "She doesn't."

"Bullshit." Ise deadpans. "The moment I'd believe Akemi with a smile on her face is the moment I'd die," Akemi flashes her middle finger at her to which Ise returns generously. Finally, the girl turns to you—chair scooted over to your right as she flashes you her doe eyes. "So? Who is it?"

You Akemi chuckle against her cup as you stammer in front of Ise. "I don't really like someone though?"

"Lies," Ise declares. "We might not be that close but you got that twitch in your eye that already tells me something. Who is it?"

"Ise," You plead, eyes darting around the space. Somehow, saying it out loud meant that you're solidifying the fact that you liked Mizu—an occurrence you'd like to keep to yourself as much as possible. You loved Ise, you really do. You worked with her hand in hand in bringing Neon to life (You worked on her design while she worked on the 3D build) and have become tremendously grateful for her critique and contributions to your work. But this, this was something else. You could feel your heart speed up as she started listing some names.

"Is it Beckham? That piece of shit always too full himself." Ise places a hand on her chin in thought. "Or Ringo? Nah, he's way too focused on content map-building."

There's a pause of silence before an 'aha!' look spreads through her face. You prayed that she would get it wrong but this is Ise we're talking about.

"Is it perhaps," Ise pauses, eyes darting all over your face. "Mizu—"

"What about me?"

The three of you tense, eyes darting behind you as you turn to find the familiar stance of your boss. She leans forward, a hand on the back of your chair as she gives the three of you a curious glance. You hadn't heard her at all, and something about Ise's frantic glance towards you says she didn't expect the same thing as well.

"W-we we're just listing people we found attractive," Ise laughs uncomfortably under Mizu's stare. The creative director glances at Akemi who raises an eyebrow at her. Somehow there was a silent conversation going on between the two that left you confused.

"Really?" Mizu asks, the ends of her words trailing off as she glances back at Ise. "Who said I was attractive?"

"It was Y/—"

"NO ONE!" You exclaimed, cutting Ise off with a jump. You flush under Mizu's wide gazed, surprised at your interference. Somehow, the way you said it implied that no one found her attractive at all, and that was way too wrong so you caught yourself before you delved into a pit of despair. "I mean, w-we haven't started and was just listing people off."

Mizu nods slowly in understanding, eyes examining your face for any slip-ups. You looked away from the intensity.

Ise finally saves your ass. "Yeah. What she said."

"What about you, Director?" Akemi chimes in from your left and both you and Ise turn to her with wide gazes. She simply smiles over her cup, face contorted in a mischievous look. You couldn't read Mizu at all. You had expected Akemi to drop it—after all, she wasn't even joining in on Ise's incessant need to know everything about everyone. "Who do you find the most attractive in this office, hm?"

You can feel Mizu shifting behind you before a chuckle pulls out from her lips. You turn towards her in curiosity as she flashes a smile towards you.

"I'd pick Y/N, of course,"

Huh?

Akemi rolls her eyes, somehow already expecting the answer. Your jaw drops at her response as Mizu turns to Ise who already has a knowing look on her face.

"She's just that reliable," Mizu looks back down towards you, those shades of blue peeking from her tinted glasses. She pinches your cheek in a flash before pulling away. "Cute too."

You turn away, afraid that the flush on your cheeks might've given you away.

"Anyways, I just dropped by to see what's happening outside the event," Mizu sighs, pushing her glasses back up the bridge of her nose. "I'll see you girls around."

Your interactions always end up one sided somehow. She gives and then leaves—resulting in you malfunctioning from whatever she's left for you to deal with.

Ise turns to you with a mischievous grin when Mizu finally turns the corner. "You and the Director huh?"

"Shut up, oh my God."

"Why do you always do stuff like that?"

"Like what?"

"Like you're not leaving me any room to process the shit you do?"

Mizu lets out quiet laughs from beside you. 10:47 pm. Normally, work hours in the office end at about 9 but you've learned that staying late is where the good things happen.

"I literally just told you 'good job' the other day and you malfunctioned in front of me," Mizu giggles, leaning forward as she tapped you on the nose with the pen to her digital tablet. "And I heard everything by the way. Quite adorable of you to deny everything."

You flush under her affectionate gaze. "Everyone's so gossipy. You can't blame me."

Mizu turns her chair towards you, arms reach out to take a hold of your own before pulling them close to her side. You lean back at her sudden proximity.

"Well you can't blame me either when you're this adorable," Mizu grins. You furrow your eyebrows, finally leaning close as you cupped her cheeks within your palms.

"You even drank beer," You whisper, tone apologetic. "You don't even like alcohol."

Mizu leans into your touch. "And you don't like being pressured into something you don't want to do. I can sacrifice a little bit of something I don't like just for you."

You melt at her words, eyes darting over her softened features. "Thank you," You whisper, grateful.

"Anything for my girlfriend," Mizu teases. You roll your eyes before pulling her into a soft kiss. She kisses back instantly, hands gripping the arm chair as you take lead of the kiss. After a few pecks and chaste kisses here and there, you finally pull back—reveling in the soft flush across Mizu's cheeks.

"Also," You chime in. Mizu raises an eyebrow. "I was the one who pursued, not you. Correct that when they catch on."

Mizu chuckles at your words. "Right on. Akemi threatened me the other day, saying something like, 'I forbid you from dating Y/N Y/L/N, Mizu Tagawa!' Funniest shit, I've heard. If only she knew."

You pinch her cheeks, giggling at her words. "Of course, she's say that."

There's a pause of silence before Mizu turns to her work, a sketch of VALORANT's newest agent displayed on screen.

"Want to help me with the new guy?" She nudges towards the screen. "Heard he's French."

You turn to her monitor, dozens of details sketched on the edges with a version of her idea of the new agent. You grin, placing a kiss on her cheek.

"You could've just asked me to marry you." You tease. "Also, sure."

You turn towards the table and pulled her tablet towards you. Mizu scoffs as you take over her work.

"And if I actually did?"

"Sure, Mizu, sure."

"I'm serious!"

a/n: hey guys!!! this was so fun to write and honestly i was just inspired to do this request bc ive been drafting an office romance for mizu after the roommate thing. hope yall enjoyed ! if yall arent familiar with valorant, here are the agents mentioned or referenced (neon & chamber (french guy)). also mizu's last name is derived from master eiji's va! cary-hiroyuki tagawa!

#arthenaa #mizu x you #mizu x reader #mizu bes #the blue eyed samurai x reader #the blue eyed samurai

248 notes · View notes

machine-saint · 8 months

Text

i have a thesis that part of the reason everybody thinks user interfaces only ever change for the worse is because nobody remembers the good ones

like I see posts saying tumblr's UI has never gotten better and while there are definitely some bad changes (the iconless experiment was bad, but I'm neutral on the "twitter layout" [it's a fairly standard UI design!]), the rework of the activity tab is unambiguously good! using highlighting to mean "this person is your mutual" or whatever was confusing; using it to mean "this is not something you've seen" and having explicit badges with icons to indicate follower/following/mutual was a good idea

178 notes · View notes

yurimother · 1 year

Text

Lesbian Visual Novel 'Please Be Happy' Releases on PC

On November 21, Sekai Project and Studio Élan released their newest Yuri visual novel, Please Be Happy for PC/Mac on Steam and itch.io. Linux releases for the game are planned to release shortly, with a home console release coming in the first half of 2023.

The developer describes the game:

Born as a fox in the forest of Korea, Miho carries with her the memory of a traveler who showed her kindness and spoke of home. Now more human than fox, Miho has spent a long, long time searching for her person. She arrives by airship to Wellington, one of the jewels of the floating island of New Zealand. Despite her years spent observing humans, she still has a lot to learn about their culture and society. She's made a living so far as a thief, her heightened senses allowing her to easily take advantage of people. She's also seen a lot of the worst of what mankind has to offer. It's only after meeting Juliet, the owner of a small library, and Aspen, an aspiring novelist, that Miho starts to understand what kindness is, and that there's more than just the bad stuff when it comes to people.

Please Be Happy features two different romantic routes, each with two happy endings. The game is fully voice-acted in English and contains over 220,000 words.

It is the first full game developed by Studio Élan since 2019's acclaimed visual novel Heart of the Woods. Adirosa, who designed the user interface for Heart of the Woods, co-writes and directs Please Be Happy and serves as an assistant character artist alongside lead artist Kobuta. Additional staff includes:

Josh Kaplan - Writer

Theo Minute - Programmer and Assistant Artist

Lunaterra - Editor

Suriko - Editor

Arimia - Social Media and PR Manager

The game features English voice acting directed by Wyatt "Syon Santeria" Abernathie. The game stars Dottovu as Miho, Anna Chloe Moorey as Aspen, and Shara Kirby as Juliet. Additional voice actors include:

Elissa Park

June Yoon

Felicia Valenti

Jill Harris

Molly Zhang

Natalie Van Sistine, who also served as Please Be Happy's audio engineer

Wyatt Abernathie

Studio Élan is a visual novel development group focusing on lesbian-themed games, with members from all around the world. Élan was created with a specific vision of telling yuri love stories combined with magic and fantasy. Other titles include Heart of the Woods (2019), Highway Blossoms (2016), and upcoming games Lock and Key and Summer at the Edge of the Universe.

Check out Please Be Happy today on Steam and itch.io.

#yuri #video games #gaming #lgbt #lgbtq #lgbtq+#queer #gay #lesbian #lesbians #girls love #vn #please be happy #highway blossoms #heart of the woods #girl slove #yuri game #gl

486 notes · View notes

transienturl · 8 months

Text

You know what, I'll bother making this post. It's long overdue.

PSA: Please don't install uBlock Origin rules for Tumblr that use :nth-of-type(), and please remove or fix any you have installed. They can and will hide the wrong things. I'll show you a few alternatives below.

First, an example of how we get here. I've used the uBlock Origin element picker to try to hide the "Get a Domain" sidebar item:

With some different adjustments of the sliders, it gave me these two snippets, one of which targeted a whole bunch of sidebar items, and the other of which selected the right one. Great, right? Read on.

www.tumblr.com##li.g8SYn.IYrO9:nth-of-type(7) www.tumblr.com##.gM9qK > li.g8SYn.IYrO9

As you can see, these both target a particular kind of sidebar item via "li.g8SYn.IYrO9"—fine—and as you can probably guess, the second one counts them all up and hides the seventh it finds.

This is bad, because what it actually hides depends on exactly how many sidebar items there are! Users can "snooze" Tumblr Live, which will make an item appear or disappear, and users with/without Ad-Free subscriptions will have or not have another. I have seen many, many people accidentally hide their activity, messages, inbox, etc using someone else's rule that's supposed to hide Live. Worse, some rules intended for e.g. recommended post carousels that use nth-of-type translate to something like "hide item number three on the dashboard no matter what it is," which will lead to a seemingly random post on your dashboard disappearing!

This isn't a problem specific to Tumblr, of course—I personally think uBlock Origin should never autogenerate these rules—but Tumblr has a ton of elements that aren't in fixed positions, so I feel comfortable wording that PSA the way I did. On a very static site, those rules might be fine. Here they almost always aren't.

So how do we fix this? First of all, as a developer of XKit Rewritten (check out @addons!), I must suggest you check if it has a feature to do what you want. Plenty of times it won't, though, and if not, we want to make a rule that hides an element based on what it is, not where it is. Here are three ways to make a robust rule:

First, I'll right-click the element I want and use the inspect element tool in my browser's developer tools to look at the element I really want (Firefox and Chrome/Edge/Opera have different but overall similar interfaces for this):

The HTML looks, for reference, like this (Tumblr sucks at code blocks but I'll try):

<li class="IYrO9 g8SYn" title="Get a domain"> <a class="tDT48" href="/domains"> <div class="kn4U3"> <svg> <use href="#managed-icon__earth"></use> </svg> </div> <div class="a132D"> <span class="ZC1wz">Get a domain</span>  </div> </a> </li>

What's something unique about this element, preferably about the outermost element, and preferably contained within the <angle brackets> (HTML tags)? In this case, we have it easy: title="Get a domain" is definitely unambiguous and fulfills all of those three. If you're very familiar with web design using CSS, you'll know how to target that; if you've vaguely heard of CSS, you may be able to look at a reference sheet of CSS selectors, see [attribute=value], and figure it out, and if neither is true, I'll spoil it for you and say that we just put it in square brackets in this case.

So—taking the rule uBlock Origin made, removing the :nth-of-type() and replacing it with our better selector—here's our first working, bug-free uBlock Origin rule:

##li.g8SYn.IYrO9[title="Get a domain"]

Okay, great. But what if we didn't have that attribute to target? What if our top-level element looks the same as the other ones? What if we want this rule to work if we change our Tumblr language to Spanish? Let's move on to :has().

:has() is a CSS selector (supported in uBlock Origin even in browsers where you can't use it for web development yet, i.e. Firefox), that lets you check the contents of an element for whatever is in the parentheses. Let's assume that Tumblr would never make two sidebar items with the same icon, and target that href="#managed-icon__earth" property:

##li.g8SYn.IYrO9:has([href="#managed-icon__earth"])

Yep, that works too!

Finally, what if we couldn't use either of those because we need to target the content of the page that's not contained within the <angle brackets>? We can take a look at the uBlock Origin documentation and find that it has something for that too: :has-text(). You can do very powerful things with this (e.g. you can sort of implement Blacklist entirely using uBlock Origin using something like article:has-text), but it doesn't perform well and can pretty easily be used incorrectly, so I'd suggest you avoid it when possible.

However, let's try using it here to target the "Get a domain" label text:

##li.g8SYn.IYrO9:has-text(Get a domain)

And that also works!

With these techniques, you should be able to target any specific thing you'd want to hide without using any fragile positional selectors. If you're going to share your uBlock Origin rules with others, please make use of this! If you're just using your rules for yourself, then hopefully I've given you enough information so that you can understand what a rule does and decide for yourself if it's worth bothering to fix (menu item order might not change that often, so maybe you're fine with certain rules being a bit prone to breakage; if your rule hides the first post in your timeline you really do need to fix that one!)

And, of course, a note for you web developers out there: :has() isn't natively supported in Firefox quite yet, so you can't really use it (I would not recommend using JQuery's simulated version—it's not quite the same). And :has-text() is just not a thing for CSS at all. Just use javascript at that point! Edit: No longer true in 2024; style away!

Final note: any rule with a random 5-character string like g8SYn will eventually break when Tumblr rebuilds its CSS map, though they haven't done that in ages. But when they do: no, it's not "Tumblr devs breaking our rules because they hate us." (Yes, I hear that sentiment a lot in contexts when it almost always makes zero sense.) If you're fairly experienced with CSS you can sometimes make Stylus/uBlock Origin rules that don't reference any, but it's usually convoluted and more trouble than it's worth.

#java'd script #for future reference #tumblr meta

79 notes · View notes

vioisgoinginsane · 3 months

Note

i think you have finally convinced me to try the something from the ikeman series. but which one ?? there are several ???? im so confused

*evil laughter* we got another one, folks!

Honestly, it really depends? Mind you these are mature games with mature themes *cough* the sexy time but also murder *cough* and the MCs are female aligning and they have a few characters traits and loose backstory of their own so it's not all just straight up self insert

I guess it depends how much murder do you want??

Ikemen prince is still the latest game (at least till ikemen villains comes out in spring) so the app interface itself is the most modern and user friendly one but it's also one of the most mature and dark ones (there's even mentions of rape) (again, only till ikevil drops in en) and they have gilbert and yeah he's kinda a trigger warning in of himself. The app recommends you chev's route, which literally starts with him killing some assassins in front of you, but my first route was yves who is tsundere but actually a sweetheart and he's the least fucked in the head around. Yves, Leon, and Chev were there from the beginning so they are kinda designed to be beginners routes that lay down a lot of lore (and most agree that chev's route suffered from that). There is a second prologue for the Act 2 routes, which introduces the foreign princes, so i guess you are better off leaving rio, sariel, keith, silvio or gilbert for later.

Just don't, DO NOT play silvio or luke first. Actually, I can't recommend silvio's route to anyone ever, it was so Mcfreaking bad.

Emma (default name for the MC) is the most "she just like me fr" mc out of all of them cuz she loves books. Unlike other games, it's a historical fantasy with no magic, and she grew up the there in the kingdom but no we never get more backstory on her beyond her job at the bookstore and when she saved rio's life 3 years prior the prologue.

Ikemen vampire was my first ikegame actually! And i only showed up cuz they have a Dazai. The interface is only slightly subpar from ikepri. If you heard this be called "the vampire smut game with the historical figures" then yeah that's kinda the gist of it. There also timetravel involved which is why it's set in 19th century paris but you have Dazai who's from the future and genderbend Joan D'arc in the same place. When they died Comte came and asked if they would leave their human lives to continue on as a vampire and they all agreed and he turned them.

MC (called Misuki in the manga) is from 21st century. She was like, a travel agent from tokyo / writes a personal travel blog, and she always dreamed of visiting paris. And when she visits the Louvre she accidentally follows Comte back through the time travelling door to the mention in 19th century. The door only opens once a month now she's gotta wait it out if she wants to go back. MC lays down some really poetic descriptive language which I think it's unique to her from other MCs and it shows that yeah she's a writer.

The mansion residents have such strong found family vibes. I think it's more like every route handles it's own suitor's problems, but this game also has an act 1 and act 2 format. Act 1 routes are napoleon, Leonardo, arthur, mozart, isaac, vincent, theo, jean, Shakespeare. Idk if I can really say one is a better starter route than others, except that in Shakespeare's route you move away from the mention and it would feel like a shame not to bond with the residents a lil first. Since Shakespeare's route was the last one before act 2 started so it's kind of like a bridge.

Oh yeah they have Vlad, this guy a murderer! So much murder! His minions are weird too! An executioner and a mad scientist!

Ikemen Sengoku takes place in Sengoku era japan, so it has a very unique environment. It's literally a pick your favorite war criminal kinda deal. They can all be surprisingly nice tho. It's once again a time travel shenanigans but MC and Sasuke traveled there from the 21st century through a wormhole, not a door, so they have to wait 3 months for the next one. The interface is old and it's the least beginner friendly one and the event are impossibly hard but man the chaos in here is so unique.

If you don't know crap about the japanese sengoku era, it's fine, neither did I. The plot gets going cuz MC accidentally saves the life of Nobunaga Oda who was supposed to be assassinated at Honno-ji before he could fulfill his ambition of unifying Japan. The game takes multiple liberties of bringing up people that should be dead by now according to history books and its only explained by timetravel shenanigans sometimes. The prologue tries to ship MC with him so hard but I haven't touched his route to this day and I never will. I downloaded this game so late and I ran around like a headless chicken and got along just fine. Unlike other games, you cannot change routes while you're in the middle of the route unless you have some stupid key item thingy. I can usually recommend sasuke as a beginner route cuz even if he's not your type his route gives you substantial information about each every other suiter. Mostly cuz he's also from the future and not only did he land in here 4 years prior to MC and had time to adjust, he is also a Sengoku era fanboy and constantly fanboying about these famous warlords.

Both Sasuke and MC (called Mai in the manga) share a distinctly 21 century humor and make a lot of references. Mai is undeniably the most sassy and unhinged MC from these games. Where Mitsuki will write a beautiful prose in her inner monologue, Mai will have something sarcastic or downright a thirst post. Before she got wrapped in all this she was about to start her dream job as a fashion designer, and she always finds work as a seamstress in the sengoku era not just for survival purposes but cuz that's her passion.

Ikemen Revolution got discontinued :( so there are no events and we tell you at the door, There is no Blanc route and we will never stop being pissed off about it. He is the first we meet, we fall into cradle cuz we were following him to try to give him back the watch he dropped, and then we never get to romance him. The world isn't fair.

Ikerev is also an older app, but it's also like. The least mature and dark game. There's still a war going on and shit but it's tame in comparison to the others.

Altho MC is from the 19th century England, she falls into a different world, in a country called Cradle. This is the only game that has magic in it. In cradle magic is more developed than science and it's as present in everyday life as electricity. People in cradle call MC's world The Land of Reason. People from the land of reason have the unique power to break spells. The first person who fell in cradle was called alice and her adventure in cradle was turned into the Alice in Wonderland book we know. The residents of cradle refer to MC as Alice the Second.

Like I said, there's a war going on, cuz the country is split into Black and Red territory, and it's a military state, and each territory is ruled by "card soldiers" yanno. The King of Hearts. The King of Spades. No one ever talks about diamonds or clubs cuz I think they said those are the ones that handle. Uh. Not military stuff? Idk. The only worst route you could play as a starter is Dalim cuz his route is like "here's a major spoiler for literally every other route in this game". We don't talk about Oliver or Seth's route. Plz don't do that to yourself.

Anways, the hole MC fell through appears again at the next full moon, so she got a month to survive Cradle and get back home. Before she fell, she was working at the best confectionery in london. I swear this girl never stops eating, no other game describes food in as much detail as she does. I'm also sorry she's probably the dumbest MC. SUCH a big heart, so few brain cells. I can't hate her.

Ikevil is for the freaks. They literally turned up the murder and the smut to 11.

#ikepri #ask #anon ask #cybird #ikemen prince #ikemen series #ikevamp #ikesen #ikerev

35 notes · View notes

a-ux-person · 1 year

Text

Every time it's a test.

Can you remember which icon records voice audio and which one is speech-to-text?? Because the interface gives you no clues.

#bad ux #uxui #uxuidesign #a-ux-person #user experience #user interface #icon design #intuitive design #design thinking #design #ui design #phone design #andriod #iphone

5 notes · View notes

alica-tech · 1 year

Text

A Crash Course to Design Thinking: Empathy

●~•──────── Introduction ─────────•~●

Hello! Today I wanted to talk about UX design. This post was supposed to be longer but Tumblr deleted my draft and I’m feeling (╯°□°）╯︵ ┻━┻ so here is just part one.. We’ll be covering the “Empathy” step which includes:

Exploring the problem space

Conducting User Research

Defining User Personas

I believe that taking time to do design thinking when creating a product avoids bad door knobs and confusing app interfaces. Here’s a handful of hilariously bad UI demos for taste: https://mattw.io/bad-ui/.

Here’s some other common pitfalls:

Too many choices for a user (overcrowded toolbars)

Not enough options for users (accessibility)

Poor feedback (“Did that form actually go through?”)

Inconsistent interfaces (“Do I push or pull on this door…It says push, but has a pull handle!”)

●~•────────What is a prototype? ─────────•~●

A prototype is an early model mock-up of the product you want to build. We’re focusing on digital products in this case, so the product can be an app, website, or any other applications. Prototypes are useful for conceptualizing and visualizing your ideas for the product. It's also meant to showcase the "flow" of using the app from a user's perspective, as well as show the layout and organization of your product.

●~•───────What is the design thinking process? ────────•~●

The design thinking process is an iterative process to approaching designing products. It's not necessarily linear, but we'll walk through what you should consider at each step. In practice, you may find yourself revisiting steps to refine your problem, ideas, and mock-up itself after getting user feedback. Let’s talk about the first step, empathizing!

Part 1: Empathize

●~•─────── Step 1 ────────•~●

⭐ Pick a problem space.

What problem are you trying to find a potential solution for? It could be as simple as "Tumblr’s draft system sucks" or maybe your friend just said "This book tracking app could be better.." Sources of inspiration are everywhere!

Coming up with your own: Think about your own experiences as a user of different products or services. Have you encountered any frustrating issues or pain points that could be addressed with a potential solution? Maybe you struggle with finding parking in your city and wish there was a more efficient way to find available spots. Or perhaps you find it difficult to keep track of all your passwords and would like a more secure and user-friendly password manager. Consider your own needs and experiences as a starting point for identifying potential problem spaces.

Interacting with others: Talk to people in different industries or fields, or attend events or conferences related to areas you're interested in. This can give you exposure to different perspectives and potential problem spaces that you may not have considered before. For example, if you're interested in education technology, attending an education conference could help you identify common challenges and needs in that space. Or even reading through r/professors or talking to your own instructors!

📚 Resources:

https://www.uxchallenge.co/ - List of problems

https://uxtools.co/challenges/ - Walkthroughs on tackling specific problems focused on UX skills

●~•─────── Step 2 ────────•~●

⭐ Understand the users affected by the problem.

Once you have a problem space, don’t jump ahead and start thinking of solutions! First, we must understand the problem from a variety of user perspectives. Why? Because by understanding the users affected by the problem, we can gain insights into their needs, pain points, and behaviors. This understanding can help us develop effective solutions that address their needs and improve their experiences.

There’s a variety of user research methods we can use to collect user perspectives, this is just a handful of them:

Survey: If the product already exists (and it’s yours), you could add a survey in-app for feedback on a specific feature. Otherwise, you can create a survey assessing a user’s impressions on a problem they might have (“Do you encounter this..?”, “Would you be interested in a product that..”, “What kind of features are most important to you?”).

User Interviews: This involves talking to users one-on-one to gain insights into their experiences, needs, and pain points. It's important to ask open-ended questions and actively listen to their responses to understand their perspectives fully.

Online Research: Checkout user impressions on products by looking up existing reviews online. This can be from Amazon, Reddit, the app store, whatever. To make this kind of data useful, you can identify patterns of what is often mentioned or common pain points users express online. It’s going to be better if you can connect more directly with users about your specific problem area, but this is something to start with.

📚 Resources: (I love nngroup…)

https://www.nngroup.com/articles/ux-research-cheat-sheet/

https://www.nngroup.com/articles/guide-ux-research-methods/

https://www.nngroup.com/articles/which-ux-research-methods/

●~•─────── Step 3 ────────•~●

⭐ Create User Personas to represent the types of users your product will be addressing the needs of.

The user persona shouldn’t represent a specific (real) person, rather it should represent a realistic archetype of a person. I think of it as like a character sheet. For example, if we’re creating an app for book tracking our user personas might be “Reader Rhea - A college student looking to organize books from her classes” or “Bookworm Bryan - A young adult looking to get book recommendations”. The persona should be based on the research you did prior. Creating user personas will help you better understand and empathize with your users, and make design decisions that align with their needs and goals.

Here’s a quick checklist of what to include in a user persona:

Name: Give your persona a name that reflects their characteristics and needs.

Demographics: Include details like age, gender, occupation, and location.

Goals: What are the persona's primary goals and objectives when using your product?

Pain points: What are the main challenges or problems that the persona faces when using your product?

Behaviors: What are the typical behaviors and habits of the persona when using your product?

Motivations: What motivates the persona to use your product?

Personality: What are the persona's personality traits and characteristics?

Scenario: Describe a scenario in which the persona would use your product or service.

Quote: Include a quote that summarizes the persona's attitude or perspective.

📚 Resources:

https://about.gitlab.com/handbook/product/ux/persona-creation/

https://www.nngroup.com/articles/personas-study-guide/

https://www.justinmind.com/blog/user-persona-templates/ - lots of examples and explanations here

●~•─────── That's All! ────────•~●

Phew, ok that is all for now! In a future post, I will go over the second step in the design process. If you have anything to add to this topic, pls share! :D Thanks for reading

#ux design #user experience #ui ux course #prototyping #design thinking #tech #design #creative #user research #comp sci

59 notes · View notes